@threadlabs/looma 0.29.0 → 0.29.1

package/vanilla/UiIcon.js

@@ -1,12 +1,12 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, readIndex, readMember, toAttribute, trackContainer, writeAttribute, computedCycle, IndexedList, acceptProps, manageProps, readonlyView, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-icon.css";
 
-const T0 = ["",[],["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round","focusable","false"],2]];
+const T0 = ["",[],"\n    ",["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round","focusable","false"],2],"\n  "];
 const T1 = ["g",[],1,1,1,1];
 const T2 = ["path",[]];
 const T3 = ["circle",[]];
-const T4 = ["rect",[]];
+const T4 = ["rect",[],"\n        "];
 const T5 = ["line",[]];
 let P0, P1, P2, P3, P4, P5;
 const E = new Map();
@@ -158,7 +158,7 @@ export function createUiIcon(options = {}, html) {
   const p0 = (r, c, d) => {
     if (c & 1073741826) r.L0.update(g(0), d, c);
   };
-  const t0 = element.firstChild.firstChild;
+  const t0 = element.firstChild.nextSibling.firstChild;
   const R = { L0: new IndexedList(t0, t0.nextSibling, m1, p1, undefined, "shape") };
   const I = { B };
   attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, X, I);

package/vanilla/UiIconButton.d.ts

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

package/vanilla/UiIconButton.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-icon-button/ui-icon-button.js";
 import "../styles/ui-icon-button.css";
 
-const T0 = ["",[],1,["span",["class","content"],4]];
+const T0 = ["",[],"\n    ",1,"\n    ",["span",["class","content"],4],"\n  "];
 const T1 = ["ui-spinner",["size","sm"]];
 const T2 = ["",[]];
 let P0, P1, P2;
