html-standard 0.0.6 → 0.0.8

package/dist/index.cjs

@@ -20,2414 +20,309 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  getElementSpec: () => getElementSpec
+  accessibility: () => accessibility,
+  element: () => element
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/elements/index.ts
-var elements_exports = {};
-__export(elements_exports, {
-  _var: () => _var,
-  a: () => a,
-  abbr: () => abbr,
-  address: () => address,
-  area: () => area,
-  article: () => article,
-  aside: () => aside,
-  audio: () => audio,
-  b: () => b,
-  base: () => base,
-  bdi: () => bdi,
-  bdo: () => bdo,
-  blockquote: () => blockquote,
-  body: () => body,
-  br: () => br,
-  button: () => button,
-  canvas: () => canvas,
-  caption: () => caption,
-  cite: () => cite,
-  code: () => code,
-  col: () => col,
-  colgroup: () => colgroup,
-  data: () => data,
-  datalist: () => datalist,
-  dd: () => dd,
-  del: () => del,
-  details: () => details,
-  dfn: () => dfn,
-  dialog: () => dialog,
-  div: () => div,
-  dl: () => dl,
-  dt: () => dt,
-  em: () => em,
-  embed: () => embed,
-  fieldset: () => fieldset,
-  figcaption: () => figcaption,
-  figure: () => figure,
-  footer: () => footer,
-  form: () => form,
-  h1: () => h1,
-  h2: () => h2,
-  h3: () => h3,
-  h4: () => h4,
-  h5: () => h5,
-  h6: () => h6,
-  head: () => head,
-  header: () => header,
-  hr: () => hr,
-  hrgroup: () => hrgroup,
-  html: () => html,
-  i: () => i,
-  iframe: () => iframe,
-  img: () => img,
-  input: () => input,
-  ins: () => ins,
-  kbd: () => kbd,
-  label: () => label,
-  legend: () => legend,
-  li: () => li,
-  link: () => link,
-  main: () => main,
-  map: () => map,
-  mark: () => mark,
-  menu: () => menu,
-  meta: () => meta,
-  meter: () => meter,
-  nav: () => nav,
-  noscript: () => noscript,
-  object: () => object,
-  ol: () => ol,
-  optgroup: () => optgroup,
-  option: () => option,
-  output: () => output,
-  p: () => p,
-  picture: () => picture,
-  pre: () => pre,
-  progress: () => progress,
-  q: () => q,
-  rp: () => rp,
-  rt: () => rt,
-  ruby: () => ruby,
-  s: () => s,
-  samp: () => samp,
-  script: () => script,
-  search: () => search,
-  section: () => section,
-  select: () => select,
-  slot: () => slot,
-  small: () => small,
-  source: () => source,
-  span: () => span,
-  strong: () => strong,
-  style: () => style,
-  sub: () => sub,
-  summary: () => summary,
-  sup: () => sup,
-  table: () => table,
-  tbody: () => tbody,
-  td: () => td,
-  template: () => template,
-  textarea: () => textarea,
-  tfoot: () => tfoot,
-  th: () => th,
-  thead: () => thead,
-  time: () => time,
-  title: () => title,
-  tr: () => tr,
-  track: () => track,
-  u: () => u,
-  ul: () => ul,
-  video: () => video,
-  wbr: () => wbr
-});
-
-// src/helpers/contents.ts
-var contents = {
-  fromKeys(...keys) {
-    return new Set(keys);
-  },
-  fromSet(set, ...keys) {
-    const result = new Set(set);
-    keys.forEach((key) => set.add(key));
-    return result;
-  },
-  fromUnionSets(setA, setB) {
-    const set = new Set(...setA, ...setB);
-    return set;
-  }
-};
-
-// src/helpers/content-constraint.ts
-var contentConstraint = {
-  fromEntries(entries) {
-    return new Map(entries);
-  },
-  fromSets(value, ...sets) {
-    return new Map(
-      sets.reduce((acc, set) => [...acc, ...set], []).map((key) => [key, value])
-    );
+// src/constants/defaults.ts
+var DEFAULT_ATTRIBUTES_OPTIONS = {
+  get(_) {
+    return null;
   }
 };
-var required = {
-  required: true
-};
-var onlyOne = {
-  max: 1
-};
-var disallow = {
-  disallow: true
-};
-
-// src/helpers/attributes.ts
-var emptyAttributes = /* @__PURE__ */ new Set([]);
-var globalAttributes = /* @__PURE__ */ new Set([
-  "accesskey",
-  "autocapitalize",
-  "autocorrect",
-  "autofocus",
-  "contenteditable",
-  "dir",
-  "draggable",
-  "enterkeyhint",
-  "hidden",
-  "inert",
-  "inputmode",
-  "is",
-  "itemid",
-  "itemprop",
-  "itemref",
-  "itemscope",
-  "itemtype",
-  "lang",
-  "nonce",
-  "popover",
-  "spellcheck",
-  "style",
-  "tabindex",
-  "title",
-  "translate",
-  "writingsuggestions",
-  "class",
-  "id",
-  "slot",
-  "xmlns",
-  "xml:lang",
-  "xml:space",
-  // event handlers
-  "onauxclick",
-  "onbeforeinput",
-  "onbeforematch",
-  "onbeforetoggle",
-  "onblur",
-  "oncancel",
-  "oncanplay",
-  "oncanplaythrough",
-  "onchange",
-  "onclick",
-  "onclose",
-  "oncommand",
-  "oncontextlost",
-  "oncontextmenu",
-  "oncontextrestored",
-  "oncopy",
-  "oncuechange",
-  "oncut",
-  "ondblclick",
-  "ondrag",
-  "ondragend",
-  "ondragenter",
-  "ondragleave",
-  "ondragover",
-  "ondragstart",
-  "ondrop",
-  "ondurationchange",
-  "onemptied",
-  "onended",
-  "onerror",
-  "onfocus",
-  "onformdata",
-  "oninput",
-  "oninvalid",
-  "onkeydown",
-  "onkeypress",
-  "onkeyup",
-  "onload",
-  "onloadeddata",
-  "onloadedmetadata",
-  "onloadstart",
-  "onmousedown",
-  "onmouseenter",
-  "onmouseleave",
-  "onmousemove",
-  "onmouseout",
-  "onmouseover",
-  "onmouseup",
-  "onpaste",
-  "onpause",
-  "onplay",
-  "onplaying",
-  "onprogress",
-  "onratechange",
-  "onreset",
-  "onresize",
-  "onscroll",
-  "onscrollend",
-  "onsecuritypolicyviolation",
-  "onseeked",
-  "onseeking",
-  "onselect",
-  "onslotchange",
-  "onstalled",
-  "onsubmit",
-  "onsuspend",
-  "ontimeupdate",
-  "ontoggle",
-  "onvolumechange",
-  "onwaiting",
-  "onwheel"
-]);
-
-// src/helpers/content-attributes.ts
-var contentAttributes = (global, specific) => {
-  if (!specific || specific.length === 0) {
-    if (global) {
-      return globalAttributes;
+var DEFAULT_ELEMENT_OPTIONS = {
+  attributes: {
+    get(_) {
+      return null;
     }
-    return emptyAttributes;
   }
-  const specificAttributes = new Set(specific);
-  return {
-    has(name) {
-      const key = name.toLowerCase();
-      if (key.startsWith("data-")) {
-        return true;
-      }
-      return globalAttributes.has(key) || specificAttributes.has(key);
-    }
-  };
-};
-
-// src/helpers/contents-preset.ts
-var contentsPreset = {
-  metadataContent: /* @__PURE__ */ new Set([
-    "base",
-    "link",
-    "meta",
-    "noscript",
-    "script",
-    "style",
-    "template",
-    "title"
-  ]),
-  flowContent: /* @__PURE__ */ new Set([
-    "a",
-    "abbr",
-    "address",
-    "area",
-    "article",
-    "aside",
-    "audio",
-    "b",
-    "bdi",
-    "bdo",
-    "blockquote",
-    "br",
-    "button",
-    "canvas",
-    "cite",
-    "code",
-    "data",
-    "datalist",
-    "del",
-    "details",
-    "dfn",
-    "dialog",
-    "div",
-    "dl",
-    "em",
-    "embed",
-    "fieldset",
-    "figure",
-    "footer",
-    "form",
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "header",
-    "hgroup",
-    "hr",
-    "i",
-    "iframe",
-    "img",
-    "input",
-    "ins",
-    "kbd",
-    "label",
-    "link",
-    "main",
-    "map",
-    "mark",
-    "math",
-    "menu",
-    "meta",
-    "meter",
-    "nav",
-    "noscript",
-    "object",
-    "ol",
-    "output",
-    "p",
-    "picture",
-    "pre",
-    "progress",
-    "q",
-    "ruby",
-    "s",
-    "samp",
-    "script",
-    "search",
-    "section",
-    "select",
-    "slot",
-    "small",
-    "span",
-    "strong",
-    "sub",
-    "sup",
-    "svg",
-    "table",
-    "template",
-    "textarea",
-    "time",
-    "u",
-    "ul",
-    "var",
-    "video",
-    "wbr",
-    "#text"
-  ]),
-  phrasingContent: /* @__PURE__ */ new Set([
-    "a",
-    "abbr",
-    "area",
-    "audio",
-    "b",
-    "bdi",
-    "bdo",
-    "br",
-    "button",
-    "canvas",
-    "cite",
-    "code",
-    "data",
-    "datalist",
-    "del",
-    "dfn",
-    "em",
-    "embed",
-    "i",
-    "iframe",
-    "img",
-    "input",
-    "ins",
-    "kbd",
-    "label",
-    "link",
-    "map",
-    "mark",
-    "math",
-    "meta",
-    "meter",
-    "noscript",
-    "object",
-    "output",
-    "picture",
-    "progress",
-    "q",
-    "ruby",
-    "s",
-    "samp",
-    "script",
-    "select",
-    "slot",
-    "small",
-    "span",
-    "strong",
-    "sub",
-    "sup",
-    "svg",
-    "template",
-    "textarea",
-    "time",
-    "u",
-    "var",
-    "video",
-    "wbr",
-    "#text"
-  ]),
-  scriptSupportingElements: /* @__PURE__ */ new Set(["script", "template"]),
-  headingContent: /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6", "hgroup"]),
-  sectioningContent: /* @__PURE__ */ new Set(["article", "aside", "nav", "section"]),
-  transparentContent: /* @__PURE__ */ new Set(["#transparent"]),
-  interactiveContent: /* @__PURE__ */ new Set([
-    "a",
-    "audio",
-    "button",
-    "details",
-    "embed",
-    "iframe",
-    "img",
-    "input",
-    "label",
-    "select",
-    "text",
-    "area",
-    "video"
-  ]),
-  text: new Set("#text"),
-  mediaElements: /* @__PURE__ */ new Set(["audio", "video"]),
-  labelableElements: /* @__PURE__ */ new Set([
-    "button",
-    "input",
-    "meter",
-    "output",
-    "progress",
-    "select",
-    "textarea"
-  ])
-};
-
-// src/elements/html.ts
-var htmlSpec = {
-  contents: [
-    {
-      type: "required",
-      contents: contents.fromKeys("head")
-    },
-    {
-      type: "required",
-      contents: contents.fromKeys("body")
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var html = () => htmlSpec;
-
-// src/elements/head.ts
-var headSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.metadataContent,
-      constraints: {
-        children: contentConstraint.fromEntries([
-          ["title", required],
-          ["base", onlyOne]
-        ])
-      }
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var head = () => headSpec;
-
-// src/elements/title.ts
-var titleSpec = {
-  contents: [
-    {
-      type: "required",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var title = () => titleSpec;
-
-// src/elements/base.ts
-var baseSpec = {
-  contents: null,
-  attributes: contentAttributes(true, ["href", "target"])
-};
-var base = () => baseSpec;
-
-// src/elements/link.ts
-var linkSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "href",
-    "crossorigin",
-    "rel",
-    "media",
-    "integrity",
-    "hreflang",
-    "type",
-    "referrerpolicy",
-    "sizes",
-    "imagesrcset",
-    "imagesizes",
-    "as",
-    "blocking",
-    "color",
-    "disabled",
-    "fetchpriority",
-    "title"
-  ])
-};
-var link = () => linkSpec;
-
-// src/elements/meta.ts
-var metaSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "name",
-    "http-equiv",
-    "content",
-    "charset",
-    "media"
-  ])
-};
-var meta = () => metaSpec;
-
-// src/elements/style.ts
-var styleSpec = {
-  contents: [
-    {
-      type: "required",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: contentAttributes(true, ["media", "blocking", "title"])
-};
-var style = () => styleSpec;
-
-// src/elements/body.ts
-var bodySpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "onafterprint",
-    "onbeforeprint",
-    "onbeforeunload",
-    "onhashchange",
-    "onlanguagechange",
-    "onmessage",
-    "onmessageerror",
-    "onoffline",
-    "ononline",
-    "onpageswap",
-    "onpagehide",
-    "onpagereveal",
-    "onpageshow",
-    "onpopstate",
-    "onrejectionhandled",
-    "onstorage",
-    "onunhandledrejection",
-    "onunload"
-  ])
-};
-var body = () => bodySpec;
-
-// src/elements/article.ts
-var articleSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var article = () => articleSpec;
-
-// src/elements/section.ts
-var sectionSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var section = () => sectionSpec;
-
-// src/elements/nav.ts
-var navSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var nav = () => navSpec;
-
-// src/elements/aside.ts
-var asideSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var aside = () => asideSpec;
-
-// src/elements/h1.ts
-var h1Spec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var h1 = () => h1Spec;
-
-// src/elements/h2.ts
-var h2 = h1;
-
-// src/elements/h3.ts
-var h3 = h1;
-
-// src/elements/h4.ts
-var h4 = h1;
-
-// src/elements/h5.ts
-var h5 = h1;
-
-// src/elements/h6.ts
-var h6 = h1;
-
-// src/elements/hrgroup.ts
-var hrgroupSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("p")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "required",
-      contents: contents.fromKeys("h1", "h2", "h3", "h4", "h5", "h6")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("p")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var hrgroup = () => hrgroupSpec;
-
-// src/elements/header.ts
-var headerSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          /* @__PURE__ */ new Set(["header", "footer"])
-        )
-      }
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var header = () => headerSpec;
-
-// src/elements/footer.ts
-var footerSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          /* @__PURE__ */ new Set(["header", "footer"])
-        )
-      }
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var footer = () => footerSpec;
-
-// src/elements/address.ts
-var addressSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          contentsPreset.headingContent,
-          contentsPreset.sectioningContent,
-          /* @__PURE__ */ new Set(["header", "footer", "address"])
-        )
-      }
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var address = () => addressSpec;
-
-// src/elements/p.ts
-var pSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var p = () => pSpec;
-
-// src/elements/hr.ts
-var hrSpec = {
-  contents: null,
-  attributes: contentAttributes(true)
-};
-var hr = () => hrSpec;
-
-// src/elements/pre.ts
-var preSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var pre = () => preSpec;
-
-// src/elements/blockquote.ts
-var blockquoteSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true, ["cite"])
-};
-var blockquote = () => blockquoteSpec;
-
-// src/elements/ol.ts
-var olSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(contentsPreset.scriptSupportingElements, "li")
-    }
-  ],
-  attributes: contentAttributes(true, ["reversed", "start", "type"])
-};
-var ol = () => olSpec;
-
-// src/elements/ul.ts
-var ulSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(contentsPreset.scriptSupportingElements, "li")
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var ul = () => ulSpec;
-
-// src/elements/menu.ts
-var menuSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(contentsPreset.scriptSupportingElements, "li")
-    }
-  ],
-  attributes: contentAttributes(true)
 };
