@threadlabs/looma 0.29.0 → 0.29.2

package/styles/ui-textarea.css

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

package/styles/ui-toast-region.css

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

package/styles/ui-toast.css

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

package/styles/ui-tooltip.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.53. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.54. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -82,9 +82,13 @@
         overlay var(--ui-motion-fast) allow-discrete;
     }
 
+    /* The label and the shortcut sit side by side, a gap apart, with the label wrapping on its own. */
     .surface {
       --_tooltip-line: var(--_ui-tooltip-border, var(--ui-overlay-border, var(--ui-border-strong)));
       position: relative;
+      display: flex;
+      align-items: baseline;
+      gap: var(--ui-space-2);
       box-sizing: border-box;
       max-inline-size: var(--_ui-tooltip-max-inline-size, 18rem);
       border: var(--ui-border-width) solid var(--_tooltip-line);
@@ -103,7 +107,6 @@
     .shortcut {
       display: inline-flex;
       align-items: center;
-      margin-inline-start: var(--ui-space-2);
       padding-inline-start: var(--ui-space-2);
       border-inline-start: 1px solid color-mix(in oklab, currentColor 28%, transparent);
       color: color-mix(in oklab, currentColor 72%, transparent);
@@ -221,6 +224,8 @@
 @scope ([data-component~="ui-tooltip"]) to ([data-component]) {
 /* This component's hooks style the element they are set on, and never a nested one. */
 
+    /* The label and the shortcut sit side by side, a gap apart, with the label wrapping on its own. */
+
     /* A keyboard shortcut follows the label after a thin divider, smaller and quieter, as menus show
        it. The label stays first in the description, so a screen reader hears the name, then the keys. */
 

package/styles/ui-top-bar.css

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

package/styles/ui-tree-item.css

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

package/styles/ui-tree.css

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

package/vanilla/UiActionBar.d.ts

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

package/vanilla/UiActionBar.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, dispose, project, fillSlot } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-action-bar.css";
 
-const T0 = ["",[],["div",["class","bar"],["span",["class","tertiary"],4],["span",["class","secondary"],4,4],["span",["class","primary"],4]]];
+const T0 = ["",[],"\n    \n    ",["div",["class","bar"],"\n      ",["span",["class","tertiary"],4],"\n      ",["span",["class","secondary"],4,4],"\n      ",["span",["class","primary"],4],"\n    "],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 const T3 = ["",[]];
@@ -66,13 +66,13 @@ export function createUiActionBar(options = {}) {
       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 t1 = t0.firstChild;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild.nextSibling;
   const t2 = t1.firstChild;
-  const t3 = t1.nextSibling;
+  const t3 = t1.nextSibling.nextSibling;
   const t4 = t3.firstChild;
   const t5 = t4.nextSibling.nextSibling;
-  const t6 = t3.nextSibling.firstChild;
+  const t6 = t3.nextSibling.nextSibling.firstChild;
   const R = { a0: t2, e0: t2.nextSibling, b0: undefined, f0: undefined, a1: t4, e1: t4.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 = {};
   const J = project(I, children, slots);

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

package/vanilla/UiAffordanceScope.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, checkFormat, checkNumber } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-affordance-scope/ui-affordance-scope.js";
 import "../styles/ui-affordance-scope.css";

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

package/vanilla/UiAvatar.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, toText, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar/ui-avatar.js";
 import "../styles/ui-avatar.css";
 
-const T0 = ["",[],4,["img",["class","image","alt","","aria-hidden","true"]],["span",["class","fallback"],["span",[],0],["span",[],["ui-icon",["name","user-round"]]]]];
+const T0 = ["",[],"\n    ",4,"\n    ",["img",["class","image","alt","","aria-hidden","true"]],"\n    ",["span",["class","fallback"],"\n      ",["span",[],0],"\n      ",["span",[],["ui-icon",["name","user-round"]]],"\n    "],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: ["hasImage","hasAuthoredImage","initials","showGlyph"], t: ["b","b","s","b"], f: import.meta.url, g: "ui-avatar" };
@@ -69,12 +69,12 @@ export function createUiAvatar(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m1(d); at.before(r.b0.n); } }
     else if (r.b0 !== undefined) p1(r.b0, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling;
-  const t2 = t1.nextSibling;
-  const t3 = t2.firstChild;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling;
+  const t2 = t1.nextSibling.nextSibling;
+  const t3 = t2.firstChild.nextSibling;
   const t4 = t3.firstChild;
-  const t5 = t3.nextSibling;
+  const t5 = t3.nextSibling.nextSibling;
   const R = { n: element, a1: t1, a2: t2, a3: t3, a4: t4, a5: t5, v0: null, v1: null, v2: null, v3: null, v4: null, v5: "", v6: null, v7: undefined, a0: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);

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

package/vanilla/UiAvatarGroup.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, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkInteger, checkNumber, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar-group/ui-avatar-group.js";
 import "../styles/ui-avatar-group.css";
 
-const T0 = ["",[],4,["span",["class","overflow","role","img"],0]];
+const T0 = ["",[],"\n    ",4,"\n    ",["span",["class","overflow","role","img"],0],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: ["overflowCount","overflowAnnouncement"], t: ["i","s"], f: import.meta.url, g: "ui-avatar-group" };
@@ -58,8 +58,8 @@ export function createUiAvatarGroup(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m1(d); at.before(r.b0.n); } }
     else if (r.b0 !== undefined) p1(r.b0, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.nextSibling.nextSibling.nextSibling;
   const t2 = t1.firstChild;
   const R = { n: element, a2: t1, a3: t2, v0: undefined, v1: null, v2: null, v3: "", v4: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
   const I = { B };

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

package/vanilla/UiBadge.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-badge.css";
 
-const T0 = ["",[],["span",["class","icon","aria-hidden","true"],4],["span",["class","label"],4]];
+const T0 = ["",[],"\n    ",["span",["class","icon","aria-hidden","true"],4],"\n    ",["span",["class","label"],4],"\n  "];
 const T1 = ["",[]];
 const T2 = ["",[]];
 let P0, P1, P2;
@@ -49,9 +49,9 @@ export function createUiBadge(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 t0 = element.firstChild.nextSibling;
   const t1 = t0.firstChild;
-  const t2 = t0.nextSibling.firstChild;
+  const t2 = t0.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, a0: t1, e0: t1.nextSibling, b0: undefined, f0: undefined, a1: t2, e1: t2.nextSibling, b1: undefined, f1: undefined };
   const I = { B };
   const J = project(I, children, slots);

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

package/vanilla/UiBreadcrumbItem.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, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-breadcrumb-item.css";
 
-const T0 = ["",[],["span",["class","separator","aria-hidden","true"],["ui-icon",["name","chevron-right"]]],["span",["class","content"],4]];
+const T0 = ["",[],"\n    ",["span",["class","separator","aria-hidden","true"],["ui-icon",["name","chevron-right"]]],"\n    ",["span",["class","content"],4],"\n  "];
 const T1 = ["",[]];
 let P0, P1;
 const S = { n: [], t: [], f: import.meta.url, g: "ui-breadcrumb-item" };
@@ -44,7 +44,7 @@ export function createUiBreadcrumbItem(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b0 = m1(d); at.before(r.b0.n); } }
     else if (r.b0 !== undefined) p1(r.b0, c, d);
   };
-  const t0 = element.firstChild.nextSibling.firstChild;
+  const t0 = element.firstChild.nextSibling.nextSibling.nextSibling.firstChild;
   const R = { n: element, v0: undefined, v1: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, f0: undefined };
   const I = { B };
   const J = project(I, children, slots);

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

package/vanilla/UiBreadcrumbs.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, toAttribute, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-breadcrumbs.css";
 

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

package/vanilla/UiButton.js

@@ -1,25 +1,25 @@
-// 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, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-button/ui-button.js";
 import "../styles/ui-button.css";
 
-const T0 = ["",[],["span",["class","card-icon"],1,1],["span",["class","card-content"],4],["span",["class","card-action"],4]];
+const T0 = ["",[],"\n      ",["span",["class","card-icon"],1,1],"\n      ",["span",["class","card-content"],4],"\n      ",["span",["class","card-action"],4],"\n    "];
 const T1 = ["ui-spinner",["size","sm"]];
 const T2 = ["",[],4];
 const T3 = ["",[]];
 const T4 = ["",[]];
 const T5 = ["",[],["ui-icon",["name","chevron-right","aria-hidden","true"]]];
-const T6 = ["",[],["span",["class","card-icon"],1,1],["span",["class","card-content"],4],["span",["class","card-action"],4]];
+const T6 = ["",[],"\n      ",["span",["class","card-icon"],1,1],"\n      ",["span",["class","card-content"],4],"\n      ",["span",["class","card-action"],4],"\n    "];
 const T7 = ["ui-spinner",["size","sm"]];
 const T8 = ["",[],4];
 const T9 = ["",[]];
 const T10 = ["",[]];
 const T11 = ["",[],["ui-icon",["name","chevron-right","aria-hidden","true"]]];
-const T12 = ["",[],1,4,["span",["class","badge"],4]];
+const T12 = ["",[],"\n      ",1,"\n      ",4,"\n      ",["span",["class","badge"],4],"\n    "];
 const T13 = ["span",["class","spinner-wrap"],["ui-spinner",["size","sm"]]];
 const T14 = ["",[]];
 const T15 = ["",[]];
-const T16 = ["",[],1,4,["span",["class","badge"],4]];
+const T16 = ["",[],"\n      ",1,"\n      ",4,"\n      ",["span",["class","badge"],4],"\n    "];
 const T17 = ["span",["class","spinner-wrap"],["ui-spinner",["size","sm"]]];
 const T18 = ["",[]];
 const T19 = ["",[]];
@@ -204,12 +204,12 @@ export function createUiButton(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 = t1.nextSibling.nextSibling;
-    const t3 = t0.nextSibling;
+    const t3 = t0.nextSibling.nextSibling;
     const t4 = t3.firstChild;
-    const t5 = t3.nextSibling.firstChild;
+    const t5 = t3.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, a2: t2, e1: t2.nextSibling, b1: undefined, a3: t4, e2: t4.nextSibling, b2: undefined, f2: undefined, a4: t5, e3: t5.nextSibling, b3: undefined, f3: undefined };
     r.z = [() => dispose(r.b1)];
     p0(r, -1, d);
@@ -274,12 +274,12 @@ export function createUiButton(options = {}, html) {
   };
   const m6 = (n, d) => {
     n.append((P6 ??= buildTemplate(T6)).cloneNode(true));
-    const t0 = n.firstChild;
+    const t0 = n.firstChild.nextSibling;
     const t1 = t0.firstChild;
     const t2 = t1.nextSibling.nextSibling;
-    const t3 = t0.nextSibling;
+    const t3 = t0.nextSibling.nextSibling;
     const t4 = t3.firstChild;
-    const t5 = t3.nextSibling.firstChild;
+    const t5 = t3.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, a1: t1, e0: t1.nextSibling, b0: undefined, a2: t2, e1: t2.nextSibling, b1: undefined, a3: t4, e2: t4.nextSibling, b2: undefined, f2: undefined, a4: t5, e3: t5.nextSibling, b3: undefined, f3: undefined };
     r.z = [() => dispose(r.b1)];
     p6(r, -1, d);
@@ -330,9 +330,9 @@ export function createUiButton(options = {}, html) {
   };
   const m12 = (n, d) => {
     n.append((P12 ??= buildTemplate(T12)).cloneNode(true));
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.nextSibling;
-    const t2 = t1.nextSibling.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.nextSibling;
+    const t2 = t1.nextSibling.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, v5: undefined, v6: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined, f1: undefined, a3: t2, e2: t2.nextSibling, b2: undefined, f2: undefined };
     p12(r, -1, d);
     return r;
@@ -392,9 +392,9 @@ export function createUiButton(options = {}, html) {
   };
   const m16 = (n, d) => {
     n.append((P16 ??= buildTemplate(T16)).cloneNode(true));
-    const t0 = n.firstChild;
-    const t1 = t0.nextSibling.nextSibling;
-    const t2 = t1.nextSibling.nextSibling.firstChild;
+    const t0 = n.firstChild.nextSibling;
+    const t1 = t0.nextSibling.nextSibling.nextSibling;
+    const t2 = t1.nextSibling.nextSibling.nextSibling.firstChild;
     const r = { n, v0: undefined, v1: undefined, v2: undefined, v3: undefined, v4: undefined, a1: t0, e0: t0.nextSibling, b0: undefined, a2: t1, e1: t1.nextSibling, b1: undefined, f1: undefined, a3: t2, e2: t2.nextSibling, b2: undefined, f2: undefined };
     p16(r, -1, d);
     return r;

package/vanilla/UiCallout.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 UiCalloutEventMap {
 }
 export interface UiCalloutElement extends HTMLDivElement {

package/vanilla/UiCallout.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, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkString } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-callout.css";
 
-const T0 = ["",[],["span",["class","icon","aria-hidden","true"],1,1,1,1,1,1,1],["div",["class","content"],1,4]];
+const T0 = ["",[],"\n    ",["span",["class","icon","aria-hidden","true"],"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n    "],"\n    ",["div",["class","content"],"\n      ",1,"\n      ",4,"\n    "],"\n  "];
 const T1 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["circle",["cx","12","cy","12","r","10"]],["path",["d","M12 16v-4"]],["path",["d","M12 8h.01"]]];
 const T2 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["path",["d","M13.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8.5L13.5 2Z"]],["path",["d","M13 2v7h7"]],["path",["d","m9.5 17.5 4-4 2 2-4 4H9.5v-2Z"]]];
 const T3 = ["svg",["viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["path",["d","M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"]],["path",["d","M9 18h6"]],["path",["d","M10 22h4"]]];
@@ -148,17 +148,17 @@ export function createUiCallout(options = {}, html) {
       if (Array.isArray(at)) (r.z ??= []).push(() => { at[0].l.delete(at[1]); dispose(at[1]); }); else if (at !== undefined) { r.b8 = m9(d); at.before(r.b8.n); } }
     else if (r.b8 !== undefined) p9(r.b8, c, d);
   };
-  const t0 = element.firstChild;
-  const t1 = t0.firstChild;
-  const t2 = t1.nextSibling.nextSibling;
-  const t3 = t2.nextSibling.nextSibling;
-  const t4 = t3.nextSibling.nextSibling;
-  const t5 = t4.nextSibling.nextSibling;
-  const t6 = t5.nextSibling.nextSibling;
-  const t7 = t6.nextSibling.nextSibling;
-  const t8 = t0.nextSibling;
-  const t9 = t8.firstChild;
-  const t10 = t9.nextSibling.nextSibling;
+  const t0 = element.firstChild.nextSibling;
+  const t1 = t0.firstChild.nextSibling;
+  const t2 = t1.nextSibling.nextSibling.nextSibling;
+  const t3 = t2.nextSibling.nextSibling.nextSibling;
+  const t4 = t3.nextSibling.nextSibling.nextSibling;
+  const t5 = t4.nextSibling.nextSibling.nextSibling;
+  const t6 = t5.nextSibling.nextSibling.nextSibling;
+  const t7 = t6.nextSibling.nextSibling.nextSibling;
+  const t8 = t0.nextSibling.nextSibling;
+  const t9 = t8.firstChild.nextSibling;
+  const t10 = t9.nextSibling.nextSibling.nextSibling;
   const R = { n: element, v0: undefined, a0: t1, e0: t1.nextSibling, b0: undefined, a1: t2, e1: t2.nextSibling, b1: undefined, a2: t3, e2: t3.nextSibling, b2: undefined, a3: t4, e3: t4.nextSibling, b3: undefined, a4: t5, e4: t5.nextSibling, b4: undefined, a5: t6, e5: t6.nextSibling, b5: undefined, a6: t7, e6: t7.nextSibling, b6: undefined, a7: t9, e7: t9.nextSibling, b7: undefined, a8: t10, e8: t10.nextSibling, b8: undefined, f8: undefined };
   const I = { B };
   const J = project(I, children, slots);

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

package/vanilla/UiCard.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-card.css";
 

package/vanilla/UiCheckbox.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 UiCheckboxEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiCheckbox.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-checkbox/ui-checkbox.js";
 import "../styles/ui-checkbox.css";
 
-const T0 = ["",[],["input",["type","checkbox"]],["span",["class","text"],["span",["class","label"],4],["span",["class","description","aria-hidden","true"],4]]];
+const T0 = ["",[],"\n    ",["input",["type","checkbox"]],"\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;
@@ -97,11 +97,11 @@ export function createUiCheckbox(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: null, v1: undefined, v2: undefined, v3: null, v4: null, v5: null, v6: null, v7: null, v8: undefined, a1: t3, e0: t3.nextSibling, b0: undefined, f0: undefined, a3: t5, e1: t5.nextSibling, b1: undefined, f1: undefined };
   const I = { B };

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

package/vanilla/UiCluster.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, checkBoolean, checkFormat } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-cluster.css";
 

package/vanilla/UiCombobox.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 UiComboboxEventMap {
   "query-change": CustomEvent<{ readonly query: string; readonly display: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   "value-change": CustomEvent<{ readonly value: string | null; readonly query: string; readonly option: { readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean; readonly description?: string; readonly tag?: { readonly label: string; readonly tone?: "neutral" | "accent" | "info" | "success" | "warning" | "danger"; readonly color?: string } } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;