@@ -80,8 +80,8 @@ export function createUiIconButton(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
     else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling.firstChild;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined, f1: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiImage.d.ts

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

package/vanilla/UiImage.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkInteger, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-image/ui-image.js";
 import "../styles/ui-image.css";
 
-const T0 = ["",[],["div",["class","frame"],4,["div",["class","handles"],["button",["type","button","class","handle","data-corner","top-left","aria-label","Resize image from top left"]],["button",["type","button","class","handle","data-corner","top-right","aria-label","Resize image from top right"]],["button",["type","button","class","handle","data-corner","bottom-left","aria-label","Resize image from bottom left"]],["button",["type","button","class","handle","data-corner","bottom-right","aria-label","Resize image from bottom right"]]],4]];
+const T0 = ["",[],"\n    ",["div",["class","frame"],"\n      ",4,"\n      ",["div",["class","handles"],"\n        ",["button",["type","button","class","handle","data-corner","top-left","aria-label","Resize image from top left"]],"\n        ",["button",["type","button","class","handle","data-corner","top-right","aria-label","Resize image from top right"]],"\n        ",["button",["type","button","class","handle","data-corner","bottom-left","aria-label","Resize image from bottom left"]],"\n        ",["button",["type","button","class","handle","data-corner","bottom-right","aria-label","Resize image from bottom right"]],"\n      "],"\n      ",4,"\n    "],"\n  "];
 const T1 = ["",[],["img",[]]];
 const T2 = ["",[]];
 let P0, P1, P2;
@@ -77,10 +77,10 @@ export function createUiImage(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
     else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.firstChild;
-  const t2 = t1.nextSibling.nextSibling;
-  const t3 = t2.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild.nextSibling;
+  const t2 = t1.nextSibling.nextSibling.nextSibling;
+  const t3 = t2.nextSibling.nextSibling;
   const R = { n: element, a2: t2, v0: null, v1: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a3: t3, e1: t3.nextSibling, b1: undefined, f1: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiInput.d.ts

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

package/vanilla/UiInput.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, NONCONFORMING, toAttribute, writeAttribute, formatOf, keywordFormat, hostState, acceptProps, manageProps, checkSelected, checkBoolean, checkFormat, checkNumber, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-input/ui-input.js";
 import "../styles/ui-input.css";

package/vanilla/UiInputGroup.d.ts

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

package/vanilla/UiInputGroup.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-input-group/ui-input-group.js";
 import "../styles/ui-input-group.css";
 
-const T0 = ["",[],["span",["class","affix"],4],["span",["class","field"],4],["span",["class","affix"],4],["span",["class","action"],4]];
+const T0 = ["",[],"\n    ",["span",["class","affix"],4],"\n    ",["span",["class","field"],4],"\n    ",["span",["class","affix"],4],"\n    ",["span",["class","action"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
@@ -75,13 +75,13 @@ export function createUiInputGroup(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b3 = m4(d); at.before(r.b3.n); } }
     else if (r.b3 !== undefined) p4(r.b3, c, d);
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
-  const t2 = t0.nextSibling;
+  const t2 = t0.nextSibling.nextSibling;
   const t3 = t2.firstChild;
-  const t4 = t2.nextSibling;
+  const t4 = t2.nextSibling.nextSibling;
   const t5 = t4.firstChild;
-  const t6 = t4.nextSibling.firstChild;
+  const t6 = t4.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, a0: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a1: t3, e1: t3.nextSibling, b1: undefined, f1: undefined, a2: t5, e2: t5.nextSibling, b2: undefined, f2: undefined, a3: t6, e3: t6.nextSibling, b3: undefined, f3: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiList.d.ts

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

package/vanilla/UiList.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-list.css";
 

package/vanilla/UiListItem.d.ts

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

package/vanilla/UiListItem.js

@@ -1,8 +1,8 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-list-item.css";
 
-const T0 = ["",[],["span",["class","leading"],4],["span",["class","content"],["span",["class","title"],4],["span",["class","description"],4]],["span",["class","trailing"],4]];
+const T0 = ["",[],"\n    ",["span",["class","leading"],4],"\n    ",["span",["class","content"],"\n      ",["span",["class","title"],4],"\n      ",["span",["class","description"],4],"\n    "],"\n    ",["span",["class","trailing"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
@@ -78,13 +78,13 @@ export function createUiListItem(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b3 = m4(d); at.before(r.b3.n); } }
     else if (r.b3 !== undefined) p4(r.b3, c, d);
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
-  const t2 = t0.nextSibling;
-  const t3 = t2.firstChild;
+  const t2 = t0.nextSibling.nextSibling;
+  const t3 = t2.firstChild.nextSibling;
   const t4 = t3.firstChild;
-  const t5 = t3.nextSibling.firstChild;
-  const t6 = t2.nextSibling.firstChild;
+  const t5 = t3.nextSibling.nextSibling.firstChild;
+  const t6 = t2.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, v1: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a2: t4, e1: t4.nextSibling, b1: undefined, f1: undefined, a3: t5, e2: t5.nextSibling, b2: undefined, f2: undefined, a4: t6, e3: t6.nextSibling, b3: undefined, f3: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiListbox.d.ts

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

package/vanilla/UiListbox.js

@@ -1,12 +1,12 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, checkReference, clearRegion, KeyedList, negate, NONCONFORMING, readIndex, readMember, textCall, toAttribute, toText, trackContainer, truthy, visitSelected, writeAttribute, dispatchDeclared, detailCheck, dispose, IndexedList, keywordFormat, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkList, checkNull, checkNumber, checkObject, checkString, checkUnion } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-listbox/ui-listbox.js";
 import "../styles/ui-listbox.css";
 
-const T0 = ["",[],["div",["class","choices"],["ui-scroll-area",[],2]],["select",["class","fallback","aria-label","Choices"],4],1,["input",["class","validity","type","checkbox","aria-hidden","true","tabindex","-1"]]];
-const T1 = ["div",["class","option","role","option","data-ui-choice-option",""],["span",[],0]];
+const T0 = ["",[],"\n    ",["div",["class","choices"],"\n      ",["ui-scroll-area",[],2],"\n    "],"\n    ",["select",["class","fallback","aria-label","Choices"],"\n      ",4,"\n    "],"\n    ",1,"\n    ",["input",["class","validity","type","checkbox","aria-hidden","true","tabindex","-1"]],"\n  "];
+const T1 = ["div",["class","option","role","option","data-ui-choice-option",""],"\n          ",["span",[],0],"\n        "];
 const T2 = ["",[]];
-const T3 = ["",[],2];
+const T3 = ["",[],"\n      ",2,"\n    "];
 const T4 = ["input",["type","hidden"]];
 let P0, P1, P2, P3, P4;
 const E = new Map();
@@ -30,7 +30,7 @@ export function createUiListbox(options = {}, html) {
   let s3 = v[3];
   const m1 = (o, j, l) => {
     const n = (P1 ??= buildTemplate(T1)).cloneNode(true);
-    const t0 = n.firstChild.firstChild;
+    const t0 = n.firstChild.nextSibling.firstChild;
     const r = { k: undefined, i: o, n, x: 0, y: 0, a1: t0, w: 0, v0: false, v1: null, v2: null, v3: null, v4: null, v5: null, v6: "" };
     p1(r, -1, E);
     return r;
@@ -82,7 +82,7 @@ export function createUiListbox(options = {}, html) {
   };
   const m3 = (d) => {
     const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const r = { n, L0: new IndexedList(t0, t0.nextSibling, m4, p4, undefined, "selected") };
     p3(r, -1, d);
     return r;
@@ -193,13 +193,13 @@ export function createUiListbox(options = {}, html) {
     else if (r.b1 !== undefined) p2(r.b1, c, d);
     s3 = v[3];
   };
-  const t0 = element.firstChild;
-  const t1 = t0.firstChild;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild.nextSibling;
   const t2 = t1.firstChild;
-  const t3 = t0.nextSibling;
-  const t4 = t3.firstChild;
-  const t5 = t3.nextSibling;
-  const t6 = t5.nextSibling.nextSibling;
+  const t3 = t0.nextSibling.nextSibling;
+  const t4 = t3.firstChild.nextSibling;
+  const t5 = t3.nextSibling.nextSibling;
+  const t6 = t5.nextSibling.nextSibling.nextSibling;
   const R = { n: element, a3: t3, a6: t6, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: null, v7: null, v8: null, v9: null, v10: null, v11: null, v12: null, v13: null, L0: new KeyedList(t2, t2.nextSibling, m1, p1, (o) => readMember(o, "index"), "choice"), a4: t4, e1: t4.nextSibling, b1: undefined, f1: undefined, a5: t5, e2: t5.nextSibling, b2: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiMenu.d.ts

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

package/vanilla/UiMenu.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-menu/ui-menu.js";
 import "../styles/ui-menu.css";

package/vanilla/UiMenuGroup.d.ts

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

package/vanilla/UiMenuGroup.js

@@ -1,8 +1,8 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, toAttribute, toText, truthy, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-menu-group.css";
 
-const T0 = ["",[],1,4];
+const T0 = ["",[],"\n    ",1,"\n    ",4,"\n  "];
 const T1 = ["div",["class","heading"],0];
 const T2 = ["",[]];
 let P0, P1, P2;
@@ -57,8 +57,8 @@ export function createUiMenuGroup(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
     else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling;
   const R = { n: element, v0: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined, f1: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiMenuItem.d.ts

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

package/vanilla/UiMenuItem.js

@@ -1,13 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-menu-item/ui-menu-item.js";
 import "../styles/ui-menu-item.css";
 
-const T0 = ["",[],["span",["class","icon","aria-hidden","true"],4],["span",["class","label"],4],["span",["class","shortcut","aria-hidden","true"],4]];
+const T0 = ["",[],"\n      ",["span",["class","icon","aria-hidden","true"],4],"\n      ",["span",["class","label"],4],"\n      ",["span",["class","shortcut","aria-hidden","true"],4],"\n    "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
-const T4 = ["",[],["span",["class","indicator","aria-hidden","true"],1],["span",["class","icon","aria-hidden","true"],4],["span",["class","label"],4],["span",["class","shortcut","aria-hidden","true"],4]];
+const T4 = ["",[],"\n      ",["span",["class","indicator","aria-hidden","true"],"\n        ",1,"\n      "],"\n      ",["span",["class","icon","aria-hidden","true"],4],"\n      ",["span",["class","label"],4],"\n      ",["span",["class","shortcut","aria-hidden","true"],4],"\n    "];
 const T5 = ["ui-icon",["name","check"]];
 const T6 = ["",[]];
 const T7 = ["",[]];
@@ -102,11 +102,11 @@ export function createUiMenuItem(options = {}, html) {
   };
   const m0 = (n, d) => {
     n.append((P0 ??= buildTemplate(T0)).cloneNode(true));
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const t1 = t0.firstChild;
-    const t2 = t0.nextSibling;
+    const t2 = t0.nextSibling.nextSibling;
     const t3 = t2.firstChild;
-    const t4 = t2.nextSibling.firstChild;
+    const t4 = t2.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a2: t3, e1: t3.nextSibling, b1: undefined, f1: undefined, a3: t4, e2: t4.nextSibling, b2: undefined, f2: undefined };
     p0(r, -1, d);
     return r;
@@ -146,13 +146,13 @@ export function createUiMenuItem(options = {}, html) {
   };
   const m4 = (n, d) => {
     n.append((P4 ??= buildTemplate(T4)).cloneNode(true));
-    const t0 = n.firstChild;
-    const t1 = t0.firstChild;
-    const t2 = t0.nextSibling;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.firstChild.nextSibling;
+    const t2 = t0.nextSibling.nextSibling;
     const t3 = t2.firstChild;
-    const t4 = t2.nextSibling;
+    const t4 = t2.nextSibling.nextSibling;
     const t5 = t4.firstChild;
-    const t6 = t4.nextSibling.firstChild;
+    const t6 = t4.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, a2: t3, e1: t3.nextSibling, b1: undefined, f1: undefined, a3: t5, e2: t5.nextSibling, b2: undefined, f2: undefined, a4: t6, e3: t6.nextSibling, b3: undefined, f3: undefined };
     p4(r, -1, d);
     return r;

package/vanilla/UiMeter.d.ts

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

package/vanilla/UiMeter.js

@@ -1,11 +1,11 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, binaryValue, buildTemplate, clearRegion, formatCall, mathCall, NONCONFORMING, readIndex, readMember, recordValue, textCall, toAttribute, toText, trackContainer, truthy, writeAttribute, computedCycle, formatOf, keywordFormat, hostState, acceptProps, manageProps, RangedIndexedList, readonlyView, checkFormat, checkList, checkNumber, checkObject, checkString, subtract, multiply } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-meter.css";
 
-const T0 = ["",[],1,1];
+const T0 = ["",[],"\n    ",1,"\n    ",1,"\n  "];
 const T1 = ["span",["class","fill"]];
-const T2 = ["",[],2];
-const T3 = ["",[],1];
+const T2 = ["",[],"\n      ",2,"\n    "];
+const T3 = ["",[],"\n        ",1,"\n      "];
 const T4 = ["span",["class","part","aria-hidden","true"]];
 let P0, P1, P2, P3, P4;
 const E = new Map();
@@ -55,7 +55,7 @@ export function createUiMeter(options = {}, html) {
   };
   const m2 = (d) => {
     const n = (P2 ??= buildTemplate(T2)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const r = { n, L0: new RangedIndexedList(t0, t0.nextSibling, m3, p3, undefined, "part") };
     p2(r, -1, d);
     return r;
@@ -65,7 +65,7 @@ export function createUiMeter(options = {}, html) {
   };
   const m3 = (o, j, l) => {
     const n = (P3 ??= buildTemplate(T3)).cloneNode(true);
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const s = document.createComment("html-next:item-start"), t = document.createComment("html-next:item-end");
     n.prepend(s);
     n.append(t);
@@ -159,8 +159,8 @@ export function createUiMeter(options = {}, html) {
       else { r.b1 = m2(d); r.e1.before(r.b1.n); }
     } else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling;
   const R = { n: element, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, v7: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined };
   const I = { B };
   attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, X, I);

package/vanilla/UiNavItem.d.ts

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

package/vanilla/UiNavItem.js

@@ -1,13 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-nav-item.css";
 
-const T0 = ["",[],["span",["class","indicator","aria-hidden","true"]],["span",["class","leading"],4],["span",["class","content"],["span",["class","label"],4],["span",["class","description"],4]],["span",["class","trailing"],4]];
+const T0 = ["",[],"\n      ",["span",["class","indicator","aria-hidden","true"]],"\n      ",["span",["class","leading"],4],"\n      ",["span",["class","content"],"\n        ",["span",["class","label"],4],"\n        ",["span",["class","description"],4],"\n      "],"\n      ",["span",["class","trailing"],4],"\n    "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
 const T4 = ["",[]];
-const T5 = ["",[],["span",["class","indicator","aria-hidden","true"]],["span",["class","leading"],4],["span",["class","content"],["span",["class","label"],4],["span",["class","description"],4]],["span",["class","trailing"],4]];
+const T5 = ["",[],"\n      ",["span",["class","indicator","aria-hidden","true"]],"\n      ",["span",["class","leading"],4],"\n      ",["span",["class","content"],"\n        ",["span",["class","label"],4],"\n        ",["span",["class","description"],4],"\n      "],"\n      ",["span",["class","trailing"],4],"\n    "];
 const T6 = ["",[]];
 const T7 = ["",[]];
 const T8 = ["",[]];
@@ -107,13 +107,13 @@ export function createUiNavItem(options = {}, html) {
   };
   const m0 = (n, d) => {
     n.append((P0 ??= buildTemplate(T0)).cloneNode(true));
-    const t0 = n.firstChild.nextSibling;
+    const t0 = n.firstChild.nextSibling.nextSibling.nextSibling;
     const t1 = t0.firstChild;
-    const t2 = t0.nextSibling;
-    const t3 = t2.firstChild;
+    const t2 = t0.nextSibling.nextSibling;
+    const t3 = t2.firstChild.nextSibling;
     const t4 = t3.firstChild;
-    const t5 = t3.nextSibling.firstChild;
-    const t6 = t2.nextSibling.firstChild;
+    const t5 = t3.nextSibling.nextSibling.firstChild;
+    const t6 = t2.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a2: t4, e1: t4.nextSibling, b1: undefined, f1: undefined, a3: t5, e2: t5.nextSibling, b2: undefined, f2: undefined, a4: t6, e3: t6.nextSibling, b3: undefined, f3: undefined };
     p0(r, -1, d);
     return r;
@@ -161,13 +161,13 @@ export function createUiNavItem(options = {}, html) {
   };
   const m5 = (n, d) => {
     n.append((P5 ??= buildTemplate(T5)).cloneNode(true));
-    const t0 = n.firstChild.nextSibling;
+    const t0 = n.firstChild.nextSibling.nextSibling.nextSibling;
     const t1 = t0.firstChild;
-    const t2 = t0.nextSibling;
-    const t3 = t2.firstChild;
+    const t2 = t0.nextSibling.nextSibling;
+    const t3 = t2.firstChild.nextSibling;
     const t4 = t3.firstChild;
-    const t5 = t3.nextSibling.firstChild;
-    const t6 = t2.nextSibling.firstChild;
+    const t5 = t3.nextSibling.nextSibling.firstChild;
+    const t6 = t2.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a2: t4, e1: t4.nextSibling, b1: undefined, f1: undefined, a3: t5, e2: t5.nextSibling, b2: undefined, f2: undefined, a4: t6, e3: t6.nextSibling, b3: undefined, f3: undefined };
     p5(r, -1, d);
     return r;

package/vanilla/UiPageHeader.d.ts

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

package/vanilla/UiPageHeader.js

@@ -1,8 +1,8 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-page-header.css";
 
-const T0 = ["",[],["span",["class","leading"],4],["span",["class","copy"],["span",["class","eyebrow"],4],["h1",["class","title"],4],["span",["class","description"],4]],["span",["class","actions"],4]];
+const T0 = ["",[],"\n    ",["span",["class","leading"],4],"\n    ",["span",["class","copy"],"\n      ",["span",["class","eyebrow"],4],"\n      ",["h1",["class","title"],4],"\n      ",["span",["class","description"],4],"\n    "],"\n    ",["span",["class","actions"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
@@ -85,15 +85,15 @@ export function createUiPageHeader(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b4 = m5(d); at.before(r.b4.n); } }
     else if (r.b4 !== undefined) p5(r.b4, c, d);
   };
-  const t0 = element.firstChild;
+  const t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
-  const t2 = t0.nextSibling;
-  const t3 = t2.firstChild;
+  const t2 = t0.nextSibling.nextSibling;
+  const t3 = t2.firstChild.nextSibling;
   const t4 = t3.firstChild;
-  const t5 = t3.nextSibling;
+  const t5 = t3.nextSibling.nextSibling;
   const t6 = t5.firstChild;
-  const t7 = t5.nextSibling.firstChild;
-  const t8 = t2.nextSibling.firstChild;
+  const t7 = t5.nextSibling.nextSibling.firstChild;
+  const t8 = t2.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, a0: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a1: t4, e1: t4.nextSibling, b1: undefined, f1: undefined, a2: t6, e2: t6.nextSibling, b2: undefined, f2: undefined, a3: t7, e3: t7.nextSibling, b3: undefined, f3: undefined, a4: t8, e4: t8.nextSibling, b4: undefined, f4: undefined };
   const I = { B };
   const J = project(I, children, slots);

package/vanilla/UiPopover.d.ts

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

package/vanilla/UiPopover.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 for Vanilla DOM. Do not edit.
 import { attachGeneratedController, buildTemplate, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-popover/ui-popover.js";
 import "../styles/ui-popover.css";

package/vanilla/UiRadio.d.ts

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

package/vanilla/UiRadio.js

@@ -1,9 +1,9 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 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";
 
-const T0 = ["",[],["input",["type","radio"]],["span",["class","text"],["span",["class","label"],4],["span",["class","description","aria-hidden","true"],4]]];
+const T0 = ["",[],"\n    ",["input",["type","radio"]],"\n    ",["span",["class","text"],"\n      ",["span",["class","label"],4],"\n      ",["span",["class","description","aria-hidden","true"],4],"\n    "],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
@@ -79,11 +79,11 @@ export function createUiRadio(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b1 = m2(d); at.before(r.b1.n); } }
     else if (r.b1 !== undefined) p2(r.b1, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling;
-  const t2 = t1.firstChild;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling;
+  const t2 = t1.firstChild.nextSibling;
   const t3 = t2.firstChild;
-  const t4 = t2.nextSibling;
+  const t4 = t2.nextSibling.nextSibling;
   const t5 = t4.firstChild;
   const R = { n: element, a0: t0, v0: undefined, v1: null, v2: null, v3: null, v4: null, v5: undefined, a1: t3, e0: t3.nextSibling, b0: undefined, f0: undefined, a3: t5, e1: t5.nextSibling, b1: undefined, f1: undefined };
   const I = { B };

package/vanilla/UiRadioGroup.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.53 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.54 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" }>;