@threadlabs/looma 0.29.18 → 0.30.1

package/styles/ui-switcher.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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; }
@@ -18,18 +18,24 @@
     }
 
     :scope:where([data-component~="ui-switcher"]) {
-      /* Hooks do not inherit, so the parts below read them from the root. */
-      --_ui-switcher-threshold: var(--ui-switcher-threshold);
-
       --_switcher-gap: var(--ui-space-4);
-      display: flex;
-      flex-wrap: wrap;
+      --_switcher-threshold: 30rem;
+      --_switcher-track: clamp(1px, (var(--ui-switcher-threshold, var(--_switcher-threshold)) - 100%) * 999, 100%);
+      /* Lays its children out from its own box: below the threshold each track takes the full width;
+         at or above it, tracks shrink to 1px so every child fits one row and empty tracks collapse.
+         The large multiplier makes the whole row flip at once. */
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(var(--_switcher-track), 1fr));
       gap: var(--ui-switcher-gap, var(--_switcher-gap));
       min-inline-size: 0;
       max-inline-size: 100%;
       margin: 0;
     }
 
+    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="overLimit"] {
+      grid-template-columns: minmax(0, 1fr);
+    }
+
     :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="gap=xs"] {
       --_switcher-gap: var(--ui-space-2);
     }
@@ -45,14 +51,23 @@
     :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="gap=xl"] {
       --_switcher-gap: var(--ui-space-6);
     }
+    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="threshold=xs"] {
+      --_switcher-threshold: 20rem;
+    }
+    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="threshold=md"] {
+      --_switcher-threshold: 45rem;
+    }
+    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="threshold=lg"] {
+      --_switcher-threshold: 60rem;
+    }
     :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="align=start"] {
-      align-items: flex-start;
+      align-items: start;
     }
     :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="align=center"] {
       align-items: center;
     }
     :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="align=end"] {
-      align-items: flex-end;
+      align-items: end;
     }
 
     /* A component that sets its display still honours the hidden attribute on its root. */
@@ -63,25 +78,5 @@
 @scope ([data-component~="ui-switcher"]) to ([data-component]) {
 /* This component's hooks style the element they are set on, and never a nested one. */
 
-    :scope:where([data-component~="ui-switcher"]) > :where([data-slotted], [data-slotted] *):is(*) {
-      min-inline-size: 0;
-      flex-grow: 1;
-      /* The large multiplier makes the basis flip as a group at the intrinsic threshold. */
-      flex-basis: calc((var(--_ui-switcher-threshold, 30rem) - 100%) * 999);
-    }
-
-    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="overLimit"] > :where([data-slotted], [data-slotted] *):is(*) {
-      flex-basis: 100%;
-    }
-    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="threshold=xs"] > :where([data-slotted], [data-slotted] *):is(*) {
-      flex-basis: calc((var(--_ui-switcher-threshold, 20rem) - 100%) * 999);
-    }
-    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="threshold=md"] > :where([data-slotted], [data-slotted] *):is(*) {
-      flex-basis: calc((var(--_ui-switcher-threshold, 45rem) - 100%) * 999);
-    }
-    :scope:where([data-component~="ui-switcher"])[data-ui-switcher-state~="threshold=lg"] > :where([data-slotted], [data-slotted] *):is(*) {
-      flex-basis: calc((var(--_ui-switcher-threshold, 60rem) - 100%) * 999);
-    }
-
     /* A component that sets its display still honours the hidden attribute on its root. */
 }