-var menu = () => menuSpec;
 
-// src/elements/li.ts
-var liInMenuOrUl = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var liNotInMenuOrUl = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true, ["value"])
-};
-var li = (state) => {
-  const parent = state == null ? void 0 : state.parent;
-  if (parent === "menu" || parent === "ul") {
-    return liInMenuOrUl;
+// src/core/attribute-state.ts
+var AttributeState = class {
+  constructor(options = DEFAULT_ATTRIBUTES_OPTIONS) {
+    this.options = options;
   }
-  return liNotInMenuOrUl;
-};
-
-// src/elements/dl.ts
-var dlSpec = {
-  contents: [
-    {
-      type: "either",
-      options: [
-        [
-          {
-            type: "zeroOrMore",
-            contents: contentsPreset.scriptSupportingElements
-          },
-          {
-            type: "oneOrMore",
-            contents: /* @__PURE__ */ new Set(["dt"])
-          },
-          {
-            type: "zeroOrMore",
-            contents: contentsPreset.scriptSupportingElements
-          },
-          {
-            type: "oneOrMore",
-            contents: /* @__PURE__ */ new Set(["dd"])
-          },
-          {
-            type: "zeroOrMore",
-            contents: contentsPreset.scriptSupportingElements
-          }
-        ],
-        [
-          {
-            type: "zeroOrMore",
-            contents: contentsPreset.scriptSupportingElements
-          },
-          {
-            type: "oneOrMore",
-            contents: /* @__PURE__ */ new Set(["div"])
-          },
-          {
-            type: "zeroOrMore",
-            contents: contentsPreset.scriptSupportingElements
-          }
-        ]
-      ]
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var dl = () => dlSpec;
-
-// src/elements/dt.ts
-var dtSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          /* @__PURE__ */ new Set(["header", "footer"]),
-          contentsPreset.sectioningContent,
-          contentsPreset.headingContent
-        )
-      }
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var dt = () => dtSpec;
-
-// src/elements/dd.ts
-var ddSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var dd = () => ddSpec;
-
-// src/elements/figure.ts
-var figureSpec = {
-  contents: [
-    {
-      type: "either",
-      options: [
-        [
-          {
-            type: "required",
-            contents: new Set("figcaption")
-          },
-          {
-            type: "oneOrMore",
-            contents: contentsPreset.flowContent
-          }
-        ],
-        [
-          {
-            type: "oneOrMore",
-            contents: contentsPreset.flowContent
-          },
-          {
-            type: "required",
-            contents: contents.fromKeys("figcaption")
-          }
-        ],
-        [
-          {
-            type: "oneOrMore",
-            contents: contentsPreset.flowContent
-          }
-        ]
-      ]
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var figure = () => figureSpec;
-
-// src/elements/figcaption.ts
-var figcaptionSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var figcaption = () => figcaptionSpec;
-
-// src/elements/main.ts
-var mainSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var main = () => mainSpec;
-
-// src/elements/search.ts
-var searchSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var search = () => searchSpec;
-
-// src/elements/div.ts
-var divChildOfDlSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "oneOrMore",
-      contents: contents.fromKeys("dt")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "oneOrMore",
-      contents: contents.fromKeys("dd")
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var divSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var div = (state) => {
-  const parent = state == null ? void 0 : state.parent;
-  if (parent === "dl") {
-    return divChildOfDlSpec;
+  get(key) {
+    return this.options.get(key);
   }
-  return divSpec;
-};
-
-// src/elements/a.ts
-var descendantsConstraints = new Map(
-  [contentsPreset.interactiveContent, /* @__PURE__ */ new Set(["a"])].reduce((acc, set) => [...acc, ...set], []).map((key) => [key, disallow])
-);
-descendantsConstraints.set("*", {
-  disallow: true,
-  ifAttributes(attributes5) {
-    return !!attributes5["tabindex"];
+  has(key) {
+    return this.options.get(key) !== null;
   }
-});
-var aSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          contentsPreset.interactiveContent,
-          /* @__PURE__ */ new Set(["a"])
-        )
-      }
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "href",
-    "target",
-    "download",
-    "ping",
-    "rel",
-    "hreflang",
-    "type",
-    "referrerpolicy"
-  ])
 };
-var a = () => aSpec;
 
-// src/elements/em.ts
-var emSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var em = () => emSpec;
-
-// src/elements/strong.ts
-var strongSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var strong = () => strongSpec;
-
-// src/elements/small.ts
-var smallSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var small = () => smallSpec;
-
-// src/elements/s.ts
-var sSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var s = () => sSpec;
-
-// src/elements/cite.ts
-var citeSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var cite = () => citeSpec;
-
-// src/elements/q.ts
-var qSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true, ["cite"])
-};
-var q = () => qSpec;
-
-// src/elements/dfn.ts
-var dfnSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent,
-      constraints: {
-        descendants: contentConstraint.fromEntries([["dfn", disallow]])
-      }
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var dfn = () => dfnSpec;
-
-// src/elements/abbr.ts
-var abbrSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var abbr = () => abbrSpec;
-
-// src/elements/ruby.ts
-var rubySpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(contentsPreset.phrasingContent, "rt", "rp")
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var ruby = () => rubySpec;
-
-// src/elements/rt.ts
-var rtSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var rt = () => rtSpec;
-
-// src/elements/rp.ts
-var rpSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var rp = () => rpSpec;
-
-// src/elements/data.ts
-var dataSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true, ["value"])
-};
-var data = () => dataSpec;
-
-// src/elements/time.ts
-var timeWihthoutDatetimeSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true, ["datetime"])
-};
-var timeWithDatetimeSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: contentAttributes(true, ["datetime"])
-};
-var time = (state) => {
-  const attributes5 = (state == null ? void 0 : state.attributes) || {};
-  if (!!attributes5["datetime"]) {
-    return timeWihthoutDatetimeSpec;
+// src/core/element-state.ts
+var ElementState = class _ElementState {
+  constructor(name, options) {
+    this.options = options;
+    this.name = name.toLowerCase();
   }
-  return timeWithDatetimeSpec;
-};
-
-// src/elements/code.ts
-var codeSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var code = () => codeSpec;
-
-// src/elements/var.ts
-var varSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var _var = () => varSpec;
-
-// src/elements/samp.ts
-var sampSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var samp = () => sampSpec;
-
-// src/elements/kbd.ts
-var kbdSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var kbd = () => kbdSpec;
-
-// src/elements/sub.ts
-var subSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var sub = () => subSpec;
-
-// src/elements/sup.ts
-var sup = sub;
-
-// src/elements/i.ts
-var iSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var i = () => iSpec;
-
-// src/elements/b.ts
-var bSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var b = () => bSpec;
-
-// src/elements/u.ts
-var uSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var u = () => uSpec;
-
-// src/elements/mark.ts
-var markSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var mark = () => markSpec;
-
-// src/elements/bdi.ts
-var bdiSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var bdi = () => bdiSpec;
-
-// src/elements/bdo.ts
-var bdoSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var bdo = () => bdoSpec;
-
-// src/elements/span.ts
-var spanSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var span = () => spanSpec;
-
-// src/elements/br.ts
-var brSpec = {
-  contents: null,
-  attributes: contentAttributes(true)
-};
-var br = () => brSpec;
-
-// src/elements/wbr.ts
-var wbrSpec = {
-  contents: null,
-  attributes: contentAttributes(true)
-};
-var wbr = () => wbrSpec;
-
-// src/elements/ins.ts
-var insSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent
-    }
-  ],
-  attributes: contentAttributes(true, ["cite", "datetime"])
-};
-var ins = () => insSpec;
-
-// src/elements/del.ts
-var delSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent
-    }
-  ],
-  attributes: contentAttributes(true, ["cite", "datetime"])
-};
-var del = () => delSpec;
-
-// src/elements/picture.ts
-var pictureSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("source")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "required",
-      contents: contents.fromKeys("img")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var picture = () => pictureSpec;
-
-// src/elements/source.ts
-var sourceSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "type",
-    "media",
-    "src",
-    "srcset",
-    "sizes",
-    "width",
-    "height"
-  ])
-};
-var source = () => sourceSpec;
-
-// src/elements/img.ts
-var imgSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "alt",
-    "src",
-    "srcset",
-    "sizes",
-    "crossorigin",
-    "usemap",
-    "ismap",
-    "width",
-    "height",
-    "referrerpolicy",
-    "decoding",
-    "loading",
-    "fetchpriority"
-  ])
-};
-var img = () => imgSpec;
-
-// src/elements/iframe.ts
-var iframeSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "src",
-    "srcdoc",
-    "name",
-    "sandbox",
-    "allow",
-    "allowfullscreen",
-    "width",
-    "height",
-    "referrerpolicy",
-    "loading"
-  ])
-};
-var iframe = () => iframeSpec;
-
-// src/elements/embed.ts
-var embedSpec = {
-  contents: null,
-  attributes: contentAttributes(true, ["src", "type", "width", "height"])
-};
-var embed = () => embedSpec;
-
-// src/elements/object.ts
-var objectSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "data",
-    "type",
-    "name",
-    "form",
-    "width",
-    "height"
-  ])
-};
-var object = () => objectSpec;
-
-// src/elements/video.ts
-var attributes = contentAttributes(true, [
-  "src",
-  "crossorigin",
-  "poster",
-  "preload",
-  "autoplay",
-  "playsinline",
-  "loop",
-  "muted",
-  "controls",
-  "width",
-  "height"
-]);
-var videoWithSrcSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("track")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.transparentContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          contentsPreset.mediaElements
-        )
-      }
-    }
-  ],
-  attributes
-};
-var videoWitoutSrcSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("source")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("track")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.transparentContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          contentsPreset.mediaElements
-        )
-      }
-    }
-  ],
-  attributes
-};
-var video = (state) => {
-  const attributes5 = (state == null ? void 0 : state.attributes) || {};
-  if (!!attributes5["src"]) {
-    return videoWithSrcSpec;
+  get attributes() {
+    return new AttributeState(this.options.attributes);
   }
-  return videoWitoutSrcSpec;
-};
-
-// src/elements/audio.ts
-var attributes2 = contentAttributes(true, [
-  "src",
-  "crossorigin",
-  "preload",
-  "autoplay",
-  "loop",
-  "muted",
-  "controls"
-]);
-var audioWithSrcSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("track")
-    },
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent
+  parent() {
+    if (!this.options.ancestors) {
+      return null;
     }
-  ],
-  attributes: attributes2
-};
-var audioWithoutSrcSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("source")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("track")
-    },
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          contentsPreset.mediaElements
-        )
-      }
+    const iterator = this.options.ancestors()[Symbol.iterator]();
+    const first = iterator.next();
+    if (first.done || !first.value) {
+      return null;
     }
