@threadlabs/looma 0.28.13 → 0.28.15

package/vanilla/UiEditorTableToolbar.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, KeyedList, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, formatOf, keywordFormat, acceptProps, manageProps, checkBoolean, checkConstrained, checkFormat, checkList, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-table-toolbar/ui-editor-table-toolbar.js";
 import "../styles/ui-editor-table-toolbar.css";
@@ -19,7 +19,7 @@ const T12 = ["button",["type","button"],["ui-icon",[]],["span",[],0]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12;
 const E = new Map();
 const S = { n: ["alignments","structure","swatches","sections","hasOverflow","overflowOpen"], t: [["l",["o",["action",["p",formatOf(keywordFormat),false],"label","s","active","b"]]],["l",["o",["action",["p",formatOf(keywordFormat),false],"label","s","icon","s"]]],["l",["o",["action","s","label","s","color","s","selected","b"]]],["l",["o",["heading","s","items",["l",["o",["action","s","label","s","icon","s","danger","b","checkable","b","checked","b"]]]]]],"b","b"], f: import.meta.url, g: "ui-editor-table-toolbar", d: { "action": [detailCheck(checkObject([["action", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["align-left","align-center","align-right","background-none","background-gray","background-yellow","background-blue","background-green","background-red","add-row-before","add-row-after","add-column-before","add-column-after","toggle-header-row","toggle-header-column","move-row-up","move-row-down","move-column-left","move-column-right","clear-cells","merge-cells","split-cell","delete-row","delete-column","delete-table"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { props: { "actions": { "required":false, c: checkList(checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["align-left","align-center","align-right","background-none","background-gray","background-yellow","background-blue","background-green","background-red","add-row-before","add-row-after","add-column-before","add-column-after","toggle-header-row","toggle-header-column","move-row-up","move-row-down","move-column-left","move-column-right","clear-cells","merge-cells","split-cell","delete-row","delete-column","delete-table"]})), j: 1, m: ["l",["p",formatOf(keywordFormat),false]] }, "cellAlignment": { "required":false,"values":["left","center","right"],"default":"left", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "cellBackground": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "headerColumn": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "headerRow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const D = { g: "ui-editor-table-toolbar", props: { "actions": { "required":false, c: checkList(checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["align-left","align-center","align-right","background-none","background-gray","background-yellow","background-blue","background-green","background-red","add-row-before","add-row-after","add-column-before","add-column-after","toggle-header-row","toggle-header-column","move-row-up","move-row-down","move-column-left","move-column-right","clear-cells","merge-cells","split-cell","delete-row","delete-column","delete-table"]})), j: 1, m: ["l",["p",formatOf(keywordFormat),false]] }, "cellAlignment": { "required":false,"values":["left","center","right"],"default":"left", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "cellBackground": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "headerColumn": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "headerRow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 const C = (host) => controller.default(host);
 
 export function createUiEditorTableToolbar(options = {}, html) {

package/vanilla/UiEditorToolbar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiEditorToolbarEventMap {
 }
 export interface UiEditorToolbarElement extends HTMLDivElement {

package/vanilla/UiEditorToolbar.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-editor-toolbar/ui-editor-toolbar.js";
 import "../styles/ui-editor-toolbar.css";
@@ -7,7 +7,7 @@ const T0 = ["",[],["div",["class","strip"],4]];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-editor-toolbar" };
-const D = { props: { "floating": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const D = { g: "ui-editor-toolbar", props: { "floating": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 const C = (host) => controller.default(host);
 
 export function createUiEditorToolbar(options = {}, html) {

package/vanilla/UiFloatingActionButton.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiFloatingActionButtonEventMap {
 }
 export interface UiFloatingActionButtonElement extends HTMLButtonElement {

package/vanilla/UiFloatingActionButton.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-floating-action-button.css";
 
@@ -6,7 +6,7 @@ const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-floating-action-button" };
-const D = { props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "mobileOnly": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const D = { g: "ui-floating-action-button", props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "mobileOnly": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 
 export function createUiFloatingActionButton(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiFormField.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiFormFieldEventMap {
 }
 export interface UiFormFieldElement extends HTMLDivElement {

package/vanilla/UiFormField.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-form-field/ui-form-field.js";
 import "../styles/ui-form-field.css";
@@ -11,7 +11,7 @@ const T4 = ["",[]];
 const T5 = ["",[]];
 let P0, P1, P2, P3, P4, P5;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-form-field" };
-const D = { props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "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" } } };
+const D = { g: "ui-form-field", props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "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" } } };
 const C = (host) => controller.default(host);
 
 export function createUiFormField(options = {}, html) {

package/vanilla/UiGrid.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiGridEventMap {
 }
 export interface UiGridElement extends HTMLDivElement {

package/vanilla/UiGrid.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toText, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkInteger } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-grid.css";
 
@@ -6,7 +6,7 @@ const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-grid" };
-const D = { props: { "columns": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "min": { "required":false,"values":["sm","md","lg"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-grid", props: { "columns": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "min": { "required":false,"values":["sm","md","lg"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
 export function createUiGrid(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiIcon.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiIconEventMap {
 }
 export interface UiIconElement extends HTMLSpanElement {

package/vanilla/UiIcon.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, readIndex, readMember, toAttribute, trackContainer, writeAttribute, computedCycle, IndexedList, acceptProps, manageProps, readonlyView, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-icon.css";
 
@@ -11,7 +11,7 @@ const T5 = ["line",[]];
 let P0, P1, P2, P3, P4, P5;
 const E = new Map();
 const S = { n: ["shapes"], t: ["?"], f: import.meta.url, g: "ui-icon", k: 0, r: readonlyView };
-const D = { props: { "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
+const D = { g: "ui-icon", props: { "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
 
 export function createUiIcon(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiIconButton.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiIconButtonEventMap {
 }
 export interface UiIconButtonElement extends HTMLButtonElement {

package/vanilla/UiIconButton.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-icon-button/ui-icon-button.js";
 import "../styles/ui-icon-button.css";
@@ -8,7 +8,7 @@ const T1 = ["ui-spinner",["size","sm"]];
 const T2 = ["",[]];
 let P0, P1, P2;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-icon-button" };
-const D = { props: { "anticipatory": { "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" }, "guide": { "required":false,"values":["dot","bar"],"default":"dot", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "label": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "matchButton": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "pending": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "round": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tone": { "required":false,"values":["accent","neutral"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["ghost","outline","solid"],"default":"ghost", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-icon-button", props: { "anticipatory": { "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" }, "guide": { "required":false,"values":["dot","bar"],"default":"dot", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "label": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "matchButton": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "pending": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "round": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tone": { "required":false,"values":["accent","neutral"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["ghost","outline","solid"],"default":"ghost", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 const C = (host) => controller.default(host);
 
 export function createUiIconButton(options = {}, html) {
@@ -22,7 +22,7 @@ export function createUiIconButton(options = {}, html) {
   element.setAttribute("data-component", "ui-icon-button");
   element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
   const v = [null, null, null, null, null, null, null, null, null, null, null];
-  const B = acceptProps(element, D, S.n, v, componentProps, ["matchButton"], html);
+  const B = acceptProps(element, D, S.n, v, componentProps, [], html);
   const m1 = (d) => {
     const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
     const r = { n };

package/vanilla/UiImage.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiImageEventMap {
   resize: CustomEvent<{ readonly width: number; readonly height: number; readonly phase: "preview" | "commit" | "cancel"; readonly trigger: "pointer" | "keyboard" }>;
 }

package/vanilla/UiImage.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-image/ui-image.js";
 import "../styles/ui-image.css";
@@ -8,7 +8,7 @@ const T1 = ["",[],["img",[]]];
 const T2 = ["",[]];
 let P0, P1, P2;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-image", d: { "resize": [detailCheck(checkObject([["width", checkInteger, false], ["height", checkInteger, false], ["phase", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["preview","commit","cancel"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["pointer","keyboard"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { props: { "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "height": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "placement": { "required":false,"values":["block","center","wrap-left","wrap-right"],"default":"block", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "resizable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selected": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "src": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "width": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" } } };
+const D = { g: "ui-image", props: { "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "height": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "placement": { "required":false,"values":["block","center","wrap-left","wrap-right"],"default":"block", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "resizable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selected": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "src": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "width": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" } } };
 const C = (host) => controller.default(host);
 
 export function createUiImage(options = {}, html) {

package/vanilla/UiInput.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiInputEventMap {
 }
 export interface UiInputElement extends HTMLInputElement {

package/vanilla/UiInput.js

@@ -1,10 +1,10 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, NONCONFORMING, toAttribute, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, checkSelected, checkBoolean, checkFormat, checkNumber, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-input/ui-input.js";
 import "../styles/ui-input.css";
 
 const S = { n: [], t: [], f: import.meta.url, g: "ui-input" };
-const D = { props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "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" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "type": { "required":false,"values":["text","search","tel","url","email","password","date","month","week","time","datetime-local","number","range","color","file"],"default":"text", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false, select: { from: "type", options: [{ value: "text", c: checkString, t: "string", j: 0, m: "s" }, { value: "search", c: checkString, t: "string", j: 0, m: "s" }, { value: "tel", c: checkString, t: "string", j: 0, m: "s" }, { value: "url", c: checkString, t: "string", j: 0, m: "s" }, { value: "email", c: checkString, t: "string", j: 0, m: "s" }, { value: "password", c: checkString, t: "string", j: 0, m: "s" }, { value: "date", c: checkString, t: "string", j: 0, m: "s" }, { value: "month", c: checkString, t: "string", j: 0, m: "s" }, { value: "week", c: checkString, t: "string", j: 0, m: "s" }, { value: "time", c: checkString, t: "string", j: 0, m: "s" }, { value: "datetime-local", c: checkString, t: "string", j: 0, m: "s" }, { value: "number", c: checkNumber, t: "number", j: 0, m: "n" }, { value: "range", c: checkNumber, t: "number", j: 0, m: "n" }, { value: "color", c: checkString, t: "string", j: 0, m: "s" }, { value: "file", c: checkString, t: "string", j: 0, m: "s" }] } } } };
+const D = { g: "ui-input", props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "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" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "type": { "required":false,"values":["text","search","tel","url","email","password","date","month","week","time","datetime-local","number","range","color","file"],"default":"text", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false, select: { from: "type", options: [{ value: "text", c: checkString, t: "string", j: 0, m: "s" }, { value: "search", c: checkString, t: "string", j: 0, m: "s" }, { value: "tel", c: checkString, t: "string", j: 0, m: "s" }, { value: "url", c: checkString, t: "string", j: 0, m: "s" }, { value: "email", c: checkString, t: "string", j: 0, m: "s" }, { value: "password", c: checkString, t: "string", j: 0, m: "s" }, { value: "date", c: checkString, t: "string", j: 0, m: "s" }, { value: "month", c: checkString, t: "string", j: 0, m: "s" }, { value: "week", c: checkString, t: "string", j: 0, m: "s" }, { value: "time", c: checkString, t: "string", j: 0, m: "s" }, { value: "datetime-local", c: checkString, t: "string", j: 0, m: "s" }, { value: "number", c: checkNumber, t: "number", j: 0, m: "n" }, { value: "range", c: checkNumber, t: "number", j: 0, m: "n" }, { value: "color", c: checkString, t: "string", j: 0, m: "s" }, { value: "file", c: checkString, t: "string", j: 0, m: "s" }] } } } };
 const C = (host) => controller.default(host);
 
 export function createUiInput(options = {}, html) {

package/vanilla/UiInputGroup.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiInputGroupEventMap {
 }
 export interface UiInputGroupElement extends HTMLDivElement {

package/vanilla/UiInputGroup.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 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";
 import * as controller from "../components/ui-input-group/ui-input-group.js";
 import "../styles/ui-input-group.css";
@@ -10,7 +10,7 @@ const T3 = ["",[]];
 const T4 = ["",[]];
 let P0, P1, P2, P3, P4;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-input-group" };
-const D = { props: { "actionPosition": { "required":false,"values":["below","top-end"],"default":"below", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "multiline": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "prefixKind": { "required":false,"values":["text","icon"],"default":"text", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["outline","subtle"],"default":"outline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-input-group", props: { "actionPosition": { "required":false,"values":["below","top-end"],"default":"below", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "multiline": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "prefixKind": { "required":false,"values":["text","icon"],"default":"text", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["outline","subtle"],"default":"outline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 const C = (host) => controller.default(host);
 
 export function createUiInputGroup(options = {}, html) {

package/vanilla/UiList.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiListEventMap {
 }
 export interface UiListElement extends HTMLElement {

package/vanilla/UiList.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-list.css";
 
@@ -8,9 +8,9 @@ const T2 = ["",[],4];
 const T3 = ["",[]];
 let P0, P1, P2, P3;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-list" };
-const A = [["ol",{},[],"",[],["data-ui-list-state","data-as","data-density","data-layout","data-markers"]],["ul",{"role":"list"},[],"",[],["data-ui-list-state","data-as","data-density","data-layout","data-markers"]]];
+const A = [["ol",{},[],"",[],["data-ui-list-state","data-ui-list-prop-as","data-ui-list-prop-density","data-ui-list-prop-layout","data-ui-list-prop-markers"]],["ul",{"role":"list"},[],"",[],["data-ui-list-state","data-ui-list-prop-as","data-ui-list-prop-density","data-ui-list-prop-layout","data-ui-list-prop-markers"]]];
 const Q = [[],[]];
-const D = { props: { "as": { "required":false,"values":["ul","ol"],"default":"ul", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "layout": { "required":false,"values":["rows","grid"],"default":"rows", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "markers": { "required":false,"values":["none","disc"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-list", props: { "as": { "required":false,"values":["ul","ol"],"default":"ul", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "layout": { "required":false,"values":["rows","grid"],"default":"rows", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "markers": { "required":false,"values":["none","disc"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
 export function createUiList(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiListItem.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiListItemEventMap {
 }
 export interface UiListItemElement extends HTMLLIElement {

package/vanilla/UiListItem.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-list-item.css";
 
@@ -9,7 +9,7 @@ const T3 = ["",[]];
 const T4 = ["",[]];
 let P0, P1, P2, P3, P4;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-list-item" };
-const D = { props: { "align": { "required":false,"values":["center","title"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "current": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "highlighted": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "leadingInteractive": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "variant": { "required":false,"values":["row","card"],"default":"row", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "wrap": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const D = { g: "ui-list-item", props: { "align": { "required":false,"values":["center","title"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "current": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "highlighted": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "leadingInteractive": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "variant": { "required":false,"values":["row","card"],"default":"row", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "wrap": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 
 export function createUiListItem(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiListbox.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiListboxEventMap {
   change: CustomEvent<{ readonly value: string | null; readonly values: readonly (string)[]; readonly trigger: "keyboard" | "pointer" }>;
 }

package/vanilla/UiListbox.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, negate, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, visitSelected, writeAttribute, dispatchDeclared, detailCheck, dispose, IndexedList, keywordFormat, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkList, checkNull, checkNumber, checkObject, checkString, checkUnion } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-listbox/ui-listbox.js";
 import "../styles/ui-listbox.css";
@@ -11,7 +11,7 @@ const T4 = ["input",["type","hidden"]];
 let P0, P1, P2, P3, P4;
 const E = new Map();
 const S = { n: ["choices","selection","hasSelection","active","uid","validationError"], t: [["l",["o",["value","s","label","s","disabled","b","selected","b","index","i"]]],["l","s"],"b","i","s","b"], f: import.meta.url, g: "ui-listbox", d: { "change": [detailCheck(checkObject([["value", checkUnion([checkString, checkNull], "string | null"), false], ["values", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "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" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "rows": { "required":false,"default":5, c: checkNumber, t: "number", j: 0, m: "n" }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "values": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] } } };
+const D = { g: "ui-listbox", props: { "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "invalid": { "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" }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "rows": { "required":false,"default":5, c: checkNumber, t: "number", j: 0, m: "n" }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "values": { "required":false, c: checkList(checkString), j: 1, m: ["l","s"] } } };
 const C = (host) => controller.default(host);
 
 export function createUiListbox(options = {}, html) {

package/vanilla/UiMenu.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiMenuEventMap {
   select: CustomEvent<{ readonly value: string; readonly checked?: boolean; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   open: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;

package/vanilla/UiMenu.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-menu/ui-menu.js";
 import "../styles/ui-menu.css";
@@ -7,7 +7,7 @@ const T0 = ["",[],["div",["class","surface"],4]];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-menu", d: { "select": [detailCheck(checkObject([["value", checkString, false], ["checked", checkBoolean, true], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "icons": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "inline": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placement": { "required":false,"default":"bottom-start", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-menu", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "icons": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "inline": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placement": { "required":false,"default":"bottom-start", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 const C = (host) => controller.default(host);
 
 export function createUiMenu(options = {}, html) {

package/vanilla/UiMenuGroup.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiMenuGroupEventMap {
 }
 export interface UiMenuGroupElement extends HTMLDivElement {

package/vanilla/UiMenuGroup.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, toAttribute, toText, truthy, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-menu-group.css";
 
@@ -7,7 +7,7 @@ const T1 = ["div",["class","heading"],0];
 const T2 = ["",[]];
 let P0, P1, P2;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-menu-group" };
-const D = { props: { "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
+const D = { g: "ui-menu-group", props: { "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
 
 export function createUiMenuGroup(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiMenuItem.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiMenuItemEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly type: "checkbox" | "radio"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiMenuItem.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-menu-item/ui-menu-item.js";
 import "../styles/ui-menu-item.css";
@@ -14,9 +14,9 @@ const T7 = ["",[]];
 const T8 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8;
 const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-menu-item", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["type", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["checkbox","radio"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const A = [["a",{"role":"menuitem","tabindex":"-1"},[],"",[],["data-ui-menu-item-state","data-checked","data-disabled","data-href","data-tone","data-type","data-value","aria-disabled","data-value","href"]],["div",{"tabindex":"-1"},[],"",[],["data-ui-menu-item-state","data-checked","data-disabled","data-href","data-tone","data-type","data-value","role","aria-checked","aria-disabled","data-value"]]];
-const Q = [["value"],["value"]];
-const D = { props: { "checked": { "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" }, "href": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["neutral","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "type": { "required":false,"values":["action","checkbox","radio"],"default":"action", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
+const A = [["a",{"role":"menuitem","tabindex":"-1"},[],"",[],["data-ui-menu-item-state","data-ui-menu-item-prop-checked","data-ui-menu-item-prop-disabled","data-ui-menu-item-prop-href","data-ui-menu-item-prop-tone","data-ui-menu-item-prop-type","data-ui-menu-item-prop-value","aria-disabled","data-value","href"]],["div",{"tabindex":"-1"},[],"",[],["data-ui-menu-item-state","data-ui-menu-item-prop-checked","data-ui-menu-item-prop-disabled","data-ui-menu-item-prop-href","data-ui-menu-item-prop-tone","data-ui-menu-item-prop-type","data-ui-menu-item-prop-value","role","aria-checked","aria-disabled","data-value"]]];
+const Q = [[],[]];
+const D = { g: "ui-menu-item", props: { "checked": { "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" }, "href": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["neutral","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "type": { "required":false,"values":["action","checkbox","radio"],"default":"action", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
 const C = (host) => controller.default(host);
 
 export function createUiMenuItem(options = {}, html) {

package/vanilla/UiMeter.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiMeterEventMap {
 }
 export interface UiMeterElement extends HTMLSpanElement {

package/vanilla/UiMeter.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, binaryValue, buildTemplate, clearRegion, formatCall, mathCall, NONCONFORMING, readIndex, readMember, recordValue, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, computedCycle, formatOf, keywordFormat, hostState, acceptProps, manageProps, RangedIndexedList, readonlyView, checkFormat, checkList, checkNumber, checkObject, checkString, subtract, multiply } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-meter.css";
 
@@ -10,7 +10,7 @@ const T4 = ["span",["class","part","aria-hidden","true"]];
 let P0, P1, P2, P3, P4;
 const E = new Map();
 const S = { n: ["amount","percent"], t: ["?","?"], f: import.meta.url, g: "ui-meter", k: 0, r: readonlyView };
-const D = { props: { "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "max": { "required":false,"default":1, c: checkNumber, t: "number", j: 0, m: "n" }, "parts": { "required":false,"default":[], c: checkList(checkObject([["value", checkNumber, false], ["color", checkString, false]], false)), j: 1, m: ["l",["o",["value","n","color","s"]]] }, "segments": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "size": { "required":false,"values":["sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tone": { "required":false,"values":["neutral","accent","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "valueText": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "variant": { "required":false,"values":["progress","distribution"],"default":"progress", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-meter", props: { "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "max": { "required":false,"default":1, c: checkNumber, t: "number", j: 0, m: "n" }, "parts": { "required":false,"default":[], c: checkList(checkObject([["value", checkNumber, false], ["color", checkString, false]], false)), j: 1, m: ["l",["o",["value","n","color","s"]]] }, "segments": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "size": { "required":false,"values":["sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tone": { "required":false,"values":["neutral","accent","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "valueText": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "variant": { "required":false,"values":["progress","distribution"],"default":"progress", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
 export function createUiMeter(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiNavItem.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiNavItemEventMap {
 }
 export interface UiNavItemElement extends HTMLElement {

package/vanilla/UiNavItem.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-nav-item.css";
 
@@ -14,9 +14,9 @@ const T8 = ["",[]];
 const T9 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-nav-item" };
-const A = [["a",{},[],"",[],["data-ui-nav-item-state","data-as","data-current","data-density","data-href","data-rel","data-target","data-variant","href","target","rel","aria-current"]],["button",{"type":"button"},[],"",[],["data-ui-nav-item-state","data-as","data-current","data-density","data-href","data-rel","data-target","data-variant","aria-current"]]];
+const A = [["a",{},[],"",[],["data-ui-nav-item-state","data-ui-nav-item-prop-as","data-ui-nav-item-prop-current","data-ui-nav-item-prop-density","data-ui-nav-item-prop-href","data-ui-nav-item-prop-rel","data-ui-nav-item-prop-target","data-ui-nav-item-prop-variant","href","target","rel","aria-current"]],["button",{"type":"button"},[],"",[],["data-ui-nav-item-state","data-ui-nav-item-prop-as","data-ui-nav-item-prop-current","data-ui-nav-item-prop-density","data-ui-nav-item-prop-href","data-ui-nav-item-prop-rel","data-ui-nav-item-prop-target","data-ui-nav-item-prop-variant","aria-current"]]];
 const Q = [[],[]];
-const D = { props: { "as": { "required":false,"values":["button","a"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "current": { "required":false,"values":["true","false","page","step","location"],"default":"false", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "href": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "rel": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "target": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "variant": { "required":false,"values":["surface","line"],"default":"surface", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-nav-item", props: { "as": { "required":false,"values":["button","a"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "current": { "required":false,"values":["true","false","page","step","location"],"default":"false", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "href": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "rel": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "target": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "variant": { "required":false,"values":["surface","line"],"default":"surface", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
 export function createUiNavItem(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiPageHeader.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiPageHeaderEventMap {
 }
 export interface UiPageHeaderElement extends HTMLElement {

package/vanilla/UiPageHeader.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 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";
 import "../styles/ui-page-header.css";
 
@@ -10,7 +10,7 @@ const T4 = ["",[]];
 const T5 = ["",[]];
 let P0, P1, P2, P3, P4, P5;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-page-header" };
-const D = { props: { "align": { "required":false,"values":["start","center"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-page-header", props: { "align": { "required":false,"values":["start","center"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
 export function createUiPageHeader(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiPopover.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiPopoverEventMap {
   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" }>;

package/vanilla/UiPopover.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-popover/ui-popover.js";
 import "../styles/ui-popover.css";
@@ -7,7 +7,7 @@ const T0 = ["",[],["div",["class","surface"],4]];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-popover", d: { "open": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placement": { "required":false,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"],"default":"bottom-start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "size": { "required":false,"values":["content","sm","md","lg"],"default":"content", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-popover", props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "placement": { "required":false,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"],"default":"bottom-start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "size": { "required":false,"values":["content","sm","md","lg"],"default":"content", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 const C = (host) => controller.default(host);
 
 export function createUiPopover(options = {}, html) {

package/vanilla/UiRadio.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiRadioEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }