@threadlabs/looma 0.30.2 → 0.30.4

package/styles/ui-tree-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-tree.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/vanilla/UiActionBar.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 UiActionBarEventMap {
 }
 export interface UiActionBarElement extends HTMLDivElement {

package/vanilla/UiActionBar.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-action-bar.css";
 

package/vanilla/UiAffordanceScope.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 UiAffordanceScopeEventMap {
 }
 export interface UiAffordanceScopeElement extends HTMLSpanElement {

package/vanilla/UiAffordanceScope.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, checkNumber, 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, checkNumber, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-affordance-scope/ui-affordance-scope.js";
 import "../styles/ui-affordance-scope.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["engaged"], t: ["b"], f: import.meta.url, g: "ui-affordance-scope" };
-const D = { g: "ui-affordance-scope", props: { "guide": { "required":false,"values":["dot","none"],"default":"dot", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "nearRadius": { "required":false,"default":16, c: checkNumber, t: "number", j: 0, m: "n" } } };
+const S = { n: ["engaged"], t: ["b"], f: import.meta.url, g: "ui-affordance-scope", b: generatedInputs, i: [false] };
+const D = { g: "ui-affordance-scope", props: { "guide": { "required":false,"values":["dot","none"],"default":"dot", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "nearRadius": { "required":false,"default":16, c: checkNumber, t: "number", j: 0, m: "n" } } };
 const C = (host) => controller.default(host);
 
 export function createUiAffordanceScope(options = {}, html) {

package/vanilla/UiAvatar.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 UiAvatarEventMap {
 }
 export interface UiAvatarElement extends HTMLSpanElement {

package/vanilla/UiAvatar.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, writeUrlAttribute, 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.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, writeUrlAttribute, 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-avatar/ui-avatar.js";
 import "../styles/ui-avatar.css";
 
 const T0 = ["",[],"\n    ",4,"\n    ",["img",["class","image","alt","","aria-hidden","true"]],"\n    ",["span",["class","fallback"],"\n      ",["span",[],0],"\n      ",["span",[],["ui-icon",["name","user-round"]]],"\n    "],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["hasImage","hasAuthoredImage","initials","showGlyph"], t: ["b","b","s","b"], f: import.meta.url, g: "ui-avatar" };
-const D = { g: "ui-avatar", props: { "active": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "decorative": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "fallback": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["circle","square"],"default":"circle", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "src": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
+const S = { n: ["hasImage","hasAuthoredImage","initials","showGlyph"], t: ["b","b","s","b"], f: import.meta.url, g: "ui-avatar", b: generatedInputs, i: [false, false, "?", false] };
+const D = { g: "ui-avatar", props: { "active": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "alt": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "decorative": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "fallback": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "name": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["circle","square"],"default":"circle", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "src": { "required":false, c: checkString, t: "string", j: 0, m: "s" } } };
 const C = (host) => controller.default(host);
 
 export function createUiAvatar(options = {}, html) {

package/vanilla/UiAvatarGroup.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 UiAvatarGroupEventMap {
 }
 export interface UiAvatarGroupElement extends HTMLDivElement {

package/vanilla/UiAvatarGroup.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, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkInteger, checkNumber, 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, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkInteger, checkNumber, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar-group/ui-avatar-group.js";
 import "../styles/ui-avatar-group.css";
 
 const T0 = ["",[],"\n    ",4,"\n    ",["span",["class","overflow","role","img"],0],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: ["overflowCount","overflowAnnouncement"], t: ["i","s"], f: import.meta.url, g: "ui-avatar-group" };
-const D = { g: "ui-avatar-group", props: { "label": { "required":false,"default":"People", c: checkString, t: "string", j: 0, m: "s" }, "max": { "required":false,"default":5, c: checkNumber, t: "number", j: 0, m: "n" }, "overflowLabel": { "required":false,"default":"{count} more", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "total": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" } } };
+const S = { n: ["overflowCount","overflowAnnouncement"], t: ["i","s"], f: import.meta.url, g: "ui-avatar-group", b: generatedInputs, i: [0, ""] };
+const D = { g: "ui-avatar-group", props: { "label": { "required":false,"default":"People", c: checkString, t: "string", j: 0, m: "s" }, "max": { "required":false,"default":5, c: checkNumber, t: "number", j: 0, m: "n" }, "overflowLabel": { "required":false,"default":"{count} more", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["xs","sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "total": { "required":false, c: checkInteger, t: "integer", j: 0, m: "i" } } };
 const C = (host) => controller.default(host);
 
 export function createUiAvatarGroup(options = {}, html) {

package/vanilla/UiBadge.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 UiBadgeEventMap {
 }
 export interface UiBadgeElement extends HTMLSpanElement {

package/vanilla/UiBadge.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, 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, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-badge.css";
 
 const T0 = ["",[],"\n    ",["span",["class","icon","aria-hidden","true"],4],"\n    ",["span",["class","label"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-badge" };
-const D = { g: "ui-badge", props: { "shape": { "required":false,"values":["pill","tag","dot","square","circle"],"default":"pill", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "size": { "required":false,"values":["xs","sm","md","lg"],"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] }, "variant": { "required":false,"values":["solid","subtle","outline","inverse","overlay"],"default":"subtle", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-badge", b: generatedInputs };
+const D = { g: "ui-badge", props: { "shape": { "required":false,"values":["pill","tag","dot","square","circle"],"default":"pill", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["xs","sm","md","lg"],"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)] }, "variant": { "required":false,"values":["solid","subtle","outline","inverse","overlay"],"default":"subtle", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiBadge(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiBreadcrumbItem.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 UiBreadcrumbItemEventMap {
 }
 export interface UiBreadcrumbItemElement extends HTMLLIElement {

package/vanilla/UiBreadcrumbItem.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, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, 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, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, dispose, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkBoolean, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-breadcrumb-item.css";
 
 const T0 = ["",[],"\n    ",["span",["class","separator","aria-hidden","true"],["ui-icon",["name","chevron-right"]]],"\n    ",["span",["class","content"],4],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-breadcrumb-item" };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-breadcrumb-item", b: generatedInputs };
 const D = { g: "ui-breadcrumb-item", props: { "current": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 
 export function createUiBreadcrumbItem(options = {}, html) {

package/vanilla/UiBreadcrumbs.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 UiBreadcrumbsEventMap {
 }
 export interface UiBreadcrumbsElement extends HTMLElement {

package/vanilla/UiBreadcrumbs.js

@@ -1,11 +1,11 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, 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, dispose, acceptProps, manageProps, generatedInputs, project, fillSlot, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-breadcrumbs.css";
 
 const T0 = ["",[],["ol",["role","list"],4]];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-breadcrumbs" };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-breadcrumbs", b: generatedInputs };
 const D = { g: "ui-breadcrumbs", props: { "label": { "required":false,"default":"Breadcrumb", c: checkString, t: "string", j: 0, m: "s" } } };
 
 export function createUiBreadcrumbs(options = {}, html) {

package/vanilla/UiButton.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 UiButtonEventMap {
 }
 export interface UiButtonElement extends HTMLElement {

package/vanilla/UiButton.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, 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, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-button/ui-button.js";
 import "../styles/ui-button.css";
 
@@ -24,16 +24,16 @@ const T17 = ["span",["class","spinner-wrap"],["ui-spinner",["size","sm"]]];
 const T18 = ["",[]];
 const T19 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9, P10, P11, P12, P13, P14, P15, P16, P17, P18, P19;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-button" };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-button", b: generatedInputs };
 const A = [["a",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","type","disabled","aria-disabled","aria-busy"]],["a",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","href","target","rel","aria-disabled","aria-busy","tabindex"]],["button",{},[],"",[],["data-ui-button-state","data-ui-button-prop-align","data-ui-button-prop-as","data-ui-button-prop-disabled","data-ui-button-prop-href","data-ui-button-prop-loading","data-ui-button-prop-pending","data-ui-button-prop-rel","data-ui-button-prop-shape","data-ui-button-prop-size","data-ui-button-prop-stretch","data-ui-button-prop-target","data-ui-button-prop-tone","data-ui-button-prop-type","data-ui-button-prop-variant","type","disabled","aria-disabled","aria-busy"]]];
 const Q = [[],[],[],[]];
-const D = { g: "ui-button", props: { "align": { "required":false,"values":["center","start"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "as": { "required":false,"values":["button","a"],"default":"button", 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" }, "href": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "pending": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "rel": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["rounded","pill"],"default":"rounded", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "size": { "required":false,"values":["xs","sm","md","lg"],"default":"md", 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" }, "target": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["accent","neutral","danger","success","warning","info"],"default":"accent", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "type": { "required":false,"values":["button","submit","reset"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["outline","solid","danger","ghost","link","card","field"],"default":"outline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-button", props: { "align": { "required":false,"values":["center","start"],"default":"center", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "as": { "required":false,"values":["button","a"],"default":"button", 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" }, "href": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "loading": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "pending": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "rel": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "shape": { "required":false,"values":["rounded","pill"],"default":"rounded", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "size": { "required":false,"values":["xs","sm","md","lg"],"default":"md", 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" }, "target": { "required":false, c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["accent","neutral","danger","success","warning","info"],"default":"accent", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "type": { "required":false,"values":["button","submit","reset"],"default":"button", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "variant": { "required":false,"values":["outline","solid","danger","ghost","link","card","field"],"default":"outline", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 const C = (host) => controller.default(host);
 
 export function createUiButton(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
   const v = [null, null, null, 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[13] === "card") && (v[1] === "a")) ? 0 : (v[13] === "card") ? 1 : (v[1] === "a") ? 2 : 3);
   let element;
   if (a === 0) {
@@ -65,7 +65,7 @@ export function createUiButton(options = {}, html) {
     }
     element.setAttribute("data-component", "ui-button");
   }
-  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/UiCallout.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 UiCalloutEventMap {
 }
 export interface UiCalloutElement extends HTMLDivElement {

package/vanilla/UiCallout.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, 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.64 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, generatedInputs, project, fillSlot, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-callout.css";
 
 const T0 = ["",[],"\n    ",["span",["class","icon","aria-hidden","true"],"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n    "],"\n    ",["div",["class","content"],"\n      ",1,"\n      ",4,"\n    "],"\n  "];
@@ -13,8 +13,8 @@ const T7 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","
 const T8 = ["strong",["class","heading"],0];
 const T9 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7, P8, P9;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-callout" };
-const D = { g: "ui-callout", props: { "heading": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["info","neutral","note","tip","important","warning","caution","success","danger"],"default":"info", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-callout", b: generatedInputs };
+const D = { g: "ui-callout", props: { "heading": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["info","neutral","note","tip","important","warning","caution","success","danger"],"default":"info", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiCallout(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiCard.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 UiCardEventMap {
 }
 export interface UiCardElement extends HTMLElement {

package/vanilla/UiCard.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, 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, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-card.css";
 
 const T0 = ["",[],4];
@@ -11,15 +11,15 @@ const T5 = ["",[]];
 const T6 = ["",[],4];
 const T7 = ["",[]];
 let P0, P1, P2, P3, P4, P5, P6, P7;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-card" };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-card", b: generatedInputs };
 const A = [["section",{},[],"",[],["data-ui-card-state","data-ui-card-prop-as","data-ui-card-prop-padding","data-ui-card-prop-size","data-ui-card-prop-tone","data-ui-card-prop-variant"]],["article",{},[],"",[],["data-ui-card-state","data-ui-card-prop-as","data-ui-card-prop-padding","data-ui-card-prop-size","data-ui-card-prop-tone","data-ui-card-prop-variant"]],["aside",{},[],"",[],["data-ui-card-state","data-ui-card-prop-as","data-ui-card-prop-padding","data-ui-card-prop-size","data-ui-card-prop-tone","data-ui-card-prop-variant"]],["div",{},[],"",[],["data-ui-card-state","data-ui-card-prop-as","data-ui-card-prop-padding","data-ui-card-prop-size","data-ui-card-prop-tone","data-ui-card-prop-variant"]]];
 const Q = [[],[],[],[]];
-const D = { g: "ui-card", props: { "as": { "required":false,"values":["div","section","article","aside"],"default":"div", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "padding": { "required":false,"values":["xs","sm","md","lg"],"default":"md", 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] }, "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] }, "variant": { "required":false,"values":["outlined","subtle","elevated"],"default":"outlined", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-card", props: { "as": { "required":false,"values":["div","section","article","aside"],"default":"div", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "padding": { "required":false,"values":["xs","sm","md","lg"],"default":"md", 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)] }, "tone": { "required":false,"values":["neutral","accent","info","success","warning","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "variant": { "required":false,"values":["outlined","subtle","elevated"],"default":"outlined", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiCard(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
   const v = [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] === "section") ? 0 : (v[0] === "article") ? 1 : (v[0] === "aside") ? 2 : 3);
   let element;
   if (a === 0) {
@@ -51,7 +51,7 @@ export function createUiCard(options = {}, html) {
     }
     element.setAttribute("data-component", "ui-card");
   }
-  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/UiCheckbox.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 UiCheckboxEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiCheckbox.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-checkbox/ui-checkbox.js";
 import "../styles/ui-checkbox.css";
 
@@ -7,8 +7,8 @@ const T0 = ["",[],"\n    ",["input",["type","checkbox"]],"\n    ",["span",["clas
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
-const S = { n: ["internalChecked"], t: ["b"], f: import.meta.url, g: "ui-checkbox", 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-checkbox", 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" }, "indeterminate": { "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":"", c: checkString, t: "string", j: 0, m: "s" }, "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-checkbox", 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-checkbox", 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" }, "indeterminate": { "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":"", c: checkString, t: "string", j: 0, m: "s" }, "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 createUiCheckbox(options = {}, html) {

package/vanilla/UiCluster.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 UiClusterEventMap {
 }
 export interface UiClusterElement extends HTMLDivElement {

package/vanilla/UiCluster.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, 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 "../styles/ui-cluster.css";
 
 const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
-const S = { n: [], t: [], f: import.meta.url, g: "ui-cluster" };
-const D = { g: "ui-cluster", props: { "align": { "required":false,"values":["start","center","end","stretch","baseline"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "fixed": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "justify": { "required":false,"values":["start","center","end","between"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "padding": { "required":false,"values":["none","s","m","l"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "paddingEnd": { "required":false,"values":["none","s","m","l","xl"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "wrap": { "required":false,"values":["wrap","nowrap"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const S = { n: [], t: [], f: import.meta.url, g: "ui-cluster", b: generatedInputs };
+const D = { g: "ui-cluster", props: { "align": { "required":false,"values":["start","center","end","stretch","baseline"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "fixed": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "gap": { "required":false,"values":["xs","s","m","l","xl"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "justify": { "required":false,"values":["start","center","end","between"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "padding": { "required":false,"values":["none","s","m","l"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "paddingEnd": { "required":false,"values":["none","s","m","l","xl"],"default":"none", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] }, "wrap": { "required":false,"values":["wrap","nowrap"], c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat)] } } };
 
 export function createUiCluster(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiCombobox.d.ts

@@ -1,14 +1,14 @@
-// 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 UiComboboxEventMap {
   "query-change": CustomEvent<{ readonly query: string; readonly display: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
-  "value-change": CustomEvent<{ readonly value: string | null; readonly query: string; readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
-  "items-change": CustomEvent<readonly ({ readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } })[]>;
-  "free-entry": CustomEvent<{ readonly value: string | null; readonly query: string; readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
-  "create-entry": CustomEvent<{ readonly value: string | null; readonly query: string; readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
-  "validation-change": CustomEvent<{ readonly status: "pristine" | "pending" | "valid" | "warning" | "error"; readonly touched: boolean; readonly dirty: boolean; readonly issues: readonly ({ readonly message: string; readonly path?: readonly (unknown)[]; readonly severity?: "error" | "warning" })[]; readonly output?: unknown }>;
-  "options-change": CustomEvent<readonly ({ readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } })[]>;
-  "add-item": CustomEvent<{ readonly item: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } }; readonly index: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
-  "remove-item": CustomEvent<{ readonly item: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } }; readonly index: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
+  "value-change": CustomEvent<{ readonly value?: string | null; readonly query: string; readonly option?: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
+  "items-change": CustomEvent<readonly ({ readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null })[]>;
+  "free-entry": CustomEvent<{ readonly value?: string | null; readonly query: string; readonly option?: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
+  "create-entry": CustomEvent<{ readonly value?: string | null; readonly query: string; readonly option?: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
+  "validation-change": CustomEvent<{ readonly status: "pristine" | "pending" | "valid" | "warning" | "error"; readonly touched: boolean; readonly dirty: boolean; readonly issues: readonly ({ readonly message: string; readonly path?: readonly (unknown)[] | null; readonly severity?: "error" | "warning" | null })[]; readonly output?: unknown | null }>;
+  "options-change": CustomEvent<readonly ({ readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null })[]>;
+  "add-item": CustomEvent<{ readonly item: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null }; readonly index: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
+  "remove-item": CustomEvent<{ readonly item: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null }; readonly index: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   "create-item": CustomEvent<{ readonly query: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   "selected-values-change": CustomEvent<{ readonly selectedValues: readonly (string)[]; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }
@@ -31,7 +31,7 @@ export interface UiComboboxProps {
   filter?: "label" | "none" | null;
   help?: string | null;
   invalid?: boolean | null;
-  items?: readonly ({ readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } })[] | null;
+  items?: readonly ({ readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null })[] | null;
   label?: string | null;
   labelVisibility?: "visible" | "sr-only" | null;
   loading?: boolean | null;
@@ -52,8 +52,8 @@ export interface UiComboboxProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export interface UiComboboxSlots {
-  readonly item: { readonly item: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } }; };
-  readonly option: { readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string }; readonly selected?: boolean }; };
+  readonly item: { readonly item: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null }; };
+  readonly option: { readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string | null; readonly disabled?: boolean | null; readonly description?: string | null; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger" | null; readonly color?: string | null } | null; readonly selected?: boolean | null }; };
 }
 export declare function createUiCombobox(props?: UiComboboxProps): UiComboboxElement;
 declare global {