-  ],
-  attributes: attributes2
-};
-var audio = (state) => {
-  const attributes5 = (state == null ? void 0 : state.attributes) || {};
-  if (!!attributes5["src"]) {
-    return audioWithSrcSpec;
+    return new _ElementState(first.value.name, first.value);
   }
-  return audioWithoutSrcSpec;
-};
-
-// src/elements/track.ts
-var trackSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "kind",
-    "src",
-    "srclang",
-    "label",
-    "label",
-    "default"
-  ])
-};
-var track = () => trackSpec;
-
-// src/elements/map.ts
-var mapSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent
-    }
-  ],
-  attributes: contentAttributes(true, ["name"])
-};
-var map = () => mapSpec;
-
-// src/elements/area.ts
-var areaSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "alt",
-    "coords",
-    "shape",
-    "href",
-    "target",
-    "download",
-    "ping",
-    "rel",
-    "referrerpolicy"
-  ])
-};
-var area = () => areaSpec;
-
-// src/elements/table.ts
-var tableSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "optional",
-      contents: contents.fromKeys("caption")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("colgroup")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "optional",
-      contents: contents.fromKeys("thead")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "either",
-      options: [
-        [
-          {
-            type: "zeroOrMore",
-            contents: contents.fromKeys("tbody")
-          }
-        ],
-        [
-          {
-            type: "oneOrMore",
-            contents: contents.fromKeys("tr")
-          }
-        ]
-      ]
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    },
-    {
-      type: "optional",
-      contents: contents.fromKeys("tfoot")
-    },
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.scriptSupportingElements
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var table = () => tableSpec;
-
-// src/elements/caption.ts
-var captionSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent,
-      constraints: {
-        descendants: contentConstraint.fromEntries([["table", disallow]])
-      }
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var caption = () => captionSpec;
-
-// src/elements/colgroup.ts
-var attributes3 = contentAttributes(true, ["span"]);
-var colgroupWithSpanSpec = {
-  contents: null,
-  attributes: attributes3
-};
-var colgroupWithoutSpanSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromKeys("col", "template")
-    }
-  ],
-  attributes: attributes3
-};
-var colgroup = (state) => {
-  const attributes5 = (state == null ? void 0 : state.attributes) || {};
-  if (attributes5["span"]) {
-    return colgroupWithSpanSpec;
+  anceters() {
+    var _a, _b;
+    return ((_b = (_a = this.options).ancestors) == null ? void 0 : _b.call(_a)) || [];
   }
-  return colgroupWithoutSpanSpec;
-};
-
-// src/elements/col.ts
-var colSpec = {
-  contents: null,
-  attributes: contentAttributes(true, ["span"])
 };
-var col = () => colSpec;
 
-// src/elements/tbody.ts
-var tbodySpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(contentsPreset.scriptSupportingElements, "tr")
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var tbody = () => tbodySpec;
-
-// src/elements/thead.ts
-var theadSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(contentsPreset.scriptSupportingElements, "tr")
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var thead = () => theadSpec;
-
-// src/elements/tfoot.ts
-var tfootSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(contentsPreset.scriptSupportingElements, "tr")
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var tfoot = () => tfootSpec;
-
-// src/elements/tr.ts
-var trSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(
-        contentsPreset.scriptSupportingElements,
-        "td",
-        "th"
-      )
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var tr = () => trSpec;
-
-// src/elements/td.ts
-var tdSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true, ["colspan", "rowspan", "headers"])
-};
-var td = () => tdSpec;
-
-// src/elements/th.ts
-var thSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          /* @__PURE__ */ new Set(["header", "footer"]),
-          contentsPreset.sectioningContent,
-          contentsPreset.headingContent
-        )
+// src/constants/roles.ts
+var ROLES = {
+  ARTICLE: "article",
+  BLOCKQUOTE: "blockquote",
+  BUTTON: "button",
+  CAPTION: "caption",
+  CELL: "cell",
+  CHECKBOX: "checkbox",
+  CODE: "code",
+  COMBOBOX: "combobox",
+  COMPLEMENTARY: "complementary",
+  CONTENTINFO: "contentinfo",
+  DELETION: "deletion",
+  DIALOG: "dialog",
+  DOCUMENT: "document",
+  EMPHASIS: "emphasis",
+  FIGURE: "figure",
+  FORM: "form",
+  GENERIC: "generic",
+  GROUP: "group",
+  HEADING: "heading",
+  IMG: "img",
+  INSERTION: "insertion",
+  LINK: "link",
+  LIST: "list",
+  LISTBOX: "listbox",
+  MAIN: "main",
+  METER: "meter",
+  NAVIGATION: "navigation",
+  OPTION: "option",
+  PARAGRAPH: "paragraph",
+  PROGRESSBAR: "progressbar",
+  RADIO: "radio",
+  ROW: "row",
+  ROWGROUP: "rowgroup",
+  SEARCH: "search",
+  SEARCHBOX: "searchbox",
+  SEPARATOR: "separator",
+  SLIDER: "slider",
+  SPINBUTTON: "spinbutton",
+  STATUS: "status",
+  STRONG: "strong",
+  TABLE: "table",
+  TERM: "term",
+  TEXTBOX: "textbox",
+  TIME: "time"
+};
+
+// src/accessibility/implicit-role/implicit-role.ts
+var IMPLICIT_ROLE = {
+  a: (element2) => element2.attributes.has("href") ? ROLES.LINK : ROLES.GENERIC,
+  abbr: () => null,
+  address: () => ROLES.GROUP,
+  area: (element2) => element2.attributes.has("href") ? ROLES.LINK : ROLES.GENERIC,
+  article: () => ROLES.ARTICLE,
+  aside: () => ROLES.COMPLEMENTARY,
+  audio: () => null,
+  b: () => ROLES.GENERIC,
+  base: () => null,
+  bdi: () => ROLES.GENERIC,
+  bdo: () => ROLES.GENERIC,
+  blockquote: () => ROLES.BLOCKQUOTE,
+  body: () => ROLES.GENERIC,
+  br: () => null,
+  button: () => ROLES.BUTTON,
+  canvas: () => null,
+  caption: () => ROLES.CAPTION,
+  cite: () => null,
+  code: () => ROLES.CODE,
+  col: () => null,
+  colgroup: () => null,
+  data: () => ROLES.GENERIC,
+  datalist: () => ROLES.LISTBOX,
+  dd: () => null,
+  del: () => ROLES.DELETION,
+  details: () => ROLES.GROUP,
+  dfn: () => ROLES.TERM,
+  dialog: () => ROLES.DIALOG,
+  div: () => ROLES.GENERIC,
+  dl: () => null,
+  dt: () => null,
+  em: () => ROLES.EMPHASIS,
+  embed: () => null,
+  fieldset: () => ROLES.GROUP,
+  figcaption: () => null,
+  figure: () => ROLES.FIGURE,
+  footer: (element2) => {
+    const sectioningElements = ["article", "aside", "main", "nav", "section"];
+    for (const ancestor of element2.anceters()) {
+      if (sectioningElements.includes(ancestor.name.toLowerCase())) {
+        return ROLES.GENERIC;
       }
     }
-  ],
-  attributes: contentAttributes(true, [
-    "colspan",
-    "rowspan",
-    "headers",
-    "scope",
-    "abbr"
-  ])
-};
-var th = () => thSpec;
-
-// src/elements/form.ts
-var formSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent,
-      constraints: {
-        descendants: contentConstraint.fromEntries([["from", disallow]])
-      }
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "accept-charset",
-    "action",
-    "autocomplete",
-    "enctype",
-    "method",
-    "name",
-    "novalidate",
-    "target",
-    "rel"
-  ])
-};
-var form = () => formSpec;
-
-// src/elements/label.ts
-var labelSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent,
-      constraints: {
-        descendants: contentConstraint.fromEntries([["label", disallow]])
-      }
-    }
-  ],
-  attributes: contentAttributes(true, ["for"])
-};
-var label = () => labelSpec;
-
-// src/elements/input.ts
-var inputSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "accept",
-    "alpha",
-    "alt",
-    "autocomplete",
-    "checked",
-    "colorspace",
-    "dirname",
-    "disabled",
-    "form",
-    "formaction",
-    "formenctype",
-    "formmethod",
-    "formnovalidate",
-    "formtarget",
-    "height",
-    "list",
-    "max",
-    "maxlength",
-    "min",
-    "minlength",
-    "multiple",
-    "name",
-    "pattern",
-    "placeholder",
-    "popovertarget",
-    "popovertargetaction",
-    "readonly",
-    "required",
-    "size",
-    "src",
-    "step",
-    "type",
-    "value",
-    "width",
-    "title"
-  ])
-};
-var input = () => inputSpec;
-
-// src/elements/button.ts
-var buttonSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          contentsPreset.interactiveContent
-        )
-      }
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "command",
-    "commandfor",
-    "disabled",
-    "form",
-    "formaction",
-    "formenctype",
-    "formmethod",
-    "formnovalidate",
-    "formtarget",
-    "name",
-    "popovertarget",
-    "popovertargetaction",
-    "type",
-    "value"
-  ])
-};
-var button = () => buttonSpec;
-
-// src/elements/select.ts
-var selectSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(
-        contentsPreset.scriptSupportingElements,
-        "option",
-        "optgroup",
-        "hr"
-      )
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "autocomplete",
-    "disabled",
-    "form",
-    "multiple",
-    "name",
-    "required",
-    "size"
-  ])
-};
-var select = () => selectSpec;
-
-// src/elements/datalist.ts
-var datalistSpec = {
-  contents: [
-    {
-      type: "either",
-      options: [
-        [
-          {
-            type: "oneOrMore",
-            contents: contentsPreset.phrasingContent
-          }
-        ],
-        [
-          {
-            type: "zeroOrMore",
-            contents: contents.fromSet(
-              contentsPreset.scriptSupportingElements,
-              "option"
-            )
-          }
-        ]
-      ]
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var datalist = () => datalistSpec;
-
-// src/elements/optgroup.ts
-var optgroupSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromSet(
-        contentsPreset.scriptSupportingElements,
-        "option"
-      )
-    }
-  ],
-  attributes: contentAttributes(true, ["disabled", "label"])
-};
-var optgroup = () => optgroupSpec;
-
-// src/elements/option.ts
-var attributes4 = contentAttributes(true, [
-  "disabled",
-  "label",
-  "selected",
-  "value"
-]);
-var optionWithLabelAndValueSpec = {
-  contents: null,
-  attributes: attributes4
-};
-var optionWithLabelSpec = {
-  contents: [
-    {
-      type: "required",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: attributes4
-};
-var optionWithoutLabelAndValueSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.text
+    return ROLES.CONTENTINFO;
+  },
+  form: () => ROLES.FORM,
+  h1: () => ROLES.HEADING,
+  h2: () => ROLES.HEADING,
+  h3: () => ROLES.HEADING,
+  h4: () => ROLES.HEADING,
+  h5: () => ROLES.HEADING,
+  h6: () => ROLES.HEADING,
+  head: () => null,
+  header: () => null,
+  // TODO: banner if not descendant of article/aside/main/nav/section, otherwise generic
+  hgroup: () => ROLES.GROUP,
+  hr: () => ROLES.SEPARATOR,
+  html: () => ROLES.DOCUMENT,
+  i: () => ROLES.GENERIC,
+  iframe: () => null,
+  img: (element2) => {
+    const alt = element2.attributes.get("alt");
+    if (alt === "") return null;
+    return ROLES.IMG;
+  },
+  input: (element2) => {
+    const type = element2.attributes.get("type") || "text";
+    switch (type) {
+      case "button":
+      case "image":
+      case "reset":
+      case "submit":
+        return ROLES.BUTTON;
+      case "checkbox":
+        return ROLES.CHECKBOX;
+      case "color":
+      case "date":
+      case "datetime-local":
+      case "file":
+      case "hidden":
+      case "month":
+      case "password":
+      case "time":
+      case "week":
+        return null;
+      case "email":
+      case "tel":
+      case "text":
+      case "url":
+        return ROLES.TEXTBOX;
+      case "number":
+        return ROLES.SPINBUTTON;
+      case "radio":
+        return ROLES.RADIO;
+      case "range":
+        return ROLES.SLIDER;
+      case "search":
+        return ROLES.SEARCHBOX;
+      default:
+        return ROLES.TEXTBOX;
     }
-  ],
-  attributes: attributes4
-};
-var option = (state) => {
-  const attributes5 = (state == null ? void 0 : state.attributes) || {};
-  if (attributes5["label"] && attributes5["value"]) {
-    return optionWithLabelAndValueSpec;
+  },
+  ins: () => ROLES.INSERTION,
+  kbd: () => null,
+  label: () => null,
+  legend: () => null,
+  li: () => null,
+  // TODO: listitem if child of ol/ul/menu, otherwise generic
+  link: () => null,
+  main: () => ROLES.MAIN,
+  map: () => null,
+  mark: () => null,
+  menu: () => ROLES.LIST,
+  meta: () => null,
+  meter: () => ROLES.METER,
+  nav: () => ROLES.NAVIGATION,
+  noscript: () => null,
+  object: () => null,
+  ol: () => ROLES.LIST,
+  optgroup: () => ROLES.GROUP,
+  option: () => ROLES.OPTION,
+  output: () => ROLES.STATUS,
+  p: () => ROLES.PARAGRAPH,
+  param: () => null,
+  picture: () => null,
+  pre: () => ROLES.GENERIC,
+  progress: () => ROLES.PROGRESSBAR,
+  q: () => ROLES.GENERIC,
+  rp: () => null,
+  rt: () => null,
+  ruby: () => null,
+  s: () => ROLES.DELETION,
+  samp: () => ROLES.GENERIC,
+  script: () => null,
+  search: () => ROLES.SEARCH,
+  section: () => null,
+  select: (element2) => element2.attributes.has("multiple") ? ROLES.LISTBOX : ROLES.COMBOBOX,
+  slot: () => null,
+  small: () => ROLES.GENERIC,
+  span: () => ROLES.GENERIC,
+  strong: () => ROLES.STRONG,
+  style: () => null,
+  sub: () => null,
+  summary: () => ROLES.BUTTON,
+  sup: () => null,
+  svg: () => null,
+  table: () => ROLES.TABLE,
+  tbody: () => ROLES.ROWGROUP,
+  td: () => ROLES.CELL,
+  template: () => null,
+  textarea: () => ROLES.TEXTBOX,
+  tfoot: () => ROLES.ROWGROUP,
+  th: () => null,
+  thead: () => ROLES.ROWGROUP,
+  time: () => ROLES.TIME,
+  title: () => null,
+  tr: () => ROLES.ROW,
+  track: () => null,
+  u: () => null,
+  ul: () => ROLES.LIST,
+  var: () => null,
+  video: () => null,
+  wbr: () => null
+};
+
+// src/accessibility/accessibility.ts
+var Accessibility = class {
+  constructor(element2) {
+    this.element = element2;
   }
-  if (attributes5["label"]) {
-    return optionWithLabelSpec;
+  implicitRole() {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = IMPLICIT_ROLE)[this.element.name.toLowerCase()]) == null ? void 0 : _b.call(_a, this.element)) != null ? _c : null;
   }
