@threadlabs/looma 0.30.2 → 0.30.3

package/vanilla/UiMeter.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 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, defineComponent, subtract, multiply } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 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, generatedInputs, awaitInput, evaluateInput, inputRead, READY_INPUT, UNRESOLVED_INPUT, notifyPropertySet, RangedIndexedList, readonlyView, checkFormat, checkList, checkNumber, checkObject, checkString, defineComponent, subtract, multiply } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-meter.css";
 
 const T0 = ["",[],"\n    ",1,"\n    ",1,"\n  "];
@@ -9,8 +9,8 @@ const T3 = ["",[],"\n        ",1,"\n      "];
 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 = { 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] } } };
+const S = { n: ["amount","percent"], t: ["?","?"], f: import.meta.url, g: "ui-meter", k: 0, r: readonlyView, b: generatedInputs };
+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)] }, "tone": { "required":false,"values":["neutral","accent","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "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)] } } };
 
 export function createUiMeter(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -23,16 +23,18 @@ export function createUiMeter(options = {}, html) {
   element.append((P0 ??= buildTemplate(T0)).cloneNode(true));
   const v = [undefined, undefined, null, null, null, null, null, null, null, null, null];
   const B = acceptProps(element, D, S.n, v, componentProps, [], html);
-  const X = { e: 0, g: (j) => g(j), w: new Set() };
+  const CS = [];
+  const inputStatus = (j) => { if (j >= 0 && j < 2) { g(j); return CS[j] ?? UNRESOLVED_INPUT; } if (j === 2) return awaitInput(B, "label", true); if (j === 3) return awaitInput(B, "max", true); if (j === 4) return awaitInput(B, "parts", true); if (j === 5) return awaitInput(B, "segments", true); if (j === 6) return awaitInput(B, "size", true); if (j === 7) return awaitInput(B, "tone", true); if (j === 8) return awaitInput(B, "value", true); if (j === 9) return awaitInput(B, "valueText", true); if (j === 10) return awaitInput(B, "variant", true); return v[j] === undefined ? UNRESOLVED_INPUT : READY_INPUT; };
+  const X = { e: 0, g: (j) => g(j), w: new Set(), a: CS, i: inputStatus };
   const ke = [];
-  const K = [() => mathCall("clamp", [0, v[8], v[3]], undefined, []), () => readIndex(recordValue(["true","false"], [binaryValue("*", binaryValue("/", g(0), v[3]), 100, undefined, undefined, multiply), 0]), textCall("concat", [binaryValue(">", v[3], 0)]))];
+  const K = [() => mathCall("clamp", [0, inputRead(v[8], inputStatus(8)), inputRead(v[3], inputStatus(3))], undefined, []), () => readIndex(recordValue(["true","false"], [binaryValue("*", binaryValue("/", inputRead(g(0), inputStatus(0)), inputRead(v[3], inputStatus(3))), 100, undefined, undefined, multiply), 0]), textCall("concat", [binaryValue(">", inputRead(v[3], inputStatus(3)), 0)]))];
   const g = (j) => {
     const i = j - 0;
     if (ke[i] === X.e) return v[j];
     if (ke[i] === -1) computedCycle();
     ke[i] = -1;
     let next;
-    try { next = K[i](); } catch (error) { ke[i] = undefined; throw error; }
+    try { const result = evaluateInput(K[i], CS[j], NONCONFORMING), previousStatus = CS[j]; CS[j] = result.status; notifyPropertySet(CS, j, previousStatus, result.status, undefined); next = !result.status.ready ? null : result.value === NONCONFORMING ? v[j] : result.value; } catch (error) { ke[i] = undefined; throw error; }
     ke[i] = X.e;
     const previous = v[j];
     if (!Object.is(previous, next)) { v[j] = next; X.n?.(j, previous, next); }

package/vanilla/UiNavItem.d.ts

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

package/vanilla/UiNavItem.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 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, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, armElement, replaceRoot, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-nav-item.css";
 
 const T0 = ["",[],"\n      ",["span",["class","indicator","aria-hidden","true"]],"\n      ",["span",["class","leading"],4],"\n      ",["span",["class","content"],"\n        ",["span",["class","label"],4],"\n        ",["span",["class","description"],4],"\n      "],"\n      ",["span",["class","trailing"],4],"\n    "];
@@ -13,15 +13,15 @@ const T7 = ["",[]];
 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 S = { n: [], t: [], f: import.meta.url, g: "ui-nav-item", b: generatedInputs };
 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 = { 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] } } };