package/styles/ui-table.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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-tabs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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-text.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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-textarea.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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-top-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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.57. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.58. 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,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiActionBarEventMap {
 }
 export interface UiActionBarElement extends HTMLDivElement {
   addEventListener<K extends keyof UiActionBarEventMap>(type: K, listener: (this: UiActionBarElement, event: UiActionBarEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiActionBarElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiActionBarEventMap>(type: K, listener: (this: UiActionBarElement, event: UiActionBarEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiActionBarElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiActionBarProps {
   attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
@@ -11,3 +15,8 @@ export interface UiActionBarProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiActionBar(props?: UiActionBarProps): UiActionBarElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-action-bar": { element: UiActionBarElement; props: Omit<UiActionBarProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiActionBar.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, dispose, project, fillSlot } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, dispose, project, fillSlot, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-action-bar.css";
 
 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  "];
@@ -79,3 +79,4 @@ export function createUiActionBar(options = {}) {
   attachGeneratedController(element, S, v, ((c, d) => p0(R, c, d)), undefined, undefined, I);
   return element;
 }
+defineComponent("ui-action-bar", createUiActionBar, []);

package/vanilla/UiAffordanceScope.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiAffordanceScopeEventMap {
 }
 export interface UiAffordanceScopeElement extends HTMLSpanElement {
   addEventListener<K extends keyof UiAffordanceScopeEventMap>(type: K, listener: (this: UiAffordanceScopeElement, event: UiAffordanceScopeEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiAffordanceScopeElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiAffordanceScopeEventMap>(type: K, listener: (this: UiAffordanceScopeElement, event: UiAffordanceScopeEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiAffordanceScopeElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiAffordanceScopeProps {
   guide?: "dot" | "none" | null;
@@ -13,3 +17,8 @@ export interface UiAffordanceScopeProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiAffordanceScope(props?: UiAffordanceScopeProps): UiAffordanceScopeElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-affordance-scope": { element: UiAffordanceScopeElement; props: Omit<UiAffordanceScopeProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiAffordanceScope.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkNumber, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-affordance-scope/ui-affordance-scope.js";
 import "../styles/ui-affordance-scope.css";
 
@@ -48,3 +48,4 @@ export function createUiAffordanceScope(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-affordance-scope", createUiAffordanceScope, ["guide","nearRadius"]);

package/vanilla/UiAvatar.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiAvatarEventMap {
 }
 export interface UiAvatarElement extends HTMLSpanElement {
   addEventListener<K extends keyof UiAvatarEventMap>(type: K, listener: (this: UiAvatarElement, event: UiAvatarEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiAvatarElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiAvatarEventMap>(type: K, listener: (this: UiAvatarElement, event: UiAvatarEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiAvatarElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiAvatarProps {
   active?: boolean | null;
@@ -19,3 +23,8 @@ export interface UiAvatarProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiAvatar(props?: UiAvatarProps): UiAvatarElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-avatar": { element: UiAvatarElement; props: Omit<UiAvatarProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiAvatar.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, toText, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar/ui-avatar.js";
 import "../styles/ui-avatar.css";
 
@@ -84,3 +84,4 @@ export function createUiAvatar(options = {}, html) {
   I.r["image"] = t1;
   return element;
 }
+defineComponent("ui-avatar", createUiAvatar, ["active","alt","decorative","fallback","name","shape","size","src"]);

package/vanilla/UiAvatarGroup.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiAvatarGroupEventMap {
 }
 export interface UiAvatarGroupElement extends HTMLDivElement {
   addEventListener<K extends keyof UiAvatarGroupEventMap>(type: K, listener: (this: UiAvatarGroupElement, event: UiAvatarGroupEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiAvatarGroupElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiAvatarGroupEventMap>(type: K, listener: (this: UiAvatarGroupElement, event: UiAvatarGroupEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiAvatarGroupElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiAvatarGroupProps {
   label?: string | null;
@@ -16,3 +20,8 @@ export interface UiAvatarGroupProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiAvatarGroup(props?: UiAvatarGroupProps): UiAvatarGroupElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-avatar-group": { element: UiAvatarGroupElement; props: Omit<UiAvatarGroupProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiAvatarGroup.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkInteger, checkNumber, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-avatar-group/ui-avatar-group.js";
 import "../styles/ui-avatar-group.css";
 
@@ -70,3 +70,4 @@ export function createUiAvatarGroup(options = {}, html) {
   I.r["overflow"] = t1;
   return element;
 }
+defineComponent("ui-avatar-group", createUiAvatarGroup, ["label","max","overflowLabel","size","total"]);

package/vanilla/UiBadge.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiBadgeEventMap {
 }
 export interface UiBadgeElement extends HTMLSpanElement {
   addEventListener<K extends keyof UiBadgeEventMap>(type: K, listener: (this: UiBadgeElement, event: UiBadgeEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiBadgeElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiBadgeEventMap>(type: K, listener: (this: UiBadgeElement, event: UiBadgeEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiBadgeElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiBadgeProps {
   shape?: "pill" | "tag" | "dot" | "square" | "circle" | null;
@@ -15,3 +19,8 @@ export interface UiBadgeProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiBadge(props?: UiBadgeProps): UiBadgeElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-badge": { element: UiBadgeElement; props: Omit<UiBadgeProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiBadge.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-badge.css";
 
 const T0 = ["",[],"\n    ",["span",["class","icon","aria-hidden","true"],4],"\n    ",["span",["class","label"],4],"\n  "];
@@ -59,3 +59,4 @@ export function createUiBadge(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-badge", createUiBadge, ["shape","size","tone","variant"]);

package/vanilla/UiBreadcrumbItem.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiBreadcrumbItemEventMap {
 }
 export interface UiBreadcrumbItemElement extends HTMLLIElement {
   addEventListener<K extends keyof UiBreadcrumbItemEventMap>(type: K, listener: (this: UiBreadcrumbItemElement, event: UiBreadcrumbItemEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiBreadcrumbItemElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiBreadcrumbItemEventMap>(type: K, listener: (this: UiBreadcrumbItemElement, event: UiBreadcrumbItemEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiBreadcrumbItemElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiBreadcrumbItemProps {
   current?: boolean | null;
@@ -12,3 +16,8 @@ export interface UiBreadcrumbItemProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiBreadcrumbItem(props?: UiBreadcrumbItemProps): UiBreadcrumbItemElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-breadcrumb-item": { element: UiBreadcrumbItemElement; props: Omit<UiBreadcrumbItemProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiBreadcrumbItem.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, NONCONFORMING, readIndex, textCall, toAttribute, writeAttribute, dispose, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-breadcrumb-item.css";
 
 const T0 = ["",[],"\n    ",["span",["class","separator","aria-hidden","true"],["ui-icon",["name","chevron-right"]]],"\n    ",["span",["class","content"],4],"\n  "];
@@ -52,3 +52,4 @@ export function createUiBreadcrumbItem(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-breadcrumb-item", createUiBreadcrumbItem, ["current"]);

package/vanilla/UiBreadcrumbs.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiBreadcrumbsEventMap {
 }
 export interface UiBreadcrumbsElement extends HTMLElement {
   addEventListener<K extends keyof UiBreadcrumbsEventMap>(type: K, listener: (this: UiBreadcrumbsElement, event: UiBreadcrumbsEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiBreadcrumbsElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiBreadcrumbsEventMap>(type: K, listener: (this: UiBreadcrumbsElement, event: UiBreadcrumbsEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiBreadcrumbsElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiBreadcrumbsProps {
   label?: string | null;
@@ -12,3 +16,8 @@ export interface UiBreadcrumbsProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiBreadcrumbs(props?: UiBreadcrumbsProps): UiBreadcrumbsElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-breadcrumbs": { element: UiBreadcrumbsElement; props: Omit<UiBreadcrumbsProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiBreadcrumbs.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, toAttribute, writeAttribute, dispose, acceptProps, manageProps, project, fillSlot, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-breadcrumbs.css";
 
 const T0 = ["",[],["ol",["role","list"],4]];
@@ -45,3 +45,4 @@ export function createUiBreadcrumbs(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-breadcrumbs", createUiBreadcrumbs, ["label"]);

package/vanilla/UiButton.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiButtonEventMap {
 }
 export interface UiButtonElement extends HTMLElement {
   addEventListener<K extends keyof UiButtonEventMap>(type: K, listener: (this: UiButtonElement, event: UiButtonEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiButtonElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiButtonEventMap>(type: K, listener: (this: UiButtonElement, event: UiButtonEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiButtonElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiButtonProps {
   align?: "center" | "start" | null;
@@ -25,3 +29,8 @@ export interface UiButtonProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiButton(props?: UiButtonProps): UiButtonElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-button": { element: UiButtonElement; props: Omit<UiButtonProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiButton.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, textCall, toAttribute, truthy, writeAttribute, writeUrlAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkBoolean, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-button/ui-button.js";
 import "../styles/ui-button.css";
 
@@ -465,3 +465,4 @@ export function createUiButton(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-button", createUiButton, ["align","as","disabled","href","loading","pending","rel","shape","size","stretch","target","tone","type","variant"]);

package/vanilla/UiCallout.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiCalloutEventMap {
 }
 export interface UiCalloutElement extends HTMLDivElement {
   addEventListener<K extends keyof UiCalloutEventMap>(type: K, listener: (this: UiCalloutElement, event: UiCalloutEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCalloutElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiCalloutEventMap>(type: K, listener: (this: UiCalloutElement, event: UiCalloutEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCalloutElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiCalloutProps {
   heading?: string | null;
@@ -13,3 +17,8 @@ export interface UiCalloutProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiCallout(props?: UiCalloutProps): UiCalloutElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-callout": { element: UiCalloutElement; props: Omit<UiCalloutProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiCallout.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, toText, truthy, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkFormat, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-callout.css";
 
 const T0 = ["",[],"\n    ",["span",["class","icon","aria-hidden","true"],"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n      ",1,"\n    "],"\n    ",["div",["class","content"],"\n      ",1,"\n      ",4,"\n    "],"\n  "];
@@ -166,3 +166,4 @@ export function createUiCallout(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-callout", createUiCallout, ["heading","tone"]);

package/vanilla/UiCard.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiCardEventMap {
 }
 export interface UiCardElement extends HTMLElement {
   addEventListener<K extends keyof UiCardEventMap>(type: K, listener: (this: UiCardElement, event: UiCardEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCardElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiCardEventMap>(type: K, listener: (this: UiCardElement, event: UiCardEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCardElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiCardProps {
   as?: "div" | "section" | "article" | "aside" | null;
@@ -16,3 +20,8 @@ export interface UiCardProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiCard(props?: UiCardProps): UiCardElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-card": { element: UiCardElement; props: Omit<UiCardProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiCard.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, writeAttribute, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, armElement, replaceRoot, checkFormat, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-card.css";
 
 const T0 = ["",[],4];
@@ -179,3 +179,4 @@ export function createUiCard(options = {}, html) {
   manageProps(I);
   return element;
 }
+defineComponent("ui-card", createUiCard, ["as","padding","size","tone","variant"]);

package/vanilla/UiCheckbox.d.ts

@@ -1,10 +1,14 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiCheckboxEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }
 export interface UiCheckboxElement extends HTMLLabelElement {
   addEventListener<K extends keyof UiCheckboxEventMap>(type: K, listener: (this: UiCheckboxElement, event: UiCheckboxEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCheckboxElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiCheckboxEventMap>(type: K, listener: (this: UiCheckboxElement, event: UiCheckboxEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiCheckboxElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiCheckboxProps {
   checked?: boolean | null;
@@ -21,3 +25,8 @@ export interface UiCheckboxProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiCheckbox(props?: UiCheckboxProps): UiCheckboxElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-checkbox": { element: UiCheckboxElement; props: Omit<UiCheckboxProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiCheckbox.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 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";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, readsChanged, rec, toAttribute, writeAttribute, dispatchDeclared, detailCheck, dispose, formatOf, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-checkbox/ui-checkbox.js";
 import "../styles/ui-checkbox.css";
 
@@ -113,3 +113,4 @@ export function createUiCheckbox(options = {}, html) {
   I.r["description"] = t4;
   return element;
 }
+defineComponent("ui-checkbox", createUiCheckbox, ["checked","disabled","indeterminate","invalid","label","name","required","size","value"]);

package/vanilla/UiCluster.d.ts

@@ -1,9 +1,13 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiClusterEventMap {
 }
 export interface UiClusterElement extends HTMLDivElement {
   addEventListener<K extends keyof UiClusterEventMap>(type: K, listener: (this: UiClusterElement, event: UiClusterEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiClusterElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiClusterEventMap>(type: K, listener: (this: UiClusterElement, event: UiClusterEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiClusterElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiClusterProps {
   align?: "start" | "center" | "end" | "stretch" | "baseline" | null;
@@ -18,3 +22,8 @@ export interface UiClusterProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiCluster(props?: UiClusterProps): UiClusterElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-cluster": { element: UiClusterElement; props: Omit<UiClusterProps, "attributes" | "children" | "slots"> };
+  }
+}