@threadlabs/looma 0.28.13 → 0.28.15

package/vanilla/UiRadio.js

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

package/vanilla/UiRadioGroup.d.ts

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

package/vanilla/UiRadioGroup.js

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

package/vanilla/UiReel.d.ts

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

package/vanilla/UiReel.js

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

package/vanilla/UiScrollArea.d.ts

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

package/vanilla/UiScrollArea.js

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

package/vanilla/UiSearchResultRow.d.ts

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

package/vanilla/UiSearchResultRow.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-search-result-row.css";
 
@@ -10,7 +10,7 @@ const T4 = ["",[]];
 const T5 = ["",[]];
 let P0, P1, P2, P3, P4, P5;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-search-result-row" };
-const D = { props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selected": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const D = { g: "ui-search-result-row", props: { "density": { "required":false,"values":["comfortable","compact"],"default":"comfortable", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "disabled": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "selected": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 
 export function createUiSearchResultRow(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiSearchShell.d.ts

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

package/vanilla/UiSearchShell.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, keywordFormat, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-search-shell/ui-search-shell.js";
 import "../styles/ui-search-shell.css";
@@ -10,7 +10,7 @@ const T3 = ["",[]];
 const T4 = ["",[]];
 let P0, P1, P2, P3, P4;
 const S = { n: ["internalOpen"], t: ["b"], f: import.meta.url, g: "ui-search-shell", d: { "close": [detailCheck(checkObject([["open", checkBoolean, false], ["reason", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["action","programmatic","light-dismiss","escape"]}), false], ["trigger", checkConstrained(checkFormat("keyword", keywordFormat), "keyword", {"values":["keyboard","pointer","programmatic"]}), false]], false)), true, true, false] }, x: dispatchDeclared };
-const D = { props: { "dismissible": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "label": { "required":false,"default":"Search", c: checkString, t: "string", j: 0, m: "s" }, "modal": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
+const D = { g: "ui-search-shell", props: { "dismissible": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "label": { "required":false,"default":"Search", c: checkString, t: "string", j: 0, m: "s" }, "modal": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" }, "open": { "required":false,"default":false, c: checkBoolean, t: "boolean", j: 0, m: "b" } } };
 const C = (host) => controller.default(host);
 
 export function createUiSearchShell(options = {}, html) {

package/vanilla/UiSection.d.ts

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

package/vanilla/UiSection.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-section.css";
 
@@ -8,7 +8,7 @@ const T2 = ["",[]];
 const T3 = ["",[]];
 let P0, P1, P2, P3;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-section" };
-const D = { props: { "heading": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["neutral","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["plain","card","divided"],"default":"plain", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-section", props: { "heading": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "tone": { "required":false,"values":["neutral","danger"],"default":"neutral", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] }, "variant": { "required":false,"values":["plain","card","divided"],"default":"plain", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
 export function createUiSection(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiSelect.d.ts

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

package/vanilla/UiSelect.js

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

package/vanilla/UiSeparator.d.ts

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

package/vanilla/UiSeparator.js

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

package/vanilla/UiSidebar.d.ts

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

package/vanilla/UiSidebar.js

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

package/vanilla/UiSpinner.d.ts

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

package/vanilla/UiSpinner.js

@@ -1,11 +1,11 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-spinner.css";
 
 const T0 = ["",[],["svg",["viewBox","0 0 50 50","fill","none","aria-hidden","true","focusable","false"],["circle",["class","track","cx","25","cy","25","r","20"]],["circle",["class","arc","cx","25","cy","25","r","20"]]]];
 let P0;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-spinner" };
-const D = { props: { "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
+const D = { g: "ui-spinner", props: { "label": { "required":false,"default":"", c: checkString, t: "string", j: 0, m: "s" }, "size": { "required":false,"values":["sm","md"],"default":"md", c: checkFormat("keyword", keywordFormat), t: "keyword", j: 0, m: ["p",formatOf(keywordFormat),false] } } };
 
 export function createUiSpinner(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiStack.d.ts

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

package/vanilla/UiStack.js

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

package/vanilla/UiStatusMessage.d.ts

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

package/vanilla/UiStatusMessage.js

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

package/vanilla/UiSwatch.d.ts

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

package/vanilla/UiSwatch.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, readIndex, toAttribute, writeAttribute, computedCycle, formatOf, keywordFormat, hostState, acceptProps, manageProps, readonlyView, checkFormat } 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 = { 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 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] } } };
 
 export function createUiSwatch(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiSwitch.d.ts

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

package/vanilla/UiSwitch.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-switch/ui-switch.js";
 import "../styles/ui-switch.css";
@@ -8,7 +8,7 @@ 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 = { 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 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 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.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiSwitcherEventMap {
 }
 export interface UiSwitcherElement extends HTMLDivElement {

package/vanilla/UiSwitcher.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkInteger } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-switcher/ui-switcher.js";
 import "../styles/ui-switcher.css";
@@ -7,7 +7,7 @@ const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: ["overLimit"], t: ["b"], f: import.meta.url, g: "ui-switcher" };
-const D = { 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 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 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.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiTableEventMap {
 }
 export interface UiTableElement extends HTMLDivElement {

package/vanilla/UiTable.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-table/ui-table.js";
 import "../styles/ui-table.css";
@@ -7,7 +7,7 @@ const T0 = ["",[],4];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-table" };
-const D = { 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 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 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.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 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,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, KeyedList, NONCONFORMING, readMember, textCall, toAttribute, toText, trackContainer, writeAttribute, writeText, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-tabs/ui-tabs.js";
 import "../styles/ui-tabs.css";
@@ -10,7 +10,7 @@ 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 = { 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 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 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.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 export interface UiTextEventMap {
 }
 export interface UiTextElement extends HTMLElement {

package/vanilla/UiText.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-text.css";
 
@@ -26,9 +26,9 @@ 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 A = [["span",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["div",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["small",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["strong",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["label",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["h2",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["h3",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["h4",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["h5",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["h6",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]],["p",{},[],"",[],["data-ui-text-state","data-align","data-as","data-font","data-grow","data-size","data-tone","data-trim","data-truncate","data-variant","data-weight","data-wrap"]]];
+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 = { 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),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] } } };
 
 export function createUiText(options = {}, html) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiTextarea.d.ts

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

package/vanilla/UiTextarea.js

@@ -1,10 +1,10 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, toAttribute, toText, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, checkBoolean, checkFormat, checkInteger, checkString } 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 = { 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 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 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.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 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,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.51 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.52 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, readIndex, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkConstrained, checkFormat, checkNumber, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-toast/ui-toast.js";
 import "../styles/ui-toast.css";
@@ -8,7 +8,7 @@ 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 = { 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 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 C = (host) => controller.default(host);
 
 export function createUiToast(options = {}, html) {