+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)] }, "current": { "required":false,"values":["true","false","page","step","location"],"default":"false", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "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)] } } };
 
 export function createUiNavItem(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
   const v = [null, null, null, null, null, null, null];
-  acceptProps(undefined, D, S.n, v, componentProps, [], html);
+  let B = acceptProps(undefined, D, S.n, v, componentProps, [], html);
   let a = ((v[0] === "a") ? 0 : 1);
   let element;
   if (a === 0) {
@@ -40,7 +40,7 @@ export function createUiNavItem(options = {}, html) {
     if (!element.hasAttribute("type")) element.setAttribute("type", "button");
     element.setAttribute("data-component", "ui-nav-item");
   }
-  const B = acceptProps(element, D, S.n, v, componentProps, Q[a], html);
+  B = acceptProps(element, D, S.n, v, componentProps, Q[a], html);
   const m1 = (d) => {
     const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
     const r = { n };

package/vanilla/UiPageHeader.d.ts

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

package/vanilla/UiPageHeader.js

@@ -1,5 +1,5 @@
-// 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";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-page-header.css";
 
 const T0 = ["",[],"\n    ",["span",["class","leading"],4],"\n    ",["span",["class","copy"],"\n      ",["span",["class","eyebrow"],4],"\n      ",["h1",["class","title"],4],"\n      ",["span",["class","description"],4],"\n    "],"\n    ",["span",["class","actions"],4],"\n  "];
@@ -9,8 +9,8 @@ const T3 = ["",[]];
 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 = { 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] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-page-header", b: generatedInputs };
+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)] } } };
 
 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.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 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,13 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.58 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, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-popover/ui-popover.js";
 import "../styles/ui-popover.css";
 
 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 = { 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 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, b: generatedInputs, i: [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)] }, "size": { "required":false,"values":["content","sm","md","lg"],"default":"content", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 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.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiRadioEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiRadio.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-radio/ui-radio.js";
 import "../styles/ui-radio.css";
 
@@ -7,8 +7,8 @@ const T0 = ["",[],"\n    ",["input",["type","radio"]],"\n    ",["span",["class",
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-radio", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { g: "ui-radio", 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" }, "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" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false,"default":"on", c: checkString, t: "string", j: 0, m: "s" } } };
+const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-radio", d: { "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false] };
+const D = { g: "ui-radio", 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" }, "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" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false,"default":"on", c: checkString, t: "string", j: 0, m: "s" } } };
 const C = (host) => controller.default(host);
 
 export function createUiRadio(options = {}, html) {

package/vanilla/UiRadioGroup.d.ts

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

package/vanilla/UiRadioGroup.js

@@ -1,13 +1,13 @@
-// 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, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-radio-group/ui-radio-group.js";
 import "../styles/ui-radio-group.css";
 
 const T0 = ["",[],"\n    ",["legend",[],0],"\n    ",4,"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["internalValue"], t: ["s"], f: import.meta.url, g: "ui-radio-group", d: { "select": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { g: "ui-radio-group", 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" }, "label": { "required":false,"default":"Options", 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] }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "orientation": { "required":false,"values":["horizontal","vertical"],"default":"horizontal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
+const S = { n: ["internalValue"], t: ["s"], f: import.meta.url, g: "ui-radio-group", d: { "select": [detailCheck(checkObject([["value", checkString, false], ["previousValue", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "change": [detailCheck(checkObject([["checked", checkBoolean, false], ["value", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [""] };
+const D = { g: "ui-radio-group", 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" }, "label": { "required":false,"default":"Options", 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)] }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "orientation": { "required":false,"values":["horizontal","vertical"],"default":"horizontal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "required": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "value": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" } } };
 const C = (host) => controller.default(host);
 
 export function createUiRadioGroup(options = {}, html) {

package/vanilla/UiReel.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiReelEventMap {
 }
 export interface UiReelElement extends HTMLDivElement {

package/vanilla/UiReel.js

@@ -1,12 +1,12 @@
-// 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";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-reel.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-reel" };
-const D = { g: "ui-reel", props: { "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "itemWidth": { "required":false,"values":["sm","md","lg"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "snap": { "required":false,"values":["start","center"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-reel", b: generatedInputs };
+const D = { g: "ui-reel", props: { "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "itemWidth": { "required":false,"values":["sm","md","lg"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "snap": { "required":false,"values":["start","center"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiReel(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiScrollArea.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiScrollAreaEventMap {
 }
 export interface UiScrollAreaElement extends HTMLDivElement {

package/vanilla/UiScrollArea.js

@@ -1,13 +1,13 @@
-// 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";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-scroll-area/ui-scroll-area.js";
 import "../styles/ui-scroll-area.css";
 
 const T0 = ["",[],["div",["class","content"],4]];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-scroll-area" };
-const D = { g: "ui-scroll-area", props: { "fill": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "orientation": { "required":false,"values":["vertical","horizontal"],"default":"vertical", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "padding": { "required":false,"values":["none","xs","sm","md","lg"],"default":"none", 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] }, "trim": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-scroll-area", b: generatedInputs };
+const D = { g: "ui-scroll-area", props: { "fill": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "orientation": { "required":false,"values":["vertical","horizontal"],"default":"vertical", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "padding": { "required":false,"values":["none","xs","sm","md","lg"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["content","sm","md","lg"],"default":"content", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "trim": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 const C = (host) => controller.default(host);
 
 export function createUiScrollArea(options = {}, html) {

package/vanilla/UiSearchResultRow.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSearchResultRowEventMap {
 }
 export interface UiSearchResultRowElement extends HTMLButtonElement {

package/vanilla/UiSearchResultRow.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-search-result-row.css";
 
 const T0 = ["",[],"\n    ",["span",["class","leading"],4],"\n    ",["span",["class","content"],"\n      ",["span",["class","title"],4],"\n      ",["span",["class","meta"],4],"\n      ",["span",["class","excerpt"],4],"\n    "],"\n    ",["span",["class","trailing"],4],"\n  "];
@@ -9,8 +9,8 @@ const T3 = ["",[]];
 const T4 = ["",[]];
 const T5 = ["",[]];
 let P0, P1, P2, P3, P4, P5;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-search-result-row" };
-const D = { g: "ui-search-result-row", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", 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" }, "selected": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-search-result-row", b: generatedInputs };
+const D = { g: "ui-search-result-row", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "disabled": { "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" } } };
 
 export function createUiSearchResultRow(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiSearchShell.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSearchShellEventMap {
   close: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiSearchShell.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-search-shell/ui-search-shell.js";
 import "../styles/ui-search-shell.css";
 
@@ -9,7 +9,7 @@ const T2 = ["",[]];
 const T3 = ["",[]];
 const T4 = ["",[]];
 let P0, P1, P2, P3, P4;
-const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-search-shell", d: { "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 S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-search-shell", d: { "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, b: generatedInputs, i: [false] };
 const D = { g: "ui-search-shell", props: { "dismissible": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "label": { "required":false,"default":"Search", c: checkString, t: "string", j: 0, m: "s" }, "modal": { "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);
 

package/vanilla/UiSection.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSectionEventMap {
 }
 export interface UiSectionElement extends HTMLElement {

package/vanilla/UiSection.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-section.css";
 
 const T0 = ["",[],"\n    ",["span",["class","head"],"\n      ",["span",["class","copy"],"\n        ",["h2",["class","heading"],0],"\n        ",["span",["class","description"],4],"\n      "],"\n      ",["span",["class","actions"],4],"\n    "],"\n    ",["span",["class","body"],4],"\n  "];
@@ -7,8 +7,8 @@ const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
 let P0, P1, P2, P3;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-section" };
-const D = { g: "ui-section", props: { "heading": { "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] }, "variant": { "required":false,"values":["plain","card","divided"],"default":"plain", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-section", b: generatedInputs };
+const D = { g: "ui-section", props: { "heading": { "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)] }, "variant": { "required":false,"values":["plain","card","divided"],"default":"plain", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiSection(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiSelect.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSelectEventMap {
 }
 export interface UiSelectElement extends HTMLSelectElement {

package/vanilla/UiSelect.js

@@ -1,13 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-select/ui-select.js";
 import "../styles/ui-select.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-select" };
-const D = { g: "ui-select", 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" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-select", b: generatedInputs };
+const D = { g: "ui-select", 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" }, "size": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "value": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
 const C = (host) => controller.default(host);
 
 export function createUiSelect(options = {}, html) {

package/vanilla/UiSeparator.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSeparatorEventMap {
 }
 export interface UiSeparatorElement extends HTMLHRElement {

package/vanilla/UiSeparator.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, toAttribute, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, toAttribute, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-separator.css";
 
-const S = { n: [], t: [], f: import.meta.url, g: "ui-separator" };
-const D = { g: "ui-separator", props: { "emphasis": { "required":false,"values":["normal","strong"],"default":"normal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "orientation": { "required":false,"values":["horizontal","vertical"],"default":"horizontal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "selectable": { "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" } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-separator", b: generatedInputs };
+const D = { g: "ui-separator", props: { "emphasis": { "required":false,"values":["normal","strong"],"default":"normal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "orientation": { "required":false,"values":["horizontal","vertical"],"default":"horizontal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "selectable": { "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" } } };
 
 export function createUiSeparator(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiSidebar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSidebarEventMap {
   resize: CustomEvent<{ readonly width: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   toggle: CustomEvent<{ readonly open: boolean; readonly mode: "docked" | "drawer"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;

package/vanilla/UiSidebar.js

@@ -1,13 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-sidebar/ui-sidebar.js";
 import "../styles/ui-sidebar.css";
 
 const T0 = ["",[],"\n    ",["div",["class","viewport"],["div",["class","content"],4]],"\n    ",["div",["class","resizer","role","separator","aria-orientation","vertical","tabindex","0","data-ui-affordance","resize"],"\n      ",["span",["class","guide","aria-hidden","true"]],"\n    "],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["internalCollapsed","drawer","resizing"], t: ["b","b","b"], f: import.meta.url, g: "ui-sidebar", d: { "resize": [detailCheck(checkObject([["width", checkNumber, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "toggle": [detailCheck(checkObject([["open", checkBoolean, false], ["mode", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["docked","drawer"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { g: "ui-sidebar", props: { "breakpoint": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "collapsed": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxWidth": { "required":false,"default":480, c: checkNumber, t: "number", j: 0, m: "n" }, "minWidth": { "required":false,"default":200, c: checkNumber, t: "number", j: 0, m: "n" }, "resizable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "resizeLabel": { "required":false,"default":"Resize sidebar", c: checkString, t: "string", j: 0, m: "s" }, "resizeStep": { "required":false,"default":16, c: checkNumber, t: "number", j: 0, m: "n" }, "side": { "required":false,"values":["start","end"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "width": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" } } };
+const S = { n: ["internalCollapsed","drawer","resizing"], t: ["b","b","b"], f: import.meta.url, g: "ui-sidebar", d: { "resize": [detailCheck(checkObject([["width", checkNumber, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "toggle": [detailCheck(checkObject([["open", checkBoolean, false], ["mode", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["docked","drawer"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, false, false] };
+const D = { g: "ui-sidebar", props: { "breakpoint": { "required":false,"values":["sm","md","lg"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "collapsed": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxWidth": { "required":false,"default":480, c: checkNumber, t: "number", j: 0, m: "n" }, "minWidth": { "required":false,"default":200, c: checkNumber, t: "number", j: 0, m: "n" }, "resizable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "resizeLabel": { "required":false,"default":"Resize sidebar", c: checkString, t: "string", j: 0, m: "s" }, "resizeStep": { "required":false,"default":16, c: checkNumber, t: "number", j: 0, m: "n" }, "side": { "required":false,"values":["start","end"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "width": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" } } };
 const C = (host) => controller.default(host);
 
 export function createUiSidebar(options = {}, html) {

package/vanilla/UiSpinner.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSpinnerEventMap {
 }
 export interface UiSpinnerElement extends HTMLSpanElement {

package/vanilla/UiSpinner.js

@@ -1,11 +1,11 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-spinner.css";
 
 const T0 = ["",[],"\n    ",["svg",["viewBox","0 0 50 50","fill","none","aria-hidden","true","focusable","false"],["circle",["class","track","cx","25","cy","25","r","20"]],["circle",["class","arc","cx","25","cy","25","r","20"]]],"\n  "];
 let P0;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-spinner" };
-const D = { g: "ui-spinner", props: { "label": { "required":false,"default":"", 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 S = { n: [], t: [], f: import.meta.url, g: "ui-spinner", b: generatedInputs };
+const D = { g: "ui-spinner", props: { "label": { "required":false,"default":"", 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)] } } };
 
 export function createUiSpinner(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiStack.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiStackEventMap {
 }
 export interface UiStackElement extends HTMLDivElement {

package/vanilla/UiStack.js

@@ -1,12 +1,12 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toText, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, checkNumber, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toText, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkFormat, checkNumber, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-stack.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-stack" };
-const D = { g: "ui-stack", props: { "align": { "required":false,"values":["start","center","end","stretch"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "fill": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "gap": { "required":false,"values":["none","xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "height": { "required":false, c: checkNumber, t: "number", j: 0, m: "n" }, "justify": { "required":false,"values":["start","center","end","between"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-stack", b: generatedInputs };
+const D = { g: "ui-stack", props: { "align": { "required":false,"values":["start","center","end","stretch"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "fill": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "gap": { "required":false,"values":["none","xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "height": { "required":false, c: checkNumber, t: "number", j: 0, m: "n" }, "justify": { "required":false,"values":["start","center","end","between"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiStack(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiStatusMessage.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiStatusMessageEventMap {
 }
 export interface UiStatusMessageElement extends HTMLDivElement {

package/vanilla/UiStatusMessage.js

@@ -1,13 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-status-message.css";
 
 const T0 = ["",[],"\n    ",["ui-spinner",["size","sm"]],"\n    ",["span",["class","copy"],"\n      ",["strong",["class","heading"],0],"\n      ",["span",["class","message"],4],"\n    "],"\n    ",["span",["class","action"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-status-message" };
-const D = { g: "ui-status-message", props: { "heading": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "kind": { "required":false,"values":["empty","loading","error"],"default":"empty", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "layout": { "required":false,"values":["inline","panel","fill"],"default":"inline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-status-message", b: generatedInputs };
+const D = { g: "ui-status-message", props: { "heading": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "kind": { "required":false,"values":["empty","loading","error"],"default":"empty", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "layout": { "required":false,"values":["inline","panel","fill"],"default":"inline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiStatusMessage(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiSwatch.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.63 for Vanilla DOM. Do not edit.
 export interface UiSwatchEventMap {
 }
 export interface UiSwatchElement extends HTMLInputElement {