@threadlabs/looma 0.30.2 → 0.30.4

package/vanilla/UiSwatch.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, readIndex, toAttribute, writeAttribute, computedCycle, formatOf, keywordFormat, hostState, acceptProps, manageProps, readonlyView, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, NONCONFORMING, readIndex, toAttribute, writeAttribute, computedCycle, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, awaitInput, evaluateInput, inputRead, READY_INPUT, UNRESOLVED_INPUT, notifyPropertySet, readonlyView, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-swatch.css";
 
-const S = { n: ["toneName"], t: ["?"], f: import.meta.url, g: "ui-swatch", k: 0, r: readonlyView };
-const D = { g: "ui-swatch", props: { "tone": { "required":false,"values":["neutral","blue","green","yellow","red","purple"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: ["toneName"], t: ["?"], f: import.meta.url, g: "ui-swatch", k: 0, r: readonlyView, b: generatedInputs };
+const D = { g: "ui-swatch", props: { "tone": { "required":false,"values":["neutral","blue","green","yellow","red","purple"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiSwatch(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -16,16 +16,18 @@ export function createUiSwatch(options = {}, html) {
   element.setAttribute("data-component", "ui-swatch");
   const v = [undefined, 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 < 1) { g(j); return CS[j] ?? UNRESOLVED_INPUT; } if (j === 1) return awaitInput(B, "tone", 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 = [() => readIndex({ "neutral": "Neutral", "blue": "Blue", "green": "Green", "yellow": "Yellow", "red": "Red", "purple": "Purple" }, v[1])];
+  const K = [() => readIndex({ "neutral": "Neutral", "blue": "Blue", "green": "Green", "yellow": "Yellow", "red": "Red", "purple": "Purple" }, inputRead(v[1], inputStatus(1)))];
   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/UiSwitch.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.64 for Vanilla DOM. Do not edit.
 export interface UiSwitchEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiSwitch.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.64 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-switch/ui-switch.js";
 import "../styles/ui-switch.css";
 
@@ -7,8 +7,8 @@ const T0 = ["",[],"\n    ",["input",["type","checkbox","role","switch"]],"\n
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-switch", 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-switch", 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-switch", 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-switch", 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 createUiSwitch(options = {}, html) {

package/vanilla/UiSwitcher.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.64 for Vanilla DOM. Do not edit.
 export interface UiSwitcherEventMap {
 }
 export interface UiSwitcherElement extends HTMLDivElement {

package/vanilla/UiSwitcher.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, checkFormat, checkInteger, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkInteger, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-switcher/ui-switcher.js";
 import "../styles/ui-switcher.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["overLimit"], t: ["b"], f: import.meta.url, g: "ui-switcher" };
-const D = { g: "ui-switcher", props: { "align": { "required":false,"values":["start","center","end","stretch"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "limit": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "threshold": { "required":false,"values":["xs","sm","md","lg"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: ["overLimit"], t: ["b"], f: import.meta.url, g: "ui-switcher", b: generatedInputs, i: [false] };
+const D = { g: "ui-switcher", props: { "align": { "required":false,"values":["start","center","end","stretch"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "limit": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "threshold": { "required":false,"values":["xs","sm","md","lg"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 const C = (host) => controller.default(host);
 
 export function createUiSwitcher(options = {}, html) {

package/vanilla/UiTable.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.64 for Vanilla DOM. Do not edit.
 export interface UiTableEventMap {
 }
 export interface UiTableElement extends HTMLDivElement {

package/vanilla/UiTable.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.64 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-table/ui-table.js";
 import "../styles/ui-table.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-table" };
-const D = { g: "ui-table", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "stickyHeader": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-table", b: generatedInputs };
+const D = { g: "ui-table", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "stickyHeader": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 const C = (host) => controller.default(host);
 
 export function createUiTable(options = {}, html) {

package/vanilla/UiTabs.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.64 for Vanilla DOM. Do not edit.
 export interface UiTabsEventMap {
   select: CustomEvent<{ readonly value: string; readonly previousValue: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiTabs.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, writeAttribute, writeText, 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.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, writeAttribute, writeText, 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-tabs/ui-tabs.js";
 import "../styles/ui-tabs.css";
 
@@ -9,8 +9,8 @@ const T2 = ["button",["type","button","role","tab"],0];
 const T3 = ["",[]];
 let P0, P1, P2, P3;
 const E = new Map();
-const S = { n: ["internalValue","tabs"], t: ["s",["l",["o",["id","s","label","s"]]]], f: import.meta.url, g: "ui-tabs", 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] }, x: dispatchDeclared };
-const D = { g: "ui-tabs", props: { "activation": { "required":false,"values":["auto","manual"],"default":"auto", 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] }, "group": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"Tabs", 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] }, "stretch": { "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","tabs"], t: ["s",["l",["o",["id","s","label","s"]]]], f: import.meta.url, g: "ui-tabs", 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] }, x: dispatchDeclared, b: generatedInputs, i: ["", []] };
+const D = { g: "ui-tabs", props: { "activation": { "required":false,"values":["auto","manual"],"default":"auto", 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)] }, "group": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"Tabs", 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)] }, "stretch": { "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 createUiTabs(options = {}, html) {

package/vanilla/UiText.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.64 for Vanilla DOM. Do not edit.
 export interface UiTextEventMap {
 }
 export interface UiTextElement extends HTMLElement {

package/vanilla/UiText.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, armElement, replaceRoot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-text.css";
 
 const T0 = ["",[],4];
@@ -25,15 +25,15 @@ const T19 = ["",[]];
 const T20 = ["",[],4];
 const T21 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19, P20, P21;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-text" };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-text", b: generatedInputs };
 const A = [["span",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["div",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["small",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["strong",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["label",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h2",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h3",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h4",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h5",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["h6",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]],["p",{},[],"",[],["data-ui-text-state","data-ui-text-prop-align","data-ui-text-prop-as","data-ui-text-prop-font","data-ui-text-prop-grow","data-ui-text-prop-size","data-ui-text-prop-tone","data-ui-text-prop-trim","data-ui-text-prop-truncate","data-ui-text-prop-variant","data-ui-text-prop-weight","data-ui-text-prop-wrap"]]];
 const Q = [[],[],[],[],[],[],[],[],[],[],[]];
-const D = { g: "ui-text", props: { "align": { "required":false,"values":["start","center"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "as": { "required":false,"values":["p","span","div","small","strong","label","h2","h3","h4","h5","h6"],"default":"p", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "font": { "required":false,"values":["inherit","sans"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "grow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["inherit","xs","sm","md","lg"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "tone": { "required":false,"values":["default","secondary","muted","accent","danger","success","info","warning"],"default":"default", 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" }, "truncate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "variant": { "required":false,"values":["body","eyebrow","code"],"default":"body", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "weight": { "required":false,"values":["inherit","normal","medium","semibold"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "wrap": { "required":false,"values":["normal","anywhere"],"default":"normal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-text", props: { "align": { "required":false,"values":["start","center"],"default":"start", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "as": { "required":false,"values":["p","span","div","small","strong","label","h2","h3","h4","h5","h6"],"default":"p", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "font": { "required":false,"values":["inherit","sans"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "grow": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "size": { "required":false,"values":["inherit","xs","sm","md","lg"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "tone": { "required":false,"values":["default","secondary","muted","accent","danger","success","info","warning"],"default":"default", 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" }, "truncate": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "variant": { "required":false,"values":["body","eyebrow","code"],"default":"body", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "weight": { "required":false,"values":["inherit","normal","medium","semibold"],"default":"inherit", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "wrap": { "required":false,"values":["normal","anywhere"],"default":"normal", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiText(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
   const v = [null, null, null, null, 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[1] === "span") ? 0 : (v[1] === "div") ? 1 : (v[1] === "small") ? 2 : (v[1] === "strong") ? 3 : (v[1] === "label") ? 4 : (v[1] === "h2") ? 5 : (v[1] === "h3") ? 6 : (v[1] === "h4") ? 7 : (v[1] === "h5") ? 8 : (v[1] === "h6") ? 9 : 10);
   let element;
   if (a === 0) {
@@ -114,7 +114,7 @@ export function createUiText(options = {}, html) {
     }
     element.setAttribute("data-component", "ui-text");
   }
-  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/UiTextarea.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.64 for Vanilla DOM. Do not edit.
 export interface UiTextareaEventMap {
 }
 export interface UiTextareaElement extends HTMLTextAreaElement {

package/vanilla/UiTextarea.js

@@ -1,10 +1,10 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, toAttribute, toText, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, checkBoolean, checkFormat, checkInteger, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, toAttribute, toText, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, checkBoolean, checkFormat, checkInteger, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-textarea/ui-textarea.js";
 import "../styles/ui-textarea.css";
 
-const S = { n: [], t: [], f: import.meta.url, g: "ui-textarea" };
-const D = { g: "ui-textarea", props: { "autosize": { "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" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxRows": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "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" }, "rows": { "required":false,"default":4, c: checkInteger, t: "integer", j: 0, m: "i" }, "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-textarea", b: generatedInputs };
+const D = { g: "ui-textarea", props: { "autosize": { "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" }, "invalid": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxRows": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" }, "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" }, "rows": { "required":false,"default":4, c: checkInteger, t: "integer", j: 0, m: "i" }, "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 createUiTextarea(options = {}, html) {

package/vanilla/UiToast.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.64 for Vanilla DOM. Do not edit.
 export interface UiToastEventMap {
   dismiss: CustomEvent<{ readonly id: string; readonly reason: "action" | "timeout"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiToast.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, readIndex, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, readIndex, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-toast/ui-toast.js";
 import "../styles/ui-toast.css";
 
@@ -7,8 +7,8 @@ const T0 = ["",[],"\n    ",["div",["class","message"],4],"\n    ",["div",["class
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-toast", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { g: "ui-toast", props: { "duration": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "tone": { "required":false,"values":["neutral","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-toast", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs };
+const D = { g: "ui-toast", props: { "duration": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "tone": { "required":false,"values":["neutral","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 const C = (host) => controller.default(host);
 
 export function createUiToast(options = {}, html) {

package/vanilla/UiToastRegion.d.ts

@@ -1,7 +1,7 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
 export interface UiToastRegionEventMap {
   dismiss: CustomEvent<{ readonly id: string; readonly reason: "action" | "timeout"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
-  "show-toast": CustomEvent<{ readonly message: string; readonly id?: string; readonly tone?: "neutral" | "info" | "success" | "warning" | "danger"; readonly duration?: number }>;
+  "show-toast": CustomEvent<{ readonly message: string; readonly id?: string | null; readonly tone?: "neutral" | "info" | "success" | "warning" | "danger" | null; readonly duration?: number | null }>;
 }
 export interface UiToastRegionElement extends HTMLDivElement {
   addEventListener<K extends keyof UiToastRegionEventMap>(type: K, listener: (this: UiToastRegionElement, event: UiToastRegionEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;

package/vanilla/UiToastRegion.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-toast-region/ui-toast-region.js";
 import "../styles/ui-toast-region.css";
 
@@ -8,8 +8,8 @@ const T1 = ["",[]];
 const T2 = ["div",["class","toast"],"\n      ",["span",["class","message"],0],"\n      ",["span",["class","dismiss"],"\n        ",["ui-icon-button",["size","sm","variant","ghost"],["ui-icon",["name","x"]]],"\n      "],"\n    "];
 let P0, P1, P2;
 const E = new Map();
-const S = { n: ["toasts"], t: [["l",["o",["id","s","message","s","tone",["p",formatOf(keywordFormat),false],"role",["p",formatOf(keywordFormat),false],"closing","b"]]]], f: import.meta.url, g: "ui-toast-region", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "show-toast": [detailCheck(checkObject([["message", checkString, false], ["id", checkString, true], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","info","success","warning","danger"]}), true], ["duration", checkNumber, true]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { g: "ui-toast-region", props: { "duration": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "placement": { "required":false,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end"],"default":"top", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: ["toasts"], t: [["l",["o",["id","s","message","s","tone",["p",formatOf(keywordFormat)],"role",["p",formatOf(keywordFormat)],"closing","b"]]]], f: import.meta.url, g: "ui-toast-region", d: { "dismiss": [detailCheck(checkObject([["id", checkString, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","timeout"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "show-toast": [detailCheck(checkObject([["message", checkString, false], ["id", checkString, true], ["tone", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["neutral","info","success","warning","danger"]}), true], ["duration", checkNumber, true]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [[]] };
+const D = { g: "ui-toast-region", props: { "duration": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "placement": { "required":false,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end"],"default":"top", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 const C = (host) => controller.default(host);
 
 export function createUiToastRegion(options = {}, html) {

package/vanilla/UiTooltip.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.64 for Vanilla DOM. Do not edit.
 export interface UiTooltipEventMap {
   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/UiTooltip.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, 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.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, 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-tooltip/ui-tooltip.js";
 import "../styles/ui-tooltip.css";
 
@@ -7,8 +7,8 @@ const T0 = ["",[],["div",["class","surface"],"\n      ",["span",["class","label"
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-tooltip", 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-tooltip", props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "hideDelay": { "required":false,"default":100, c: checkNumber, t: "number", j: 0, m: "n" }, "inverse": { "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,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"],"default":"top", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "showDelay": { "required":false,"default":500, c: checkNumber, t: "number", j: 0, m: "n" }, "trigger": { "required":false,"values":["hover","click","focus"],"default":"hover", 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-tooltip", 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-tooltip", props: { "for": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "hideDelay": { "required":false,"default":100, c: checkNumber, t: "number", j: 0, m: "n" }, "inverse": { "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,"values":["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"],"default":"top", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "showDelay": { "required":false,"default":500, c: checkNumber, t: "number", j: 0, m: "n" }, "trigger": { "required":false,"values":["hover","click","focus"],"default":"hover", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 const C = (host) => controller.default(host);
 
 export function createUiTooltip(options = {}, html) {

package/vanilla/UiTopBar.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.64 for Vanilla DOM. Do not edit.
 export interface UiTopBarEventMap {
 }
 export interface UiTopBarElement extends HTMLElement {

package/vanilla/UiTopBar.js

@@ -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.64 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, dispose, project, fillSlot, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-top-bar.css";
 

package/vanilla/UiTree.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.64 for Vanilla DOM. Do not edit.
 export interface UiTreeEventMap {
   reorder: CustomEvent<{ readonly sourceId: string; readonly targetId: string; readonly position: "before" | "inside" | "after"; readonly sourceType: string; readonly targetType: string; readonly sourceScope: string; readonly targetScope: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   "reorder-rejected": CustomEvent<{ readonly sourceId: string; readonly targetId: string; readonly position: "before" | "inside" | "after"; readonly reason: "max-depth"; readonly maxDepth: number; readonly resultingDepth: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;

package/vanilla/UiTree.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, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkList, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-tree/ui-tree.js";
 import "../styles/ui-tree.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-tree", d: { "reorder": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["sourceType", checkString, false], ["targetType", checkString, false], ["sourceScope", checkString, false], ["targetScope", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "reorder-rejected": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["max-depth"]}), false], ["maxDepth", checkInteger, false], ["resultingDepth", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "activate": [detailCheck(checkObject([["id", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer"]}), false]], false)), true, true, false], "select": [detailCheck(checkObject([["ids", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { g: "ui-tree", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "hoverExpandDelay": { "required":false,"default":700, c: checkNumber, t: "number", j: 0, m: "n" }, "label": { "required":false,"default":"Tree", c: checkString, t: "string", j: 0, m: "s" }, "marquee": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxDepth": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "moveActivation": { "required":false,"values":["click","keyboard-touch"],"default":"click", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "selection": { "required":false,"values":["none","single","multiple"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-tree", d: { "reorder": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["sourceType", checkString, false], ["targetType", checkString, false], ["sourceScope", checkString, false], ["targetScope", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "reorder-rejected": [detailCheck(checkObject([["sourceId", checkString, false], ["targetId", checkString, false], ["position", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["before","inside","after"]}), false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["max-depth"]}), false], ["maxDepth", checkInteger, false], ["resultingDepth", checkInteger, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false], "activate": [detailCheck(checkObject([["id", checkString, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer"]}), false]], false)), true, true, false], "select": [detailCheck(checkObject([["ids", checkList(checkString), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared, b: generatedInputs };
+const D = { g: "ui-tree", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "hoverExpandDelay": { "required":false,"default":700, c: checkNumber, t: "number", j: 0, m: "n" }, "label": { "required":false,"default":"Tree", c: checkString, t: "string", j: 0, m: "s" }, "marquee": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "maxDepth": { "required":false,"default":0, c: checkNumber, t: "number", j: 0, m: "n" }, "moveActivation": { "required":false,"values":["click","keyboard-touch"],"default":"click", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "selection": { "required":false,"values":["none","single","multiple"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 const C = (host) => controller.default(host);
 
 export function createUiTree(options = {}, html) {

package/vanilla/UiTreeItem.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.64 for Vanilla DOM. Do not edit.
 export interface UiTreeItemEventMap {
   expand: CustomEvent<{ readonly id: string; readonly expanded: boolean; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiTreeItem.js

@@ -1,17 +1,18 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, recordValue, textCall, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, 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.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, recordValue, textCall, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, 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-tree-item/ui-tree-item.js";
 import "../styles/ui-tree-item.css";
 
-const T0 = ["",[],"\n    ",["div",["class","row"],"\n      ",1,"\n      ",["button",["class","disclosure","type","button"],"\n        ",["span",["class","disclosure-icon","aria-hidden","true"]],"\n      "],"\n      ",["label",["class","selection-hit"],["input",["class","selection-checkbox","type","checkbox","tabindex","-1"]]],"\n      ",["span",["class","leading"],4],"\n      ",["span",["class","label"],["span",["class","label-text"],4]],"\n      ",["span",["class","actions"],"\n        ",1,"\n        ",["span",[],4],"\n      "],"\n      ",["span",["class","drop-indicator row-drop-indicator","aria-hidden","true"]],"\n    "],"\n    ",["div",["class","children","role","group"],4],"\n    ",["span",["class","drop-indicator subtree-drop-indicator","aria-hidden","true"]],"\n  "];
+const T0 = ["",[],"\n    ",["div",["class","row"],"\n      ",1,"\n      ",["button",["class","disclosure","type","button"],"\n        ",["span",["class","disclosure-icon","aria-hidden","true"]],"\n      "],"\n      ",["label",["class","selection-hit"],["input",["class","selection-checkbox","type","checkbox","tabindex","-1"]]],"\n      ",["span",["class","leading"],4],"\n      ",["span",["class","label"],["span",["class","label-text"],4]],"\n      ",["span",["class","actions"],"\n        ",1,"\n      "],"\n      ",["span",["class","drop-indicator row-drop-indicator","aria-hidden","true"]],"\n    "],"\n    ",["div",["class","children","role","group"],4],"\n    ",["span",["class","drop-indicator subtree-drop-indicator","aria-hidden","true"]],"\n  "];
 const T1 = ["button",["class","drag-handle","type","button","draggable","true"],"\n        ",["svg",["aria-hidden","true","focusable","false","viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["circle",["cx","9","cy","12","r","1"]],["circle",["cx","9","cy","5","r","1"]],["circle",["cx","9","cy","19","r","1"]],["circle",["cx","15","cy","12","r","1"]],["circle",["cx","15","cy","5","r","1"]],["circle",["cx","15","cy","19","r","1"]]],"\n      "];
 const T2 = ["",[]];
 const T3 = ["",[],0];
 const T4 = ["ui-button",["data-tree-cancel-move","","variant","ghost","tone","neutral","size","sm","aria-label","Cancel move"],"Cancel"];
-const T5 = ["",[]];
+const T5 = ["span",[],4];
 const T6 = ["",[]];
-let P0, P1, P2, P3, P4, P5, P6;
-const S = { n: ["internalExpanded","structuralLevel","tabStop","isContainer","moving"], t: ["b","i","b","b","b"], f: import.meta.url, g: "ui-tree-item", d: { "expand": [detailCheck(checkObject([["id", checkString, false], ["expanded", checkBoolean, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), false, true, false] }, x: dispatchDeclared };
+const T7 = ["",[]];
+let P0, P1, P2, P3, P4, P5, P6, P7;
+const S = { n: ["internalExpanded","structuralLevel","tabStop","isContainer","moving"], t: ["b","i","b","b","b"], f: import.meta.url, g: "ui-tree-item", d: { "expand": [detailCheck(checkObject([["id", checkString, false], ["expanded", checkBoolean, false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), false, true, false] }, x: dispatchDeclared, b: generatedInputs, i: [false, 1, false, false, false] };
 const D = { g: "ui-tree-item", props: { "accepts": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "actionsVisible": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "container": { "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" }, "dragType": { "required":false,"default":"item", c: checkString, t: "string", j: 0, m: "s" }, "dropDepth": { "required":false, c: checkNumber, t: "number", j: 0, m: "n" }, "dropScope": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "expanded": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "itemId": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "lazy": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "marquee": { "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" }, "sortable": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "subtreeDepth": { "required":false, c: checkNumber, t: "number", j: 0, m: "n" } } };
 const C = (host) => controller.default(host);
 
@@ -75,11 +76,15 @@ export function createUiTreeItem(options = {}, html) {
   };
   const m5 = (d) => {
     const n = (P5 ??= buildTemplate(T5)).cloneNode(true);
-    const r = { n };
+    const t0 = n.firstChild;
+    const r = { n, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
     p5(r, -1, d);
     return r;
   };
   const p5 = (r, c, d) => {
+    if (r.f0 === undefined) { r.f0 = 1; const at = fillSlot(r.a0, r.e0, "actions", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m6(d); at.before(r.b0.n); } }
+    else if (r.b0 !== undefined) p6(r.b0, c, d);
   };
   const m6 = (d) => {
     const n = (P6 ??= buildTemplate(T6)).cloneNode(true);
@@ -89,6 +94,14 @@ export function createUiTreeItem(options = {}, html) {
   };
   const p6 = (r, c, d) => {
   };
+  const m7 = (d) => {
+    const n = (P7 ??= buildTemplate(T7)).cloneNode(true);
+    const r = { n };
+    p7(r, -1, d);
+    return r;
+  };
+  const p7 = (r, c, d) => {
+  };
   const p0 = (r, c, d) => {
     if (c & 16384) {
       const x0 = v[14];
@@ -161,7 +174,7 @@ export function createUiTreeItem(options = {}, html) {
     if (c & 9) {
       const x12 = !(v[3] && v[0]);
       const s15 = toAttribute(x12, "hidden");
-      if (s15 !== r.v15) writeAttribute(r.a13, "hidden", r.v15 = s15);
+      if (s15 !== r.v15) writeAttribute(r.a12, "hidden", r.v15 = s15);
     }
     if (c & 131400) {
       const x13 = hostState(["selected","disabled","actionsVisible","isContainer"], [v[17], v[8], v[6], v[3]]);
@@ -172,22 +185,22 @@ export function createUiTreeItem(options = {}, html) {
       if (r.b0) { r.b0 = undefined; clearRegion(r.a2, r.e0); }
       else { r.b0 = m1(d); r.e0.before(r.b0.n); }
     } else if (r.b0 !== undefined) p1(r.b0, c, d);
-    if (c & 16 && !(v[4]) !== !r.b3) {
-      if (r.b3) { r.b3 = undefined; clearRegion(r.a11, r.e3); }
-      else { r.b3 = m4(d); r.e3.before(r.b3.n); }
-    } else if (r.b3 !== undefined) p4(r.b3, c, d);
+    let t3;
+    if (c & 16 && (t3 = ((o) => { { const t = v[4]; if (t === NONCONFORMING) return t; if (truthy(t)) return 0; } return 1; return -1; })(undefined)) !== NONCONFORMING && t3 !== (r.b3 === undefined ? -1 : r.b3.s)) {
+      dispose(r.b3);
+      r.b3 = undefined;
+      clearRegion(r.a11, r.e3);
+      if (t3 >= 0) { r.b3 = [m4, m5][t3](d); r.b3.s = t3; r.e3.before(r.b3.n); }
+    } else if (r.b3 !== undefined) { if (r.b3.s === 0) p4(r.b3, c, d); if (r.b3.s === 1) p5(r.b3, c, d); }
     if (r.f1 === undefined) { r.f1 = 1; const at = fillSlot(r.a6, r.e1, "leading", J, false, undefined, d);
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
     else if (r.b1 !== undefined) p2(r.b1, c, d);
     if (r.f2 === undefined) { r.f2 = 1; const at = fillSlot(r.a9, r.e2, "label", J, true, undefined, d);
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b2 = m3(d); at.before(r.b2.n); } }
     else if (r.b2 !== undefined) p3(r.b2, c, d);
-    if (r.f4 === undefined) { r.f4 = 1; const at = fillSlot(r.a12, r.e4, "actions", J, false, undefined, d);
-      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b4 = m5(d); at.before(r.b4.n); } }
-    else if (r.b4 !== undefined) p5(r.b4, c, d);
-    if (r.f5 === undefined) { r.f5 = 1; const at = fillSlot(r.a14, r.e5, "", J, false, undefined, d);
-      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b5 = m6(d); at.before(r.b5.n); } }
-    else if (r.b5 !== undefined) p6(r.b5, c, d);
+    if (r.f4 === undefined) { r.f4 = 1; const at = fillSlot(r.a13, r.e4, "", J, false, undefined, d);
+      if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b4 = m7(d); at.before(r.b4.n); } }
+    else if (r.b4 !== undefined) p7(r.b4, c, d);
   };
   const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild.nextSibling;
@@ -201,10 +214,9 @@ export function createUiTreeItem(options = {}, html) {
   const t9 = t8.firstChild;
   const t10 = t7.nextSibling.nextSibling;
   const t11 = t10.firstChild.nextSibling;
-  const t12 = t11.nextSibling.nextSibling.nextSibling.firstChild;
-  const t13 = t0.nextSibling.nextSibling;
-  const t14 = t13.firstChild;
-  const R = { n: element, a3: t2, a4: t4, a13: t13, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, v7: undefined, v8: undefined, v9: undefined, v10: null, v11: null, v12: null, v13: null, v14: null, v15: null, v16: undefined, a2: t1, e0: t1.nextSibling, b0: undefined, a6: t6, e1: t6.nextSibling, b1: undefined, f1: undefined, a9: t9, e2: t9.nextSibling, b2: undefined, f2: undefined, a11: t11, e3: t11.nextSibling, b3: undefined, a12: t12, e4: t12.nextSibling, b4: undefined, f4: undefined, a14: t14, e5: t14.nextSibling, b5: undefined, f5: undefined };
+  const t12 = t0.nextSibling.nextSibling;
+  const t13 = t12.firstChild;
+  const R = { n: element, a3: t2, a4: t4, a12: t12, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, v7: undefined, v8: undefined, v9: undefined, v10: null, v11: null, v12: null, v13: null, v14: null, v15: null, v16: undefined, a2: t1, e0: t1.nextSibling, b0: undefined, a6: t6, e1: t6.nextSibling, b1: undefined, f1: undefined, a9: t9, e2: t9.nextSibling, b2: undefined, f2: undefined, a11: t11, e3: t11.nextSibling, b3: undefined, a13: t13, e4: t13.nextSibling, b4: undefined, f4: undefined };
   const I = { B };
   const J = project(I, children, slots);
   I.R = new Set();
@@ -216,7 +228,7 @@ export function createUiTreeItem(options = {}, html) {
   I.r["label"] = t7;
   I.r["labelText"] = t8;
   I.r["actions"] = t10;
-  I.r["children"] = t13;
+  I.r["children"] = t12;
   return element;
 }
 defineComponent("ui-tree-item", createUiTreeItem, ["accepts","actionsVisible","container","disabled","dragType","dropDepth","dropScope","expanded","itemId","label","lazy","marquee","selected","sortable","subtreeDepth"]);

package/vue/UiActionBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.64 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { checkHydratedRoot, nativeAttrs } from './host'