-  return optionWithoutLabelAndValueSpec;
-};
-
-// src/elements/textarea.ts
-var textareaSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "autocomplete",
-    "cols",
-    "dirname",
-    "disabled",
-    "form",
-    "maxlength",
-    "minlength",
-    "name",
-    "placeholder",
-    "readonly",
-    "required",
-    "rows",
-    "wrap"
-  ])
 };
-var textarea = () => textareaSpec;
-
-// src/elements/output.ts
-var outputSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent
-    }
-  ],
-  attributes: contentAttributes(true, ["for", "form", "name"])
-};
-var output = () => outputSpec;
-
-// src/elements/progress.ts
-var progressSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent,
-      constraints: {
-        descendants: contentConstraint.fromEntries([["progress", disallow]])
-      }
-    }
-  ],
-  attributes: contentAttributes(true, ["value", "max"])
-};
-var progress = () => progressSpec;
-
-// src/elements/meter.ts
-var meterSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.phrasingContent,
-      constraints: {
-        descendants: contentConstraint.fromEntries([["meter", disallow]])
-      }
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "value",
-    "min",
-    "max",
-    "low",
-    "high",
-    "optimum"
-  ])
-};
-var meter = () => meterSpec;
-
-// src/elements/fieldset.ts
-var fieldsetSpec = {
-  contents: [
-    {
-      type: "optional",
-      contents: contents.fromKeys("legend")
-    },
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true, ["disabled", "form", "name"])
-};
-var fieldset = () => fieldsetSpec;
-
-// src/elements/legend.ts
-var legendSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contents.fromUnionSets(
-        contentsPreset.phrasingContent,
-        contentsPreset.headingContent
-      )
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var legend = () => legendSpec;
-
-// src/elements/details.ts
-var detailsSpec = {
-  contents: [
-    {
-      type: "required",
-      contents: contents.fromKeys("summary")
-    },
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true, ["name", "open"])
-};
-var details = () => detailsSpec;
-
-// src/elements/summary.ts
-var summarySpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contents.fromUnionSets(
-        contentsPreset.phrasingContent,
-        contentsPreset.headingContent
-      )
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var summary = () => summarySpec;
-
-// src/elements/dialog.ts
-var dialogSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.flowContent
-    }
-  ],
-  attributes: contentAttributes(true, ["closedby", "open"])
-};
-var dialog = () => dialogSpec;
-
-// src/elements/script.ts
-var scriptSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: contentAttributes(true, [
-    "src",
-    "type",
-    "nomodule",
-    "async",
-    "defer",
-    "crossorigin",
-    "integrity",
-    "referrerpolicy",
-    "blocking",
-    "fetchpriority"
-  ])
-};
-var script = () => scriptSpec;
-
-// src/elements/noscript.ts
-var noscriptSpec = {
-  contents: [
-    {
-      type: "zeroOrMore",
-      contents: contentsPreset.text
-    }
-  ],
-  attributes: contentAttributes(true)
-};
-var noscript = () => noscriptSpec;
-
-// src/elements/template.ts
-var templateSpec = {
-  contents: null,
-  attributes: contentAttributes(true, [
-    "shadowrootmode",
-    "shadowrootdelegatesfocus",
-    "shadowrootclonable",
-    "shadowrootserializable"
-  ])
-};
-var template = () => templateSpec;
-
-// src/elements/slot.ts
-var slotSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent
-    }
-  ],
-  attributes: contentAttributes(true, ["name"])
-};
-var slot = () => slotSpec;
-
-// src/elements/canvas.ts
-var canvasSpec = {
-  contents: [
-    {
-      type: "oneOrMore",
-      contents: contentsPreset.transparentContent,
-      constraints: {
-        descendants: contentConstraint.fromSets(
-          disallow,
-          contentsPreset.interactiveContent
-        )
-      }
-    }
-  ],
-  attributes: contentAttributes(true, ["width", "height"])
-};
-var canvas = () => canvasSpec;
+function accessibility(name, options) {
+  return new Accessibility(new ElementState(name, options));
+}
 
-// src/getElementSpec.ts
-var specsRecord = elements_exports;
-function getElementSpec(name, options) {
-  const getSpec = specsRecord[name.toLowerCase()] || null;
-  if (!getSpec) {
-    return null;
+// src/element.ts
+var Element = class {
+  constructor(name, options) {
+    this.name = name;
+    this.options = options;
   }
-  return getSpec(options);
+  get accessibility() {
+    return accessibility(this.name, this.options);
+  }
+};
+function element(name, options = DEFAULT_ELEMENT_OPTIONS) {
+  return new Element(name, options);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getElementSpec
+  accessibility,
+  element
 });
 //# sourceMappingURL=index.cjs.map