@reticular/speakable 1.5.0 → 1.6.0

package/dist/storybook/dist/preview.js

@@ -0,0 +1,2129 @@
+import {
+  EVENT_RESULT,
+  __commonJS,
+  __toESM
+} from "./chunk-CL3DJBD7.js";
+
+// ../node_modules/picocolors/picocolors.browser.js
+var require_picocolors_browser = __commonJS({
+  "../node_modules/picocolors/picocolors.browser.js"(exports, module) {
+    "use strict";
+    var x = String;
+    var create = function() {
+      return { isColorSupported: false, reset: x, bold: x, dim: x, italic: x, underline: x, inverse: x, hidden: x, strikethrough: x, black: x, red: x, green: x, yellow: x, blue: x, magenta: x, cyan: x, white: x, gray: x, bgBlack: x, bgRed: x, bgGreen: x, bgYellow: x, bgBlue: x, bgMagenta: x, bgCyan: x, bgWhite: x, blackBright: x, redBright: x, greenBright: x, yellowBright: x, blueBright: x, magentaBright: x, cyanBright: x, whiteBright: x, bgBlackBright: x, bgRedBright: x, bgGreenBright: x, bgYellowBright: x, bgBlueBright: x, bgMagentaBright: x, bgCyanBright: x, bgWhiteBright: x };
+    };
+    module.exports = create();
+    module.exports.createColors = create;
+  }
+});
+
+// ../src/model/types.ts
+var SUPPORTED_ROLES = [
+  // Original roles (22)
+  "button",
+  "link",
+  "heading",
+  "textbox",
+  "checkbox",
+  "radio",
+  "combobox",
+  "listbox",
+  "option",
+  "list",
+  "listitem",
+  "navigation",
+  "main",
+  "banner",
+  "contentinfo",
+  "region",
+  "img",
+  "article",
+  "complementary",
+  "form",
+  "search",
+  "generic",
+  // New roles (21)
+  "paragraph",
+  "blockquote",
+  "code",
+  "staticText",
+  "table",
+  "row",
+  "cell",
+  "columnheader",
+  "rowheader",
+  "term",
+  "definition",
+  "figure",
+  "caption",
+  "group",
+  "dialog",
+  "meter",
+  "progressbar",
+  "status",
+  "document",
+  "application",
+  "separator"
+];
+var CURRENT_MODEL_VERSION = {
+  major: 1,
+  minor: 0
+};
+
+// ../src/extractor/aria-name.ts
+function computeAccessibleName(element, visited = /* @__PURE__ */ new Set()) {
+  const warnings = [];
+  if (visited.has(element)) {
+    warnings.push({
+      message: "Circular reference detected in aria-labelledby chain",
+      element
+    });
+    return { name: "", warnings };
+  }
+  visited.add(element);
+  const labelledBy = element.getAttribute("aria-labelledby");
+  if (labelledBy) {
+    const name = computeNameFromLabelledBy(element, labelledBy, visited, warnings);
+    return { name, warnings };
+  }
+  const ariaLabel = element.getAttribute("aria-label");
+  if (ariaLabel && ariaLabel.trim()) {
+    return { name: ariaLabel.trim(), warnings };
+  }
+  if (isFormControl(element)) {
+    const labelName = computeNameFromLabel(element);
+    if (labelName) {
+      return { name: labelName, warnings };
+    }
+  }
+  if (element.tagName.toLowerCase() === "img") {
+    const alt = element.getAttribute("alt");
+    if (alt !== null) {
+      return { name: alt.trim(), warnings };
+    }
+  }
+  if (supportsNameFromContent(element)) {
+    const textName = computeNameFromContent(element, visited);
+    if (textName) {
+      return { name: textName, warnings };
+    }
+  }
+  const title = element.getAttribute("title");
+  if (title && title.trim()) {
+    return { name: title.trim(), warnings };
+  }
+  return { name: "", warnings };
+}
+function computeNameFromLabelledBy(element, labelledBy, visited, warnings) {
+  const document2 = element.ownerDocument;
+  if (!document2) {
+    return "";
+  }
+  const ids = labelledBy.trim().split(/\s+/);
+  const names = [];
+  for (const id of ids) {
+    if (!id) continue;
+    const referencedElement = document2.getElementById(id);
+    if (!referencedElement) {
+      warnings.push({
+        message: `aria-labelledby references non-existent ID: ${id}`,
+        element
+      });
+      continue;
+    }
+    const result = computeAccessibleName(referencedElement, new Set(visited));
+    warnings.push(...result.warnings);
+    const name = result.name || getTextContent(referencedElement);
+    if (name) {
+      names.push(name);
+    }
+  }
+  return names.join(" ").trim();
+}
+function computeNameFromLabel(element) {
+  const document2 = element.ownerDocument;
+  if (!document2) {
+    return "";
+  }
+  const id = element.getAttribute("id");
+  if (id) {
+    const label = document2.querySelector(`label[for="${id}"]`);
+    if (label) {
+      return getTextContent(label);
+    }
+  }
+  const parentLabel = element.closest("label");
+  if (parentLabel) {
+    return getTextContent(parentLabel);
+  }
+  return "";
+}
+function computeNameFromContent(element, _visited) {
+  return getTextContent(element);
+}
+function getTextContent(element) {
+  if (element.getAttribute("aria-hidden") === "true") {
+    return "";
+  }
+  let text = "";
+  for (const node of Array.from(element.childNodes)) {
+    if (node.nodeType === 3) {
+      text += node.textContent || "";
+    } else if (node.nodeType === 1) {
+      const childElement = node;
+      if (childElement.getAttribute("aria-hidden") === "true") {
+        continue;
+      }
+      text += getTextContent(childElement);
+    }
+  }
+  return text.trim();
+}
+function isFormControl(element) {
+  const tagName = element.tagName.toLowerCase();
+  return tagName === "input" || tagName === "textarea" || tagName === "select" || tagName === "button";
+}
+function supportsNameFromContent(element) {
+  const tagName = element.tagName.toLowerCase();
+  const role = element.getAttribute("role");
+  const contentElements = [
+    "button",
+    "a",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "summary",
+    "figcaption",
+    "legend",
+    "caption",
+    "th",
+    "td",
+    "li",
+    "dt",
+    "dd"
+  ];
+  if (contentElements.includes(tagName)) {
+    return true;
+  }
+  const contentRoles = [
+    "button",
+    "link",
+    "heading",
+    "tab",
+    "treeitem",
+    "option",
+    "row",
+    "cell",
+    "columnheader",
+    "rowheader",
+    "tooltip",
+    "menuitem",
+    "menuitemcheckbox",
+    "menuitemradio"
+  ];
+  if (role && contentRoles.includes(role)) {
+    return true;
+  }
+  return false;
+}
+function computeAccessibleDescription(element) {
+  const warnings = [];
+  const describedBy = element.getAttribute("aria-describedby");
+  if (describedBy) {
+    const description = computeDescriptionFromDescribedBy(
+      element,
+      describedBy,
+      warnings
+    );
+    if (description) {
+      return { description, warnings };
+    }
+  }
+  const title = element.getAttribute("title");
+  if (title && title.trim()) {
+    return { description: title.trim(), warnings };
+  }
+  return { description: "", warnings };
+}
+function computeDescriptionFromDescribedBy(element, describedBy, warnings) {
+  const document2 = element.ownerDocument;
+  if (!document2) {
+    return "";
+  }
+  const ids = describedBy.trim().split(/\s+/);
+  const descriptions = [];
+  for (const id of ids) {
+    if (!id) continue;
+    const referencedElement = document2.getElementById(id);
+    if (!referencedElement) {
+      warnings.push({
+        message: `aria-describedby references non-existent ID: ${id}`,
+        element
+      });
+      continue;
+    }
+    const text = getTextContent(referencedElement);
+    if (text) {
+      descriptions.push(text);
+    }
+  }
+  return descriptions.join(" ").trim();
+}
+
+// ../src/extractor/role-mapper.ts
+var IMPLICIT_ROLE_MAP = {
+  // Interactive elements
+  "button": "button",
+  "a": "link",
+  // Only if href attribute present
+  // Form controls
+  "input": "textbox",
+  // Default, varies by type
+  "textarea": "textbox",
+  "select": "listbox",
+  // Headings
+  "h1": "heading",
+  "h2": "heading",
+  "h3": "heading",
+  "h4": "heading",
+  "h5": "heading",
+  "h6": "heading",
+  // Landmarks
+  "nav": "navigation",
+  "main": "main",
+  "header": "banner",
+  // Only if not nested in article/section
+  "footer": "contentinfo",
+  // Only if not nested in article/section
+  "aside": "complementary",
+  "form": "form",
+  "section": "region",
+  // Only if has accessible name
+  // Lists
+  "ul": "list",
+  "ol": "list",
+  "li": "listitem",
+  // Images
+  "img": "img",
+  // Articles
+  "article": "article",
+  // Static content (new)
+  "p": "paragraph",
+  "blockquote": "blockquote",
+  "code": "code",
+  "pre": "code",
+  // Tables (new)
+  "table": "table",
+  "tr": "row",
+  "td": "cell",
+  "th": "columnheader",
+  // Default; scope="row" handled in computeImplicitRole
+  // Definition lists (new)
+  "dl": "list",
+  "dt": "term",
+  "dd": "definition",
+  // Figures (new)
+  "figure": "figure",
+  "figcaption": "caption",
+  // Disclosure (new)
+  "details": "group",
+  "summary": "button",
+  // Dialogs and widgets (new)
+  "dialog": "dialog",
+  "meter": "meter",
+  "progress": "progressbar",
+  "output": "status",
+  // Forms (new)
+  "fieldset": "group",
+  "legend": "caption",
+  // Embedded content (new)
+  "iframe": "document",
+  "video": "application",
+  "audio": "application",
+  // Separators (new)
+  "hr": "separator",
+  // Table caption (new)
+  "caption": "caption"
+};
+var INPUT_TYPE_ROLE_MAP = {
+  "button": "button",
+  "submit": "button",
+  "reset": "button",
+  "checkbox": "checkbox",
+  "radio": "radio",
+  "text": "textbox",
+  "email": "textbox",
+  "password": "textbox",
+  "search": "textbox",
+  "tel": "textbox",
+  "url": "textbox",
+  "number": "textbox"
+};
+function computeRole(element) {
+  const warnings = [];
+  const explicitRole = element.getAttribute("role");
+  if (explicitRole) {
+    const role = validateAndNormalizeRole(explicitRole, element, warnings);
+    if (role) {
+      return { role, warnings };
+    }
+  }
+  const implicitRole = computeImplicitRole(element, warnings);
+  return { role: implicitRole, warnings };
+}
+function validateAndNormalizeRole(roleAttr, element, warnings) {
+  const role = roleAttr.trim().toLowerCase();
+  if (role === "presentation" || role === "none") {
+    return null;
+  }
+  if (SUPPORTED_ROLES.includes(role)) {
+    return role;
+  }
+  warnings.push({
+    message: `Invalid or unsupported role: "${roleAttr}". Falling back to implicit role.`,
+    element
+  });
+  return null;
+}
+function computeImplicitRole(element, _warnings) {
+  const tagName = element.tagName.toLowerCase();
+  if (tagName === "input") {
+    return computeInputRole(element);
+  }
+  if (tagName === "a") {
+    return element.hasAttribute("href") ? "link" : null;
+  }
+  if (tagName === "header") {
+    return isTopLevelLandmark(element) ? "banner" : null;
+  }
+  if (tagName === "footer") {
+    return isTopLevelLandmark(element) ? "contentinfo" : null;
+  }
+  if (tagName === "th") {
+    const scope = element.getAttribute("scope");
+    return scope === "row" ? "rowheader" : "columnheader";
+  }
+  if (tagName === "section") {
+    return element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby") ? "region" : null;
+  }
+  const implicitRole = IMPLICIT_ROLE_MAP[tagName];
+  return implicitRole || null;
+}
+function computeInputRole(input) {
+  const type = (input.getAttribute("type") || "text").toLowerCase();
+  return INPUT_TYPE_ROLE_MAP[type] || "textbox";
+}
+function isTopLevelLandmark(element) {
+  let parent = element.parentElement;
+  while (parent) {
+    const tagName = parent.tagName.toLowerCase();
+    if (tagName === "article" || tagName === "section") {
+      return false;
+    }
+    parent = parent.parentElement;
+  }
+  return true;
+}
+function isAccessible(element) {
+  if (element.getAttribute("aria-hidden") === "true") {
+    return false;
+  }
+  const role = element.getAttribute("role");
+  if (role === "presentation" || role === "none") {
+    return false;
+  }
+  const roleResult = computeRole(element);
+  return roleResult.role !== null;
+}
+
+// ../src/extractor/state-extractor.ts
+function extractState(element) {
+  const warnings = [];
+  const state = {};
+  const expanded = extractBooleanAttribute(element, "aria-expanded", warnings);
+  if (expanded !== void 0) {
+    state.expanded = expanded;
+  }
+  const checked = extractTriStateAttribute(element, "aria-checked", warnings);
+  if (checked !== void 0) {
+    state.checked = checked;
+  }
+  const pressed = extractTriStateAttribute(element, "aria-pressed", warnings);
+  if (pressed !== void 0) {
+    state.pressed = pressed;
+  }
+  const selected = extractBooleanAttribute(element, "aria-selected", warnings);
+  if (selected !== void 0) {
+    state.selected = selected;
+  }
+  const disabled = extractBooleanAttribute(element, "aria-disabled", warnings);
+  if (disabled !== void 0) {
+    state.disabled = disabled;
+  }
+  const invalid = extractBooleanAttribute(element, "aria-invalid", warnings);
+  if (invalid !== void 0) {
+    state.invalid = invalid;
+  }
+  const required = extractBooleanAttribute(element, "aria-required", warnings);
+  if (required !== void 0) {
+    state.required = required;
+  }
+  const readonly = extractBooleanAttribute(element, "aria-readonly", warnings);
+  if (readonly !== void 0) {
+    state.readonly = readonly;
+  }
+  const busy = extractBooleanAttribute(element, "aria-busy", warnings);
+  if (busy !== void 0) {
+    state.busy = busy;
+  }
+  const current = extractCurrentAttribute(element, warnings);
+  if (current !== void 0) {
+    state.current = current;
+  }
+  const grabbed = extractBooleanAttribute(element, "aria-grabbed", warnings);
+  if (grabbed !== void 0) {
+    state.grabbed = grabbed;
+  }
+  const hidden = extractBooleanAttribute(element, "aria-hidden", warnings);
+  if (hidden !== void 0) {
+    state.hidden = hidden;
+  }
+  const level = extractLevelAttribute(element, warnings);
+  if (level !== void 0) {
+    state.level = level;
+  }
+  const posinset = extractNumberAttribute(element, "aria-posinset", warnings);
+  if (posinset !== void 0) {
+    state.posinset = posinset;
+  }
+  const setsize = extractNumberAttribute(element, "aria-setsize", warnings);
+  if (setsize !== void 0) {
+    state.setsize = setsize;
+  }
+  extractNativeStates(element, state, warnings);
+  return { state, warnings };
+}
+function extractValue(element) {
+  const warnings = [];
+  const tagName = element.tagName.toLowerCase();
+  if (tagName === "input") {
+    return extractInputValue(element, warnings);
+  }
+  if (tagName === "textarea") {
+    return extractTextareaValue(element, warnings);
+  }
+  if (tagName === "select") {
+    return extractSelectValue(element, warnings);
+  }
+  const valueNow = element.getAttribute("aria-valuenow");
+  if (valueNow !== null) {
+    const current = parseFloat(valueNow);
+    if (!isNaN(current)) {
+      const valueMin = element.getAttribute("aria-valuemin");
+      const valueMax = element.getAttribute("aria-valuemax");
+      const valueText = element.getAttribute("aria-valuetext");
+      return {
+        value: {
+          current,
+          min: valueMin !== null ? parseFloat(valueMin) : void 0,
+          max: valueMax !== null ? parseFloat(valueMax) : void 0,
+          text: valueText || void 0
+        },
+        warnings
+      };
+    }
+  }
+  return { value: void 0, warnings };
+}
+function extractBooleanAttribute(element, attrName, warnings) {
+  const value = element.getAttribute(attrName);
+  if (value === null) {
+    return void 0;
+  }
+  const normalized = value.toLowerCase().trim();
+  if (normalized === "true") {
+    return true;
+  }
+  if (normalized === "false") {
+    return false;
+  }
+  warnings.push({
+    message: `Invalid ${attrName} value: "${value}". Expected "true" or "false".`,
+    element
+  });
+  return void 0;
+}
+function extractTriStateAttribute(element, attrName, warnings) {
+  const value = element.getAttribute(attrName);
+  if (value === null) {
+    return void 0;
+  }
+  const normalized = value.toLowerCase().trim();
+  if (normalized === "true") {
+    return true;
+  }
+  if (normalized === "false") {
+    return false;
+  }
+  if (normalized === "mixed") {
+    return "mixed";
+  }
+  warnings.push({
+    message: `Invalid ${attrName} value: "${value}". Expected "true", "false", or "mixed".`,
+    element
+  });
+  return void 0;
+}
+function extractCurrentAttribute(element, warnings) {
+  const value = element.getAttribute("aria-current");
+  if (value === null) {
+    return void 0;
+  }
+  const normalized = value.toLowerCase().trim();
+  const validValues = ["page", "step", "location", "date", "time", "true", "false"];
+  if (validValues.includes(normalized)) {
+    return normalized === "false" ? false : normalized;
+  }
+  warnings.push({
+    message: `Invalid aria-current value: "${value}". Expected one of: ${validValues.join(", ")}.`,
+    element
+  });
+  return void 0;
+}
+function extractLevelAttribute(element, warnings) {
+  const ariaLevel = element.getAttribute("aria-level");
+  if (ariaLevel !== null) {
+    const level = parseInt(ariaLevel, 10);
+    if (!isNaN(level) && level >= 1 && level <= 6) {
+      return level;
+    }
+    warnings.push({
+      message: `Invalid aria-level value: "${ariaLevel}". Expected integer 1-6.`,
+      element
+    });
+    return void 0;
+  }
+  const tagName = element.tagName.toLowerCase();
+  const match = tagName.match(/^h([1-6])$/);
+  if (match) {
+    return parseInt(match[1], 10);
+  }
+  return void 0;
+}
+function extractNumberAttribute(element, attrName, warnings) {
+  const value = element.getAttribute(attrName);
+  if (value === null) {
+    return void 0;
+  }
+  const num = parseInt(value, 10);
+  if (isNaN(num) || num < 1) {
+    warnings.push({
+      message: `Invalid ${attrName} value: "${value}". Expected positive integer.`,
+      element
+    });
+    return void 0;
+  }
+  return num;
+}
+function extractNativeStates(element, state, _warnings) {
+  const tagName = element.tagName.toLowerCase();
+  if (tagName === "input") {
+    const input = element;
+    const type = input.type.toLowerCase();
+    if (type === "checkbox" || type === "radio") {
+      if (state.checked === void 0) {
+        state.checked = input.checked;
+      }
+    }
+  }
+  if ("disabled" in element) {
+    const htmlElement = element;
+    if (state.disabled === void 0 && htmlElement.disabled) {
+      state.disabled = true;
+    }
+  }
+  if ("required" in element) {
+    const htmlElement = element;
+    if (state.required === void 0 && htmlElement.required) {
+      state.required = true;
+    }
+  }
+  if ("readOnly" in element) {
+    const htmlElement = element;
+    if (state.readonly === void 0 && htmlElement.readOnly) {
+      state.readonly = true;
+    }
+  }
+}
+function extractInputValue(input, warnings) {
+  const type = input.type.toLowerCase();
+  if (type === "checkbox" || type === "radio") {
+    return { value: void 0, warnings };
+  }
+  if (type === "button" || type === "submit" || type === "reset") {
+    return { value: void 0, warnings };
+  }
+  const value = input.value;
+  if (value) {
+    return {
+      value: {
+        current: value,
+        text: value
+      },
+      warnings
+    };
+  }
+  return { value: void 0, warnings };
+}
+function extractTextareaValue(textarea, warnings) {
+  const value = textarea.value;
+  if (value) {
+    return {
+      value: {
+        current: value,
+        text: value
+      },
+      warnings
+    };
+  }
+  return { value: void 0, warnings };
+}
+function extractSelectValue(select, warnings) {
+  const value = select.value;
+  const selectedOption = select.options[select.selectedIndex];
+  const text = selectedOption?.textContent || value;
+  if (value) {
+    return {
+      value: {
+        current: value,
+        text
+      },
+      warnings
+    };
+  }
+  return { value: void 0, warnings };
+}
+
+// ../src/extractor/focus-extractor.ts
+var NATIVELY_FOCUSABLE_ELEMENTS = [
+  "a",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "area",
+  "iframe",
+  "object",
+  "embed",
+  "audio",
+  "video"
+];
+function extractFocusInfo(element) {
+  const tabindexAttr = element.getAttribute("tabindex");
+  const tabindex = tabindexAttr !== null ? parseInt(tabindexAttr, 10) : void 0;
+  const focusable = isFocusable(element, tabindex);
+  return {
+    focusable,
+    ...tabindexAttr !== null && !isNaN(tabindex) && { tabindex }
+  };
+}
+function isFocusable(element, tabindex) {
+  const tagName = element.tagName.toLowerCase();
+  if (isDisabled(element)) {
+    return false;
+  }
+  if (tabindex !== void 0 && !isNaN(tabindex)) {
+    return true;
+  }
+  if (isNativelyFocusable(element, tagName)) {
+    return true;
+  }
+  return false;
+}
+function isNativelyFocusable(element, tagName) {
+  if (tagName === "a" || tagName === "area") {
+    return element.hasAttribute("href");
+  }
+  if (NATIVELY_FOCUSABLE_ELEMENTS.includes(tagName)) {
+    return true;
+  }
+  return false;
+}
+function isDisabled(element) {
+  if ("disabled" in element) {
+    const htmlElement = element;
+    if (htmlElement.disabled) {
+      return true;
+    }
+  }
+  const ariaDisabled = element.getAttribute("aria-disabled");
+  if (ariaDisabled === "true") {
+    return true;
+  }
+  return false;
+}
+
+// ../src/extractor/tree-builder.ts
+function isHidden(element) {
+  if (element.getAttribute("aria-hidden") === "true") return true;
+  if (typeof getComputedStyle === "function") {
+    try {
+      const style = getComputedStyle(element);
+      if (style.display === "none") return true;
+      if (style.visibility === "hidden") return true;
+    } catch {
+    }
+  }
+  return false;
+}
+function processChildNode(node, children, warnings) {
+  if (node.nodeType === 3) {
+    const text = (node.textContent || "").trim();
+    if (text.length > 0) {
+      children.push({
+        role: "staticText",
+        name: text,
+        state: {},
+        focus: { focusable: false },
+        children: []
+      });
+    }
+    return;
+  }
+  if (node.nodeType === 1) {
+    const element = node;
+    if (isHidden(element)) return;
+    if (!isAccessible(element)) {
+      const grandchildren = collectChildrenFromRolelessElement(element, warnings);
+      children.push(...grandchildren);
+      return;
+    }
+    const childNode = buildNodeRecursive(element, warnings);
+    if (childNode) children.push(childNode);
+  }
+}
+function collectChildrenFromRolelessElement(element, warnings) {
+  const children = [];
+  if (element.shadowRoot) {
+    for (const child of Array.from(element.shadowRoot.childNodes)) {
+      processChildNode(child, children, warnings);
+    }
+  }
+  for (const child of Array.from(element.childNodes)) {
+    processChildNode(child, children, warnings);
+  }
+  return children;
+}
+function buildAccessibilityTree(rootElement, sourceHash) {
+  const warnings = [];
+  if (isHidden(rootElement)) {
+    const model2 = {
+      version: CURRENT_MODEL_VERSION,
+      root: {
+        role: "generic",
+        name: "",
+        state: {},
+        focus: { focusable: false },
+        children: []
+      },
+      metadata: {
+        extractedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        ...sourceHash && { sourceHash }
+      }
+    };
+    return { model: model2, warnings };
+  }
+  const rootNode = buildNodeRecursive(rootElement, warnings);
+  const accessibleRoot = rootNode || createGenericContainer(rootElement, warnings);
+  const model = {
+    version: CURRENT_MODEL_VERSION,
+    root: accessibleRoot,
+    metadata: {
+      extractedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      ...sourceHash && { sourceHash }
+    }
+  };
+  return { model, warnings };
+}
+function buildNodeRecursive(element, warnings) {
+  if (isHidden(element)) {
+    return null;
+  }
+  if (!isAccessible(element)) {
+    return null;
+  }
+  const roleResult = computeRole(element);
+  warnings.push(...roleResult.warnings.map((w) => ({
+    message: w.message,
+    element: w.element
+  })));
+  if (!roleResult.role) {
+    return null;
+  }
+  const nameResult = computeAccessibleName(element);
+  warnings.push(...nameResult.warnings.map((w) => ({
+    message: w.message,
+    element: w.element
+  })));
+  const descResult = computeAccessibleDescription(element);
+  warnings.push(...descResult.warnings.map((w) => ({
+    message: w.message,
+    element: w.element
+  })));
+  const stateResult = extractState(element);
+  warnings.push(...stateResult.warnings.map((w) => ({
+    message: w.message,
+    element: w.element
+  })));
+  const valueResult = extractValue(element);
+  warnings.push(...valueResult.warnings.map((w) => ({
+    message: w.message,
+    element: w.element
+  })));
+  const focusInfo = extractFocusInfo(element);
+  const children = [];
+  if (element.shadowRoot) {
+    for (const child of Array.from(element.shadowRoot.childNodes)) {
+      processChildNode(child, children, warnings);
+    }
+  }
+  for (const child of Array.from(element.childNodes)) {
+    processChildNode(child, children, warnings);
+  }
+  const node = {
+    role: roleResult.role,
+    name: nameResult.name,
+    ...descResult.description && { description: descResult.description },
+    ...valueResult.value && { value: valueResult.value },
+    state: stateResult.state,
+    focus: focusInfo,
+    children
+  };
+  return node;
+}
+function createGenericContainer(rootElement, warnings) {
+  const children = [];
+  if (rootElement.shadowRoot) {
+    for (const child of Array.from(rootElement.shadowRoot.childNodes)) {
+      processChildNode(child, children, warnings);
+    }
+  }
+  for (const child of Array.from(rootElement.childNodes)) {
+    processChildNode(child, children, warnings);
+  }
+  return {
+    role: "generic",
+    name: "",
+    state: {},
+    focus: {
+      focusable: false
+    },
+    children
+  };
+}
+
+// ../src/cli/colors.ts
+var import_picocolors = __toESM(require_picocolors_browser(), 1);
+var identity = (s) => s;
+function createColors(enabled) {
+  if (!enabled) {
+    return {
+      error: identity,
+      warning: identity,
+      info: identity,
+      success: identity,
+      heading: identity,
+      title: identity,
+      dim: identity,
+      roleName: identity,
+      stateName: identity,
+      elementName: identity,
+      sectionHeader: identity,
+      description: identity,
+      bold: identity,
+      enabled: false
+    };
+  }
+  return {
+    error: import_picocolors.default.red,
+    warning: import_picocolors.default.yellow,
+    info: import_picocolors.default.blue,
+    success: import_picocolors.default.green,
+    heading: (s) => import_picocolors.default.bold(import_picocolors.default.cyan(s)),
+    title: (s) => import_picocolors.default.bold(import_picocolors.default.cyan(s)),
+    dim: import_picocolors.default.dim,
+    roleName: import_picocolors.default.cyan,
+    stateName: import_picocolors.default.yellow,
+    elementName: (s) => import_picocolors.default.bold(import_picocolors.default.white(s)),
+    sectionHeader: (s) => import_picocolors.default.bold(import_picocolors.default.white(s)),
+    description: import_picocolors.default.dim,
+    bold: import_picocolors.default.bold,
+    enabled: true
+  };
+}
+
+// ../src/renderer/nvda-renderer.ts
+function renderNVDA(model, colorize) {
+  const c = createColors(colorize ?? false);
+  const announcements = [];
+  renderNodeNVDA(model.root, announcements, c);
+  return announcements.join("\n");
+}
+function renderNodeNVDA(node, announcements, c) {
+  const announcement = formatNodeNVDA(node, c);
+  if (announcement) {
+    announcements.push(announcement);
+  }
+  for (const child of node.children) {
+    if (child.name && child.name === node.name && node.children.length === 1) {
+      for (const grandchild of child.children) {
+        renderNodeNVDA(grandchild, announcements, c);
+      }
+      continue;
+    }
+    renderNodeNVDA(child, announcements, c);
+  }
+}
+function formatNodeNVDA(node, c) {
+  const parts = [];
+  if (node.name) {
+    parts.push(c.elementName(node.name));
+  }
+  const roleText = formatRoleNVDA(node);
+  if (roleText) {
+    parts.push(c.roleName(roleText));
+  }
+  const stateText = formatStatesNVDA(node);
+  if (stateText) {
+    parts.push(c.stateName(stateText));
+  }
+  if (node.value) {
+    const valueText = node.value.text || String(node.value.current);
+    if (valueText) {
+      parts.push(valueText);
+    }
+  }
+  if (node.description) {
+    parts.push(c.description(node.description));
+  }
+  return parts.join(", ");
+}
+function formatRoleNVDA(node) {
+  const role = node.role;
+  switch (role) {
+    case "button":
+      return "button";
+    case "link":
+      return "link";
+    case "heading":
+      if (node.state.level) {
+        return `heading level ${node.state.level}`;
+      }
+      return "heading";
+    case "textbox":
+      return "edit";
+    case "checkbox":
+      return "checkbox";
+    case "radio":
+      return "radio button";
+    case "combobox":
+      return "combo box";
+    case "listbox":
+      return "list box";
+    case "option":
+      return "option";
+    case "list":
+      return "list";
+    case "listitem":
+      return "list item";
+    case "navigation":
+      return "navigation landmark";
+    case "main":
+      return "main landmark";
+    case "banner":
+      return "banner landmark";
+    case "contentinfo":
+      return "content information landmark";
+    case "region":
+      return "region landmark";
+    case "complementary":
+      return "complementary landmark";
+    case "form":
+      return "form landmark";
+    case "search":
+      return "search landmark";
+    case "img":
+      return "graphic";
+    case "article":
+      return "article";
+    case "generic":
+      return "";
+    case "staticText":
+    case "paragraph":
+    case "cell":
+    case "term":
+    case "definition":
+    case "caption":
+      return "";
+    case "blockquote":
+      return "block quote";
+    case "code":
+      return "code";
+    case "table":
+      return "table";
+    case "row":
+      return "row";
+    case "columnheader":
+      return "column header";
+    case "rowheader":
+      return "row header";
+    case "figure":
+      return "figure";
+    case "dialog":
+      return "dialog";
+    case "meter":
+      return "meter";
+    case "progressbar":
+      return "progress bar";
+    case "status":
+      return "status";
+    case "group":
+      return node.name ? "grouping" : "";
+    case "document":
+      return "document";
+    case "application":
+      return "embedded object";
+    case "separator":
+      return "separator";
+    default:
+      return role;
+  }
+}
+function formatStatesNVDA(node) {
+  const states = [];
+  if (node.state.expanded !== void 0) {
+    states.push(node.state.expanded ? "expanded" : "collapsed");
+  }
+  if (node.state.checked !== void 0) {
+    if (node.state.checked === "mixed") {
+      states.push("half checked");
+    } else {
+      states.push(node.state.checked ? "checked" : "not checked");
+    }
+  }
+  if (node.state.pressed !== void 0) {
+    if (node.state.pressed === "mixed") {
+      states.push("half pressed");
+    } else {
+      states.push(node.state.pressed ? "pressed" : "not pressed");
+    }
+  }
+  if (node.state.selected !== void 0) {
+    states.push(node.state.selected ? "selected" : "not selected");
+  }
+  if (node.state.disabled) {
+    states.push("unavailable");
+  }
+  if (node.state.invalid) {
+    states.push("invalid entry");
+  }
+  if (node.state.required) {
+    states.push("required");
+  }
+  if (node.state.readonly) {
+    states.push("read only");
+  }
+  if (node.state.busy) {
+    states.push("busy");
+  }
+  if (node.state.current) {
+    if (node.state.current === "page") {
+      states.push("current page");
+    } else if (node.state.current === "step") {
+      states.push("current step");
+    } else if (node.state.current === "location") {
+      states.push("current location");
+    } else if (node.state.current === "date") {
+      states.push("current date");
+    } else if (node.state.current === "time") {
+      states.push("current time");
+    } else if (node.state.current === "true") {
+      states.push("current");
+    }
+  }
+  if (node.state.grabbed !== void 0) {
+    states.push(node.state.grabbed ? "grabbed" : "not grabbed");
+  }
+  return states.join(", ");
+}
+
+// ../src/renderer/jaws-renderer.ts
+function renderJAWS(model, colorize) {
+  const c = createColors(colorize ?? false);
+  const announcements = [];
+  renderNodeJAWS(model.root, announcements, c);
+  return announcements.join("\n");
+}
+function renderNodeJAWS(node, announcements, c) {
+  const announcement = formatNodeJAWS(node, c);
+  if (announcement) {
+    announcements.push(announcement);
+  }
+  for (const child of node.children) {
+    if (child.name && child.name === node.name && node.children.length === 1) {
+      for (const grandchild of child.children) {
+        renderNodeJAWS(grandchild, announcements, c);
+      }
+      continue;
+    }
+    renderNodeJAWS(child, announcements, c);
+  }
+}
+function formatNodeJAWS(node, c) {
+  const parts = [];
+  if (node.name) {
+    parts.push(c.elementName(node.name));
+  }
+  const roleText = formatRoleJAWS(node);
+  if (roleText) {
+    parts.push(c.roleName(roleText));
+  }
+  const stateText = formatStatesJAWS(node);
+  if (stateText) {
+    parts.push(c.stateName(stateText));
+  }
+  if (node.value) {
+    const valueText = node.value.text || String(node.value.current);
+    if (valueText) {
+      parts.push(valueText);
+    }
+  }
+  if (node.description) {
+    parts.push(c.description(node.description));
+  }
+  return parts.join(", ");
+}
+function formatRoleJAWS(node) {
+  const role = node.role;
+  switch (role) {
+    case "button":
+      return "button";
+    case "link":
+      return "clickable";
+    case "heading":
+      if (node.state.level) {
+        return `heading ${node.state.level}`;
+      }
+      return "heading";
+    case "textbox":
+      return "edit";
+    case "checkbox":
+      return "check box";
+    case "radio":
+      return "radio button";
+    case "combobox":
+      return "combo box";
+    case "listbox":
+      return "list box";
+    case "option":
+      return "option";
+    case "list":
+      return "list";
+    case "listitem":
+      return "list item";
+    case "navigation":
+      return "navigation region";
+    case "main":
+      return "main region";
+    case "banner":
+      return "banner region";
+    case "contentinfo":
+      return "content information region";
+    case "region":
+      return "region";
+    case "img":
+      return "graphic";
+    case "article":
+      return "article";
+    case "complementary":
+      return "complementary region";
+    case "form":
+      return "form";
+    case "search":
+      return "search region";
+    case "generic":
+      return "";
+    case "staticText":
+    case "paragraph":
+    case "term":
+    case "definition":
+    case "caption":
+      return "";
+    case "blockquote":
+      return "block quote";
+    case "code":
+      return "code";
+    case "table": {
+      const rows = node.children.filter((c) => c.role === "row");
+      const rowCount = rows.length;
+      const colCount = rows.length > 0 ? rows[0].children.length : 0;
+      return `table with ${rowCount} rows and ${colCount} columns`;
+    }
+    case "row": {
+      const pos = node.state.posinset ?? 0;
+      return `row ${pos}`;
+    }
+    case "cell": {
+      const pos = node.state.posinset ?? 0;
+      return `column ${pos}`;
+    }
+    case "columnheader":
+      return "column header";
+    case "rowheader":
+      return "row header";
+    case "figure":
+      return "figure";
+    case "dialog":
+      return "dialog";
+    case "meter":
+      return "meter";
+    case "progressbar":
+      return "progress bar";
+    case "status":
+      return "status";
+    case "group":
+      return node.name ? "group" : "";
+    case "document":
+      return "frame";
+    case "application":
+      return "embedded object";
+    case "separator":
+      return "separator";
+    default:
+      return role;
+  }
+}
+function formatStatesJAWS(node) {
+  const states = [];
+  if (node.state.expanded !== void 0) {
+    states.push(node.state.expanded ? "expanded" : "collapsed");
+  }
+  if (node.state.checked !== void 0) {
+    if (node.state.checked === "mixed") {
+      states.push("partially checked");
+    } else if (node.state.checked) {
+      states.push("checked");
+    } else {
+      states.push("not checked");
+    }
+  }
+  if (node.state.pressed !== void 0) {
+    if (node.state.pressed === "mixed") {
+      states.push("partially pressed");
+    } else if (node.state.pressed) {
+      states.push("pressed");
+    } else {
+      states.push("not pressed");
+    }
+  }
+  if (node.state.selected !== void 0) {
+    states.push(node.state.selected ? "selected" : "not selected");
+  }
+  if (node.state.disabled) {
+    states.push("unavailable");
+  }
+  if (node.state.invalid) {
+    states.push("invalid entry");
+  }
+  if (node.state.required) {
+    states.push("required");
+  }
+  if (node.state.readonly) {
+    states.push("read only");
+  }
+  if (node.state.busy) {
+    states.push("busy");
+  }
+  if (node.state.current) {
+    switch (node.state.current) {
+      case "page":
+        states.push("current page");
+        break;
+      case "step":
+        states.push("current step");
+        break;
+      case "location":
+        states.push("current location");
+        break;
+      case "date":
+        states.push("current date");
+        break;
+      case "time":
+        states.push("current time");
+        break;
+      case "true":
+        states.push("current");
+        break;
+    }
+  }
+  if (node.state.grabbed !== void 0) {
+    states.push(node.state.grabbed ? "grabbed" : "not grabbed");
+  }
+  return states.join(", ");
+}
+
+// ../src/renderer/voiceover-renderer.ts
+function renderVoiceOver(model, colorize) {
+  const c = createColors(colorize ?? false);
+  const announcements = [];
+  renderNodeVoiceOver(model.root, announcements, c);
+  return announcements.join("\n");
+}
+function renderNodeVoiceOver(node, announcements, c) {
+  const announcement = formatNodeVoiceOver(node, c);
+  if (announcement) {
+    announcements.push(announcement);
+  }
+  for (const child of node.children) {
+    if (child.name && child.name === node.name && node.children.length === 1) {
+      for (const grandchild of child.children) {
+        renderNodeVoiceOver(grandchild, announcements, c);
+      }
+      continue;
+    }
+    renderNodeVoiceOver(child, announcements, c);
+  }
+}
+function formatNodeVoiceOver(node, c) {
+  const parts = [];
+  const roleFirst = shouldAnnounceRoleFirst(node.role);
+  if (roleFirst) {
+    const roleText = formatRoleVoiceOver(node);
+    if (roleText) {
+      parts.push(c.roleName(roleText));
+    }
+    if (node.name) {
+      parts.push(c.elementName(node.name));
+    }
+  } else {
+    if (node.name) {
+      parts.push(c.elementName(node.name));
+    }
+    const roleText = formatRoleVoiceOver(node);
+    if (roleText) {
+      parts.push(c.roleName(roleText));
+    }
+  }
+  const stateText = formatStatesVoiceOver(node);
+  if (stateText) {
+    parts.push(c.stateName(stateText));
+  }
+  if (node.value) {
+    const valueText = node.value.text || String(node.value.current);
+    if (valueText) {
+      parts.push(valueText);
+    }
+  }
+  if (node.description) {
+    parts.push(c.description(node.description));
+  }
+  return parts.join(", ");
+}
+function shouldAnnounceRoleFirst(role) {
+  return role === "heading" || role === "navigation" || role === "main" || role === "banner" || role === "contentinfo" || role === "complementary" || role === "region" || role === "form" || role === "search" || role === "blockquote" || role === "figure" || role === "dialog" || role === "group" || role === "document";
+}
+function formatRoleVoiceOver(node) {
+  const role = node.role;
+  switch (role) {
+    case "button":
+      return "button";
+    case "link":
+      return "link";
+    case "heading":
+      if (node.state.level) {
+        return `heading level ${node.state.level}`;
+      }
+      return "heading";
+    case "textbox":
+      return "edit text";
+    case "checkbox":
+      return "checkbox";
+    case "radio":
+      return "radio button";
+    case "combobox":
+      return "combo box";
+    case "listbox":
+      return "list box";
+    case "option":
+      return "option";
+    case "list":
+      return "list";
+    case "listitem":
+      return "item";
+    case "navigation":
+      return "navigation";
+    case "main":
+      return "main";
+    case "banner":
+      return "banner";
+    case "contentinfo":
+      return "content information";
+    case "region":
+      return "region";
+    case "complementary":
+      return "complementary";
+    case "form":
+      return "form";
+    case "search":
+      return "search";
+    case "img":
+      return "image";
+    case "article":
+      return "article";
+    case "generic":
+      return "";
+    case "staticText":
+    case "paragraph":
+    case "cell":
+    case "term":
+    case "definition":
+    case "caption":
+      return "";
+    case "blockquote":
+      return "blockquote";
+    case "code":
+      return "code";
+    case "table": {
+      const rows = node.children.filter((c) => c.role === "row");
+      const rowCount = rows.length;
+      const colCount = rows.length > 0 ? rows[0].children.length : 0;
+      return `table, ${rowCount} rows, ${colCount} columns`;
+    }
+    case "row":
+      return "row";
+    case "columnheader":
+      return "column header";
+    case "rowheader":
+      return "row header";
+    case "figure":
+      return "figure";
+    case "dialog":
+      return "web dialog";
+    case "meter":
+      return "level indicator";
+    case "progressbar":
+      return "progress indicator";
+    case "status":
+      return "status";
+    case "group":
+      return node.name ? "group" : "";
+    case "document":
+      return "frame";
+    case "application":
+      return "embedded object";
+    case "separator":
+      return "separator";
+    default:
+      return role;
+  }
+}
+function formatStatesVoiceOver(node) {
+  const states = [];
+  if (node.state.expanded !== void 0) {
+    states.push(node.state.expanded ? "expanded" : "collapsed");
+  }
+  if (node.state.checked !== void 0) {
+    if (node.state.checked === "mixed") {
+      states.push("mixed");
+    } else {
+      states.push(node.state.checked ? "checked" : "unchecked");
+    }
+  }
+  if (node.state.pressed !== void 0) {
+    if (node.state.pressed === "mixed") {
+      states.push("mixed");
+    } else {
+      states.push(node.state.pressed ? "pressed" : "not pressed");
+    }
+  }
+  if (node.state.selected !== void 0) {
+    states.push(node.state.selected ? "selected" : "unselected");
+  }
+  if (node.state.disabled) {
+    states.push("dimmed");
+  }
+  if (node.state.invalid) {
+    states.push("invalid data");
+  }
+  if (node.state.required) {
+    states.push("required");
+  }
+  if (node.state.readonly) {
+    states.push("read only");
+  }
+  if (node.state.busy) {
+    states.push("busy");
+  }
+  if (node.state.current) {
+    if (node.state.current === "page") {
+      states.push("current page");
+    } else if (node.state.current === "step") {
+      states.push("current step");
+    } else if (node.state.current === "location") {
+      states.push("current location");
+    } else if (node.state.current === "date") {
+      states.push("current date");
+    } else if (node.state.current === "time") {
+      states.push("current time");
+    } else if (node.state.current === "true") {
+      states.push("current");
+    }
+  }
+  if (node.state.grabbed !== void 0) {
+    states.push(node.state.grabbed ? "grabbed" : "not grabbed");
+  }
+  return states.join(", ");
+}
+
+// ../src/renderer/narrator-renderer.ts
+function renderNarrator(model, colorize) {
+  const c = createColors(colorize ?? false);
+  const announcements = [];
+  renderNodeNarrator(model.root, announcements, c);
+  return announcements.join("\n");
+}
+function renderNodeNarrator(node, announcements, c) {
+  const announcement = formatNodeNarrator(node, c);
+  if (announcement) {
+    announcements.push(announcement);
+  }
+  for (const child of node.children) {
+    if (child.name && child.name === node.name && node.children.length === 1) {
+      for (const grandchild of child.children) {
+        renderNodeNarrator(grandchild, announcements, c);
+      }
+      continue;
+    }
+    renderNodeNarrator(child, announcements, c);
+  }
+}
+function formatNodeNarrator(node, c) {
+  const parts = [];
+  const roleFirst = shouldAnnounceRoleFirst2(node.role);
+  if (roleFirst) {
+    const roleText = formatRoleNarrator(node);
+    if (roleText) {
+      parts.push(c.roleName(roleText));
+    }
+    if (node.name) {
+      parts.push(c.elementName(node.name));
+    }
+  } else {
+    if (node.name) {
+      parts.push(c.elementName(node.name));
+    }
+    const roleText = formatRoleNarrator(node);
+    if (roleText) {
+      parts.push(c.roleName(roleText));
+    }
+  }
+  const stateText = formatStatesNarrator(node);
+  if (stateText) {
+    parts.push(c.stateName(stateText));
+  }
+  if (node.value) {
+    const valueText = node.value.text || String(node.value.current);
+    if (valueText) {
+      parts.push(valueText);
+    }
+  }
+  if (node.description) {
+    parts.push(c.description(node.description));
+  }
+  return parts.join(", ");
+}
+function shouldAnnounceRoleFirst2(role) {
+  const roleFirstRoles = [
+    "link",
+    "heading",
+    "navigation",
+    "main",
+    "banner",
+    "contentinfo",
+    "complementary",
+    "region",
+    "form",
+    "search",
+    "blockquote",
+    "figure",
+    "dialog",
+    "group",
+    "document"
+  ];
+  return roleFirstRoles.includes(role);
+}
+function formatRoleNarrator(node) {
+  const role = node.role;
+  switch (role) {
+    case "button":
+      return "button";
+    case "link":
+      return "link";
+    case "heading":
+      if (node.state.level) {
+        return `Heading level ${node.state.level}`;
+      }
+      return "Heading";
+    case "textbox":
+      return "edit";
+    case "checkbox":
+      return "check box";
+    case "radio":
+      return "radio button";
+    case "combobox":
+      return "combo box";
+    case "listbox":
+      return "list box";
+    case "option":
+      return "option";
+    case "list":
+      return "list";
+    case "listitem":
+      return "list item";
+    case "navigation":
+      return "navigation";
+    case "main":
+      return "main";
+    case "banner":
+      return "banner";
+    case "contentinfo":
+      return "content info";
+    case "complementary":
+      return "complementary";
+    case "form":
+      return "form";
+    case "search":
+      return "search";
+    case "region":
+      return "region";
+    case "img":
+      return "image";
+    case "article":
+      return "article";
+    case "generic":
+      return "";
+    case "staticText":
+    case "paragraph":
+    case "cell":
+    case "term":
+    case "definition":
+    case "caption":
+      return "";
+    case "blockquote":
+      return "block quote";
+    case "code":
+      return "code";
+    case "table": {
+      const rows = node.children.filter((c) => c.role === "row");
+      const rowCount = rows.length;
+      const colCount = rows.length > 0 ? rows[0].children.length : 0;
+      return `table, ${rowCount} rows, ${colCount} columns`;
+    }
+    case "row":
+      return "row";
+    case "columnheader":
+      return "column header";
+    case "rowheader":
+      return "row header";
+    case "figure":
+      return "figure";
+    case "dialog":
+      return "dialog";
+    case "meter":
+      return "meter";
+    case "progressbar":
+      return "progress bar";
+    case "status":
+      return "status";
+    case "group":
+      return node.name ? "group" : "";
+    case "document":
+      return "document";
+    case "application":
+      return "application";
+    case "separator":
+      return "separator";
+    default:
+      return role;
+  }
+}
+function formatStatesNarrator(node) {
+  const states = [];
+  if (node.state.expanded !== void 0) {
+    states.push(node.state.expanded ? "expanded" : "collapsed");
+  }
+  if (node.state.checked !== void 0) {
+    if (node.state.checked === "mixed") {
+      states.push("partially selected");
+    } else {
+      states.push(node.state.checked ? "checked" : "unchecked");
+    }
+  }
+  if (node.state.pressed !== void 0) {
+    if (node.state.pressed === "mixed") {
+      states.push("partially pressed");
+    } else {
+      states.push(node.state.pressed ? "pressed" : "not pressed");
+    }
+  }
+  if (node.state.selected !== void 0) {
+    states.push(node.state.selected ? "selected" : "not selected");
+  }
+  if (node.state.disabled) {
+    states.push("disabled");
+  }
+  if (node.state.invalid) {
+    states.push("invalid");
+  }
+  if (node.state.required) {
+    states.push("required");
+  }
+  if (node.state.readonly) {
+    states.push("read only");
+  }
+  if (node.state.busy) {
+    states.push("busy");
+  }
+  if (node.state.current) {
+    if (node.state.current === "page") {
+      states.push("current page");
+    } else if (node.state.current === "step") {
+      states.push("current step");
+    } else if (node.state.current === "location") {
+      states.push("current location");
+    } else if (node.state.current === "date") {
+      states.push("current date");
+    } else if (node.state.current === "time") {
+      states.push("current time");
+    } else if (node.state.current === "true") {
+      states.push("current");
+    }
+  }
+  if (node.state.grabbed !== void 0) {
+    states.push(node.state.grabbed ? "grabbed" : "not grabbed");
+  }
+  return states.join(", ");
+}
+
+// ../src/renderer/audit-renderer.ts
+function generateAuditReport(model) {
+  const statistics = {
+    totalElements: 0,
+    roleDistribution: {},
+    landmarkCount: 0,
+    headingCount: 0,
+    interactiveCount: 0,
+    focusableCount: 0,
+    statesUsed: /* @__PURE__ */ new Set()
+  };
+  const landmarks = [];
+  const headings = [];
+  const interactiveElements = [];
+  const issues = [];
+  collectAuditData(model.root, statistics, landmarks, headings, interactiveElements);
+  detectLandmarkIssues(landmarks, issues);
+  detectHeadingIssues(headings, issues);
+  detectInteractiveIssues(interactiveElements, issues);
+  return {
+    statistics,
+    landmarks,
+    headings,
+    interactiveElements,
+    issues
+  };
+}
+function collectAuditData(node, statistics, landmarks, headings, interactiveElements) {
+  if (node.role !== "generic") {
+    statistics.totalElements++;
+    statistics.roleDistribution[node.role] = (statistics.roleDistribution[node.role] || 0) + 1;
+    if (isLandmark(node.role)) {
+      statistics.landmarkCount++;
+      landmarks.push(node);
+    }
+    if (node.role === "heading") {
+      statistics.headingCount++;
+      headings.push(node);
+    }
+    if (isInteractive(node.role)) {
+      statistics.interactiveCount++;
+      interactiveElements.push(node);
+    }
+    if (node.focus.focusable) {
+      statistics.focusableCount++;
+    }
+    Object.keys(node.state).forEach((state) => {
+      if (node.state[state] !== void 0) {
+        statistics.statesUsed.add(state);
+      }
+    });
+  }
+  for (const child of node.children) {
+    collectAuditData(child, statistics, landmarks, headings, interactiveElements);
+  }
+}
+function isLandmark(role) {
+  return [
+    "navigation",
+    "main",
+    "banner",
+    "contentinfo",
+    "region",
+    "complementary",
+    "form",
+    "search"
+  ].includes(role);
+}
+function isInteractive(role) {
+  return [
+    "button",
+    "link",
+    "textbox",
+    "checkbox",
+    "radio",
+    "combobox",
+    "listbox",
+    "option"
+  ].includes(role);
+}
+function detectLandmarkIssues(landmarks, issues) {
+  if (landmarks.length === 0) {
+    issues.push({
+      severity: "info",
+      message: "No landmarks found",
+      suggestion: "Consider adding semantic landmarks (main, nav, aside, etc.)"
+    });
+  }
+  landmarks.forEach((landmark) => {
+    if (!landmark.name && ["navigation", "region", "complementary", "form"].includes(landmark.role)) {
+      issues.push({
+        severity: "warning",
+        message: `${landmark.role} landmark has no accessible name`,
+        suggestion: `Add aria-label="${landmark.role === "navigation" ? "Main navigation" : "Descriptive name"}" to the ${landmark.role} element`,
+        element: {
+          role: landmark.role,
+          name: landmark.name
+        }
+      });
+    }
+  });
+  const landmarksByRole = /* @__PURE__ */ new Map();
+  landmarks.forEach((landmark) => {
+    if (!landmarksByRole.has(landmark.role)) {
+      landmarksByRole.set(landmark.role, []);
+    }
+    landmarksByRole.get(landmark.role).push(landmark);
+  });
+  landmarksByRole.forEach((nodes, role) => {
+    if (nodes.length > 1) {
+      const allUnnamed = nodes.every((n) => !n.name);
+      const allSameName = nodes.every((n) => n.name === nodes[0].name);
+      if (allUnnamed || allSameName) {
+        issues.push({
+          severity: "warning",
+          message: `Multiple ${role} landmarks without distinguishing names`,
+          suggestion: `Add unique aria-label attributes to distinguish between ${role} landmarks`
+        });
+      }
+    }
+  });
+}
+function detectHeadingIssues(headings, issues) {
+  if (headings.length === 0) {
+    return;
+  }
+  const firstHeading = headings[0];
+  if (firstHeading.state.level && firstHeading.state.level !== 1) {
+    issues.push({
+      severity: "error",
+      message: `First heading is h${firstHeading.state.level} (should be h1)`,
+      suggestion: `Change <h${firstHeading.state.level}> to <h1> or add h1 before it`,
+      element: {
+        role: firstHeading.role,
+        name: firstHeading.name
+      }
+    });
+  }
+  for (let i = 1; i < headings.length; i++) {
+    const prevLevel = headings[i - 1].state.level || 1;
+    const currLevel = headings[i].state.level || 1;
+    if (currLevel > prevLevel + 1) {
+      issues.push({
+        severity: "error",
+        message: `Heading hierarchy violation: h${prevLevel} followed by h${currLevel} (skipped h${prevLevel + 1})`,
+        suggestion: `Change h${currLevel} to h${prevLevel + 1} or add intermediate heading levels`,
+        element: {
+          role: headings[i].role,
+          name: headings[i].name
+        }
+      });
+    }
+  }
+}
+function detectInteractiveIssues(elements, issues) {
+  elements.forEach((element) => {
+    if (!element.name) {
+      issues.push({
+        severity: "error",
+        message: `${element.role} has no accessible name`,
+        suggestion: element.role === "button" ? "Add text content or aria-label to button" : element.role === "link" ? "Add text content or aria-label to link" : `Add aria-label to ${element.role}`,
+        element: {
+          role: element.role,
+          name: element.name
+        }
+      });
+    }
+    if (element.role === "textbox" && !element.name) {
+      issues.push({
+        severity: "error",
+        message: "Input has no associated label",
+        suggestion: "Add <label> element or aria-label attribute",
+        element: {
+          role: element.role,
+          name: element.name
+        }
+      });
+    }
+  });
+}
+
+// src/analyzer.ts
+var LANDMARK_ROLES = /* @__PURE__ */ new Set([
+  "navigation",
+  "main",
+  "banner",
+  "contentinfo",
+  "complementary",
+  "region",
+  "form",
+  "search"
+]);
+var INTERACTIVE_ROLES = /* @__PURE__ */ new Set([
+  "button",
+  "link",
+  "textbox",
+  "checkbox",
+  "radio",
+  "combobox",
+  "listbox",
+  "option"
+]);
+function countStats(node) {
+  const stats = { totalElements: 0, interactiveElements: 0, landmarks: 0, headings: 0 };
+  function walk(n) {
+    if (n.role !== "generic" && n.role !== "staticText") {
+      stats.totalElements++;
+    }
+    if (INTERACTIVE_ROLES.has(n.role)) stats.interactiveElements++;
+    if (LANDMARK_ROLES.has(n.role)) stats.landmarks++;
+    if (n.role === "heading") stats.headings++;
+    for (const child of n.children) walk(child);
+  }
+  walk(node);
+  return stats;
+}
+function convertAuditFindings(model) {
+  const report = generateAuditReport(model);
+  return report.issues.map((issue) => ({
+    severity: issue.severity,
+    message: issue.message,
+    selector: issue.element ? `${issue.element.role}${issue.element.name ? ` "${issue.element.name}"` : ""}` : issue.suggestion || ""
+  }));
+}
+function analyzeDOM(root) {
+  const { model } = buildAccessibilityTree(root);
+  const nvdaText = renderNVDA(model, false);
+  const jawsText = renderJAWS(model, false);
+  const voiceoverText = renderVoiceOver(model, false);
+  const narratorText = renderNarrator(model, false);
+  const nvda = nvdaText.split("\n").filter(Boolean);
+  const jaws = jawsText.split("\n").filter(Boolean);
+  const voiceover = voiceoverText.split("\n").filter(Boolean);
+  const narrator = narratorText.split("\n").filter(Boolean);
+  const audit = convertAuditFindings(model);
+  const stats = countStats(model.root);
+  return { nvda, jaws, voiceover, narrator, audit, stats };
+}
+
+// src/preview.ts
+var currentObserver = null;
+var debounceTimer = null;
+function getChannel() {
+  return window.__STORYBOOK_ADDONS_CHANNEL__;
+}
+function findStoryRoot() {
+  return document.getElementById("storybook-root") || document.getElementById("root") || document.body;
+}
+function runAnalysis() {
+  const root = findStoryRoot();
+  if (!root) return;
+  const analysis = analyzeDOM(root);
+  const channel = getChannel();
+  if (channel) {
+    channel.emit(EVENT_RESULT, analysis);
+  }
+}
+function debouncedAnalysis() {
+  if (debounceTimer) clearTimeout(debounceTimer);
+  debounceTimer = setTimeout(() => {
+    runAnalysis();
+    debounceTimer = null;
+  }, 150);
+}
+function startObserving() {
+  if (currentObserver) {
+    currentObserver.disconnect();
+    currentObserver = null;
+  }
+  const root = findStoryRoot();
+  if (!root) return;
+  currentObserver = new MutationObserver(() => {
+    debouncedAnalysis();
+  });
+  currentObserver.observe(root, {
+    childList: true,
+    subtree: true,
+    attributes: true,
+    attributeFilter: [
+      "aria-expanded",
+      "aria-selected",
+      "aria-checked",
+      "aria-disabled",
+      "aria-hidden",
+      "aria-pressed",
+      "aria-label",
+      "aria-labelledby",
+      "role",
+      "disabled",
+      "hidden"
+    ]
+  });
+}
+var withSpeakable = (storyFn, _context) => {
+  const result = storyFn();
+  if (typeof window !== "undefined") {
+    requestAnimationFrame(() => {
+      setTimeout(() => {
+        runAnalysis();
+        startObserving();
+      }, 100);
+    });
+  }
+  return result;
+};
+var decorators = [withSpeakable];
+export {
+  decorators
+};