@threadlabs/looma 0.29.18 → 0.30.1

package/vanilla/UiCluster.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-cluster.css";
 
 const T0 = ["",[],4];
@@ -45,3 +45,4 @@ export function createUiCluster(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-cluster", createUiCluster, ["align","fixed","gap","justify","padding","paddingEnd","wrap"]);

package/vanilla/UiCombobox.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiComboboxEventMap {
   "query-change": CustomEvent<{ readonly query: string; readonly display: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   "value-change": CustomEvent<{ readonly value: string | null; readonly query: string; readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
@@ -14,7 +14,11 @@ export interface UiComboboxEventMap {
 }
 export interface UiComboboxElement extends HTMLDivElement {
   addEventListener<K extends keyof UiComboboxEventMap>(type: K, listener: (this: UiComboboxElement, event: UiComboboxEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiComboboxElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiComboboxEventMap>(type: K, listener: (this: UiComboboxElement, event: UiComboboxEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiComboboxElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiComboboxProps {
   allowCreate?: boolean | null;
@@ -47,4 +51,13 @@ export interface UiComboboxProps {
   children?: readonly (string | Node)[];
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
+export interface UiComboboxSlots {
+  readonly item: { readonly item: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } }; };
+  readonly option: { readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string }; readonly selected?: boolean }; };
+}
 export declare function createUiCombobox(props?: UiComboboxProps): UiComboboxElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-combobox": { element: UiComboboxElement; props: Omit<UiComboboxProps, "attributes" | "children" | "slots">; slots: UiComboboxSlots };
+  }
+}

package/vanilla/UiCombobox.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, negate, NONCONFORMING, readDeclared, readIndex, readMember, readsChanged, rec, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeText, dispatchDeclared, detailCheck, dispose, IndexedList, PositionalList, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkNull, checkObject, checkString, checkUnion, checkUnknown } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, negate, NONCONFORMING, readDeclared, readIndex, readMember, readsChanged, rec, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, writeText, dispatchDeclared, detailCheck, dispose, IndexedList, PositionalList, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkNull, checkObject, checkString, checkUnion, checkUnknown, fits, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-combobox/ui-combobox.js";
 import "../styles/ui-combobox.css";
 
@@ -33,7 +33,7 @@ const T26 = ["div",[],0];
 const T27 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19, P20, P21, P22, P23, P24, P25, P26, P27;
 const E = new Map();
-const S = { n: ["internalItems","raw","display","selected","expanded","rows","active","helpOpen","lookupError","validation","uid","submitted","groups","creatable","createIndex","message","statusText","validationStatus"], t: [["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]],"s","s",["u","s","z"],"b",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]],"i","b","s",["o",["status",["p",formatOf(keywordFormat),false],"touched","b","dirty","b","issues",["l",["o",["message","s"]]]],1],"s","s",["l",["o",["name","s","role",["p",formatOf(keywordFormat),false],"label",["u","s","z"],"rows",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]],"index","i","labelledBy",["u","s","z"],"detail",["u","s","z"]]]]]]],"b","i","s","s","s"], f: import.meta.url, g: "ui-combobox", d: { "query-change": [detailCheck(checkObject([["query", checkString, false], ["display", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "value-change": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "items-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "free-entry": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-entry": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "validation-change": [detailCheck(checkObject([["status", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["pristine","pending","valid","warning","error"]}), false], ["touched", checkBoolean, false], ["dirty", checkBoolean, false], ["issues", checkList(checkObject([["message", checkString, false], ["path", checkList(checkUnknown), true], ["severity", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["error","warning"]}), true]], false)), false], ["output", checkUnknown, true]], false)), true, true, false], "options-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "add-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "remove-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-item": [detailCheck(checkObject([["query", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "selected-values-change": [detailCheck(checkObject([["selectedValues", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
+const S = { n: ["internalItems","raw","display","selected","expanded","rows","active","helpOpen","lookupError","validation","uid","submitted","groups","creatable","createIndex","message","statusText","validationStatus"], t: [["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]],"s","s",["u","s","z"],"b",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]],"i","b","s",["o",["status",["p",formatOf(keywordFormat),false],"touched","b","dirty","b","issues",["l",["o",["message","s"]]]],1],"s","s",["l",["o",["name","s","role",["p",formatOf(keywordFormat),false],"label",["u","s","z"],"rows",["l",["o",["id","s","value","s","label","s","group","s","disabled","b","selected","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]],"index","i","labelledBy",["u","s","z"],"detail",["u","s","z"],"option",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]],"selected","b"]]]]]]]],"b","i","s","s","s"], f: import.meta.url, g: "ui-combobox", d: { "query-change": [detailCheck(checkObject([["query", checkString, false], ["display", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "value-change": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "items-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "free-entry": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-entry": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["query", checkString, false], ["option", checkUnion([checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), checkNull], "object({ id: string, value: string, label: string, group?: string, disabled?: boolean, description?: string, tag?: object({ label: string, tone?: keyword with values neutral, accent, info, success, warning, danger, color?: string }) }) | null"), false], ["kind", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["selection","clear","free-entry","create"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "validation-change": [detailCheck(checkObject([["status", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["pristine","pending","valid","warning","error"]}), false], ["touched", checkBoolean, false], ["dirty", checkBoolean, false], ["issues", checkList(checkObject([["message", checkString, false], ["path", checkList(checkUnknown), true], ["severity", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["error","warning"]}), true]], false)), false], ["output", checkUnknown, true]], false)), true, true, false], "options-change": [detailCheck(checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false))), true, true, false], "add-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "remove-item": [detailCheck(checkObject([["item", checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false), false], ["index", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "create-item": [detailCheck(checkObject([["query", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "selected-values-change": [detailCheck(checkObject([["selectedValues", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
 const D = { g: "ui-combobox", props: { "allowCreate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "allowFreeText": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "autoHighlight": { "required":false,"values":["none","single"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "clearQueryOnBlur": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "clearable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "disclosure": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "filter": { "required":false,"values":["label","none"],"default":"label", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "help": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "items": { "required":false, c: checkList(checkObject([["id", checkString, false], ["value", checkString, false], ["label", checkString, false], ["group", checkString, true], ["disabled", checkBoolean, true], ["description", checkString, true], ["tag", checkObject([["label", checkString, false], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","accent","info","success","warning","danger"]}), true], ["color", checkString, true]], false), true]], false)), j: 1, m: ["l",["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]] }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "labelVisibility": { "required":false,"values":["visible","sr-only"],"default":"visible", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "multiple": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "openOnFocus": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placeholder": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "query": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "readonly": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selectOnTab": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selectedValues": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tokenSeparators": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
 const C = (host) => controller.default(host);
 
@@ -80,7 +80,7 @@ export function createUiCombobox(options = {}, html) {
   const m4 = (o, j, l) => {
     const n = (P4 ??= buildTemplate(T4)).cloneNode(true);
     const t0 = n.firstChild.nextSibling;
-    const r = { k: undefined, i: o, n, x: 0, y: 0, j, l, w: 0, v0: null, v1: null, v2: null, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    const r = { k: undefined, i: o, n, x: 0, y: 0, j, l, w: 0, v0: null, v1: null, v2: null, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined, x0: undefined };
     p4(r, -1, E);
     return r;
   };
@@ -104,9 +104,20 @@ export function createUiCombobox(options = {}, html) {
         if (s2 !== r.v2) writeAttribute(r.n, "aria-label", r.v2 = s2);
       }
     }
-    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a1, r.e0, toText(textCall("concat", ["item-", trackContainer(r, readMember(o, "id"))])), J, true, undefined, d);
-      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m5(d, undefined, r); at.before(r.b0.n); } }
-    else if (r.b0 !== undefined) p5(r.b0, c, d);
+    if (r.f0 === undefined) {
+      r.f0 = 1;
+      const s = {}; { const y = trackContainer(r, o); if (y !== NONCONFORMING && fits(y, ["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]])) s["item"] = y; }
+      const at = fillSlot(r.a1, r.e0, "item", J, true, s, d);
+      if (Array.isArray(at)) { r.x0 = at; (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); }
+      else if (at !== undefined) { r.b0 = m5(d, undefined, r); at.before(r.b0.n); }
+    } else if (r.x0 !== undefined) {
+      if (c & 1073741824) {
+        const t = r.x0[1].s;
+        let w = c & 1073741824;
+        { const y = trackContainer(r, o); if (y !== NONCONFORMING && fits(y, ["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]]]]) && !("item" in t && Object.is(t["item"], y))) { t["item"] = y; w = 1; } }
+        if (w) r.x0[0].p(r.x0[1], 1073741824, d);
+      }
+    } else if (r.b0 !== undefined) p5(r.b0, c, d);
   };
   const m5 = (d, o, u) => {
     const n = (P5 ??= buildTemplate(T5)).cloneNode(true);
@@ -306,7 +317,7 @@ export function createUiCombobox(options = {}, html) {
   const m15 = (o, j, l) => {
     const n = (P15 ??= buildTemplate(T15)).cloneNode(true);
     const t0 = n.firstChild.nextSibling;
-    const r = { k: undefined, i: o, n, x: 0, y: 0, w: 0, v0: false, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
+    const r = { k: undefined, i: o, n, x: 0, y: 0, w: 0, v0: false, v1: null, v2: null, v3: null, v4: null, v5: null, v6: null, v7: null, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined, x0: undefined };
     p15(r, -1, E);
     return r;
   };
@@ -349,9 +360,20 @@ export function createUiCombobox(options = {}, html) {
       const s7 = toAttribute(x7, "aria-describedby");
       if (s7 !== r.v7) writeAttribute(r.n, "aria-describedby", r.v7 = s7);
     }
-    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a1, r.e0, toText(textCall("concat", ["option-", trackContainer(r, readMember(o, "id"))])), J, true, undefined, d);
-      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m16(d, undefined, r); at.before(r.b0.n); } }
-    else if (r.b0 !== undefined) p16(r.b0, c, d);
+    if (r.f0 === undefined) {
+      r.f0 = 1;
+      const s = {}; { const y = trackContainer(r, readMember(o, "option")); if (y !== NONCONFORMING && fits(y, ["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]],"selected","b"]])) s["option"] = y; }
+      const at = fillSlot(r.a1, r.e0, "option", J, true, s, d);
+      if (Array.isArray(at)) { r.x0 = at; (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); }
+      else if (at !== undefined) { r.b0 = m16(d, undefined, r); at.before(r.b0.n); }
+    } else if (r.x0 !== undefined) {
+      if (c & 1073741824) {
+        const t = r.x0[1].s;
+        let w = c & 1073741824;
+        { const y = trackContainer(r, readMember(o, "option")); if (y !== NONCONFORMING && fits(y, ["o",["id","s","value","s","label","s","group","s","disabled","b","description","s","tag",["o",["label","s","tone",["p",formatOf(keywordFormat),false],"color","s"]],"selected","b"]]) && !("option" in t && Object.is(t["option"], y))) { t["option"] = y; w = 1; } }
+        if (w) r.x0[0].p(r.x0[1], 1073741824, d);
+      }
+    } else if (r.b0 !== undefined) p16(r.b0, c, d);
   };
   const m16 = (d, o, u) => {
     const n = (P16 ??= buildTemplate(T16)).cloneNode(true);
@@ -782,3 +804,4 @@ export function createUiCombobox(options = {}, html) {
   I.r["options"] = t26;
   return element;
 }
+defineComponent("ui-combobox", createUiCombobox, ["allowCreate","allowFreeText","autoHighlight","clearQueryOnBlur","clearable","disabled","disclosure","filter","help","invalid","items","label","labelVisibility","loading","multiple","name","openOnFocus","placeholder","query","readonly","required","selectOnTab","selectedValues","size","tokenSeparators","value"]);

package/vanilla/UiContainer.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiContainerEventMap {
 }
 export interface UiContainerElement extends HTMLDivElement {
   addEventListener<K extends keyof UiContainerEventMap>(type: K, listener: (this: UiContainerElement, event: UiContainerEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiContainerElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiContainerEventMap>(type: K, listener: (this: UiContainerElement, event: UiContainerEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiContainerElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiContainerProps {
   fill?: boolean | null;
@@ -14,3 +18,8 @@ export interface UiContainerProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiContainer(props?: UiContainerProps): UiContainerElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-container": { element: UiContainerElement; props: Omit<UiContainerProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiContainer.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-container.css";
 
 const T0 = ["",[],4];
@@ -45,3 +45,4 @@ export function createUiContainer(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-container", createUiContainer, ["fill","gutters","measure"]);

package/vanilla/UiContextMenu.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiContextMenuEventMap {
   open: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   close: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
@@ -6,7 +6,11 @@ export interface UiContextMenuEventMap {
 }
 export interface UiContextMenuElement extends HTMLSpanElement {
   addEventListener<K extends keyof UiContextMenuEventMap>(type: K, listener: (this: UiContextMenuElement, event: UiContextMenuEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiContextMenuElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiContextMenuEventMap>(type: K, listener: (this: UiContextMenuElement, event: UiContextMenuEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiContextMenuElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiContextMenuProps {
   for?: string | null;
@@ -16,3 +20,8 @@ export interface UiContextMenuProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiContextMenu(props?: UiContextMenuProps): UiContextMenuElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-context-menu": { element: UiContextMenuElement; props: Omit<UiContextMenuProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiContextMenu.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-context-menu/ui-context-menu.js";
 import "../styles/ui-context-menu.css";
 
@@ -45,3 +45,4 @@ export function createUiContextMenu(options = {}, html) {
   I.r["menu"] = t0;
   return element;
 }
+defineComponent("ui-context-menu", createUiContextMenu, ["for","open"]);

package/vanilla/UiCover.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiCoverEventMap {
 }
 export interface UiCoverElement extends HTMLDivElement {
   addEventListener<K extends keyof UiCoverEventMap>(type: K, listener: (this: UiCoverElement, event: UiCoverEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCoverElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiCoverEventMap>(type: K, listener: (this: UiCoverElement, event: UiCoverEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCoverElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiCoverProps {
   size?: "screen" | "fill" | null;
@@ -12,3 +16,8 @@ export interface UiCoverProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiCover(props?: UiCoverProps): UiCoverElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-cover": { element: UiCoverElement; props: Omit<UiCoverProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiCover.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-cover.css";
 
 const T0 = ["",[],4];
@@ -45,3 +45,4 @@ export function createUiCover(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-cover", createUiCover, ["size"]);

package/vanilla/UiDescriptionItem.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiDescriptionItemEventMap {
 }
 export interface UiDescriptionItemElement extends HTMLDivElement {
   addEventListener<K extends keyof UiDescriptionItemEventMap>(type: K, listener: (this: UiDescriptionItemElement, event: UiDescriptionItemEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDescriptionItemElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiDescriptionItemEventMap>(type: K, listener: (this: UiDescriptionItemElement, event: UiDescriptionItemEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDescriptionItemElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiDescriptionItemProps {
   term?: string | null;
@@ -12,3 +16,8 @@ export interface UiDescriptionItemProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiDescriptionItem(props?: UiDescriptionItemProps): UiDescriptionItemElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-description-item": { element: UiDescriptionItemElement; props: Omit<UiDescriptionItemProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiDescriptionItem.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toText, dispose, acceptProps, manageProps, project, fillSlot, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toText, dispose, acceptProps, manageProps, project, fillSlot, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-description-item.css";
 
 const T0 = ["",[],"\n    ",["dt",[],0],"\n    ",["dd",[],4],"\n  "];
@@ -47,3 +47,4 @@ export function createUiDescriptionItem(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-description-item", createUiDescriptionItem, ["term"]);

package/vanilla/UiDescriptionList.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiDescriptionListEventMap {
 }
 export interface UiDescriptionListElement extends HTMLDListElement {
   addEventListener<K extends keyof UiDescriptionListEventMap>(type: K, listener: (this: UiDescriptionListElement, event: UiDescriptionListEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDescriptionListElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiDescriptionListEventMap>(type: K, listener: (this: UiDescriptionListElement, event: UiDescriptionListEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDescriptionListElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiDescriptionListProps {
   columns?: "2" | "3" | "4" | null;
@@ -14,3 +18,8 @@ export interface UiDescriptionListProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiDescriptionList(props?: UiDescriptionListProps): UiDescriptionListElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-description-list": { element: UiDescriptionListElement; props: Omit<UiDescriptionListProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiDescriptionList.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-description-list.css";
 
 const T0 = ["",[],4];
@@ -45,3 +45,4 @@ export function createUiDescriptionList(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-description-list", createUiDescriptionList, ["columns","density","layout"]);

package/vanilla/UiDialog.d.ts

@@ -1,11 +1,15 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiDialogEventMap {
   open: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   close: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }
 export interface UiDialogElement extends HTMLDialogElement {
   addEventListener<K extends keyof UiDialogEventMap>(type: K, listener: (this: UiDialogElement, event: UiDialogEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDialogElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiDialogEventMap>(type: K, listener: (this: UiDialogElement, event: UiDialogEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDialogElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiDialogProps {
   alert?: boolean | null;
@@ -21,3 +25,8 @@ export interface UiDialogProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiDialog(props?: UiDialogProps): UiDialogElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-dialog": { element: UiDialogElement; props: Omit<UiDialogProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiDialog.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-dialog/ui-dialog.js";
 import "../styles/ui-dialog.css";
 
@@ -100,3 +100,4 @@ export function createUiDialog(options = {}, html) {
   I.r["footer"] = t6;
   return element;
 }
+defineComponent("ui-dialog", createUiDialog, ["alert","closedby","for","label","modal","modeless","open","size"]);

package/vanilla/UiDisclosure.d.ts

@@ -1,11 +1,15 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiDisclosureEventMap {
   open: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   close: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }
 export interface UiDisclosureElement extends HTMLDivElement {
   addEventListener<K extends keyof UiDisclosureEventMap>(type: K, listener: (this: UiDisclosureElement, event: UiDisclosureEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDisclosureElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiDisclosureEventMap>(type: K, listener: (this: UiDisclosureElement, event: UiDisclosureEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiDisclosureElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiDisclosureProps {
   density?: "comfortable" | "compact" | null;
@@ -22,3 +26,8 @@ export interface UiDisclosureProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiDisclosure(props?: UiDisclosureProps): UiDisclosureElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-disclosure": { element: UiDisclosureElement; props: Omit<UiDisclosureProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiDisclosure.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-disclosure/ui-disclosure.js";
 import "../styles/ui-disclosure.css";
 
@@ -128,3 +128,4 @@ export function createUiDisclosure(options = {}, html) {
   I.r["panel"] = t7;
   return element;
 }
+defineComponent("ui-disclosure", createUiDisclosure, ["density","disabled","fill","headingLevel","name","open","requiredOpen","summary","variant"]);

package/vanilla/UiEditable.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiEditableEventMap {
   input: CustomEvent<{ readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   change: CustomEvent<{ readonly value: string; readonly previousValue: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
@@ -6,7 +6,11 @@ export interface UiEditableEventMap {
 }
 export interface UiEditableElement extends HTMLDivElement {
   addEventListener<K extends keyof UiEditableEventMap>(type: K, listener: (this: UiEditableElement, event: UiEditableEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiEditableElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiEditableEventMap>(type: K, listener: (this: UiEditableElement, event: UiEditableEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiEditableElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiEditableProps {
   actions?: boolean | null;
@@ -25,3 +29,8 @@ export interface UiEditableProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiEditable(props?: UiEditableProps): UiEditableElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-editable": { element: UiEditableElement; props: Omit<UiEditableProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiEditable.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, readsChanged, rec, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, keywordFormat, hostState, acceptProps, manageProps, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, readsChanged, rec, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, keywordFormat, hostState, acceptProps, manageProps, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editable/ui-editable.js";
 import "../styles/ui-editable.css";
 
@@ -124,3 +124,4 @@ export function createUiEditable(options = {}, html) {
   I.r["input"] = t5;
   return element;
 }
+defineComponent("ui-editable", createUiEditable, ["actions","cancelLabel","disabled","edit","hint","label","maxLength","placeholder","required","saveLabel","value"]);

package/vanilla/UiEditorBlockActions.d.ts

@@ -1,10 +1,14 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiEditorBlockActionsEventMap {
   action: CustomEvent<{ readonly action: "insert-below" | "duplicate" | "delete" }>;
 }
 export interface UiEditorBlockActionsElement extends HTMLDivElement {
   addEventListener<K extends keyof UiEditorBlockActionsEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: UiEditorBlockActionsEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiEditorBlockActionsEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: UiEditorBlockActionsEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiEditorBlockActionsElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiEditorBlockActionsProps {
   for?: string | null;
@@ -14,3 +18,8 @@ export interface UiEditorBlockActionsProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiEditorBlockActions(props?: UiEditorBlockActionsProps): UiEditorBlockActionsElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-editor-block-actions": { element: UiEditorBlockActionsElement; props: Omit<UiEditorBlockActionsProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiEditorBlockActions.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-block-actions/ui-editor-block-actions.js";
 import "../styles/ui-editor-block-actions.css";
 
@@ -39,3 +39,4 @@ export function createUiEditorBlockActions(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-editor-block-actions", createUiEditorBlockActions, ["for","placement"]);

package/vanilla/UiEditorChipEditor.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiEditorChipEditorEventMap {
   label: CustomEvent<{ readonly label: string }>;
   color: CustomEvent<{ readonly color: "neutral" | "blue" | "green" | "yellow" | "red" | "purple" }>;
@@ -6,7 +6,11 @@ export interface UiEditorChipEditorEventMap {
 }
 export interface UiEditorChipEditorElement extends HTMLDivElement {
   addEventListener<K extends keyof UiEditorChipEditorEventMap>(type: K, listener: (this: UiEditorChipEditorElement, event: UiEditorChipEditorEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiEditorChipEditorElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiEditorChipEditorEventMap>(type: K, listener: (this: UiEditorChipEditorElement, event: UiEditorChipEditorEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiEditorChipEditorElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiEditorChipEditorProps {
   color?: "neutral" | "blue" | "green" | "yellow" | "red" | "purple" | null;
@@ -16,3 +20,8 @@ export interface UiEditorChipEditorProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiEditorChipEditor(props?: UiEditorChipEditorProps): UiEditorChipEditorElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-editor-chip-editor": { element: UiEditorChipEditorElement; props: Omit<UiEditorChipEditorProps, "attributes" | "children" | "slots"> };
+  }
+}