@threadlabs/looma 0.10.1 → 0.10.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",
@@ -77,7 +77,7 @@
     "./*.css"
   ],
   "dependencies": {
-    "@nextwebwg/html-next": "^1.0.0-alpha.3",
+    "@nextwebwg/html-next": "^1.0.0-alpha.5",
     "lowlight": "^3.3.0",
     "markdown-it": "14.3.1",
     "lucide": "~0.554.0"

package/styles/ui-affordance-scope.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-affordance-scope"]) to ([data-component], [data-slotted]) {
 :scope {
       display: contents;

package/styles/ui-avatar-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-avatar-group"]) to ([data-component], [data-slotted]) {
 :scope {
       /* Avatars separate with a tight, crisp edge, matching Looma's 1px borders rather than the

package/styles/ui-avatar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-avatar"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-grid;

package/styles/ui-badge.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-badge"]) to ([data-component], [data-slotted]) {
 :scope {
       --_badge-surface: var(--ui-surface-subtle);

package/styles/ui-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-button"]) to ([data-component], [data-slotted]) {
 :scope {
       --_hue: var(--ui-accent);

package/styles/ui-callout.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-callout"]) to ([data-component], [data-slotted]) {
 :scope {
       --_callout-surface: var(--ui-info-soft);

package/styles/ui-checkbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-checkbox"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-flex;

package/styles/ui-cluster.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-cluster"]) to ([data-component], [data-slotted]) {
 :scope {
       --_layout-gap: var(--ui-space-3);

package/styles/ui-combobox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-combobox"]) to ([data-component], [data-slotted]) {
 :scope {
       display: grid;

package/styles/ui-container.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-container"]) to ([data-component], [data-slotted]) {
 :scope {
       --_container-measure: 65ch;

package/styles/ui-context-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-context-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       display: contents;

package/styles/ui-dialog.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @keyframes ui-dialog-enter {
       from {
         opacity: 0;

package/styles/ui-disclosure.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-disclosure"]) to ([data-component], [data-slotted]) {
 /* Density resolves into the summary row's own values; the public tokens still override them. */
     :scope {

package/styles/ui-editable.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editable"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-editor-insert-table-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editor-insert-table-grid"]) to ([data-component], [data-slotted]) {
 :scope {
       padding: var(--ui-space-3);

package/styles/ui-editor-mention-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editor-mention-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       user-select: none;

package/styles/ui-editor-slash-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editor-slash-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       user-select: none;

package/styles/ui-editor-table-context-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editor-table-context-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       /* The max-width is a promise about the menu's footprint, so it counts padding and border. */

package/styles/ui-editor-table-overlay.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editor-table-overlay"]) to ([data-component], [data-slotted]) {
 :scope {
       display: block;

package/styles/ui-editor-table-toolbar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editor-table-toolbar"]) to ([data-component], [data-slotted]) {
 .looma-editor__mobile-toolbar-shell :scope {
       min-width: max-content;

package/styles/ui-editor-toolbar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-editor-toolbar"]) to ([data-component], [data-slotted]) {
 :scope {
       /* The colour the edge fades blend into: whatever the toolbar is painted with. */

package/styles/ui-floating-action-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-floating-action-button"]) to ([data-component], [data-slotted]) {
 :scope {
       position: fixed;

package/styles/ui-form-field.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-form-field"]) to ([data-component], [data-slotted]) {
 :scope {
       display: grid;

package/styles/ui-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-grid"]) to ([data-component], [data-slotted]) {
 :scope {
       --_grid-gap: var(--ui-space-4);

package/styles/ui-icon-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-icon-button"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-flex;

package/styles/ui-icon.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-icon"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-flex;

package/styles/ui-input.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-input"]) to ([data-component], [data-slotted]) {
 :scope {
       box-sizing: border-box;

package/styles/ui-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-menu-item"]) to ([data-component], [data-slotted]) {
 :scope {
       display: block;

package/styles/ui-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-menu"]) to ([data-component], [data-slotted]) {
 /* Compact sets the part tokens its items read, so nothing has to rescale a global. */
     :scope[data-ui-menu-state~="density=compact"] {

package/styles/ui-popover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-popover"]) to ([data-component], [data-slotted]) {
 :scope {
       box-sizing: border-box;

package/styles/ui-radio-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-radio-group"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-flex;

package/styles/ui-radio.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-radio"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-flex;

package/styles/ui-reel.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-reel"]) to ([data-component], [data-slotted]) {
 :scope {
       --_reel-gap: var(--ui-space-4);

package/styles/ui-search-result-row.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-search-result-row"]) to ([data-component], [data-slotted]) {
 :scope {
       appearance: none;

package/styles/ui-search-shell.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-search-shell"]) to ([data-component], [data-slotted]) {
 :scope {
       display: contents;

package/styles/ui-select.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-select"]) to ([data-component], [data-slotted]) {
 :scope {
       box-sizing: border-box;

package/styles/ui-separator.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-separator"]) to ([data-component], [data-slotted]) {
 hr {
       box-sizing: border-box;

package/styles/ui-sidebar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-sidebar"]) to ([data-component], [data-slotted]) {
 :scope {
       position: relative;

package/styles/ui-stack.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-stack"]) to ([data-component], [data-slotted]) {
 :scope {
       --_layout-gap: var(--ui-space-4);

package/styles/ui-switch.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-switch"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-flex;

package/styles/ui-switcher.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-switcher"]) to ([data-component], [data-slotted]) {
 :scope {
       --_switcher-gap: var(--ui-space-4);

package/styles/ui-tabs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-tabs"]) to ([data-component], [data-slotted]) {
 /* Density resolves into the tab row's own values; the public tokens still override them. */
     :scope {

package/styles/ui-textarea.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-textarea"]) to ([data-component], [data-slotted]) {
 :scope {
       box-sizing: border-box;

package/styles/ui-toast-region.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @keyframes ui-toast-enter {
       from {
         opacity: 0;

package/styles/ui-tooltip.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-tooltip"]) to ([data-component], [data-slotted]) {
 :scope {
       position: fixed;

package/styles/ui-top-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-top-bar"]) to ([data-component], [data-slotted]) {
 :scope {
       position: sticky;

package/styles/ui-tree-item.css

@@ -1,4 +1,13 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+@keyframes ui-tree-item-marquee {
+      from {
+        transform: translateX(0);
+      }
+
+      to {
+        transform: translateX(var(--_marquee-distance));
+      }
+    }
 @scope ([data-component~="ui-tree-item"]) to ([data-component], [data-slotted]) {
 :scope {
       --_tree-row-min-height: 32px;
@@ -144,11 +153,63 @@
       display: flex;
       align-items: center;
       min-inline-size: 0;
+      /* The cell clips: a name longer than the row slides inside it rather than over its icons. */
+      overflow: hidden;
       padding: var(--ui-tree-item-label-padding-block, var(--ui-space-1)) var(--ui-tree-item-label-padding-inline, var(--ui-space-2));
     }
 
     /* Slotted label content fills the cell, so a link is the row's hit area rather than sizing to
        its own text and reading as overflow. */
+    .label-text {
+      display: flex;
+      align-items: center;
+      /* Stretches, so slotted content can still be the row's full-height hit area. */
+      align-self: stretch;
+      block-size: 100%;
+      min-inline-size: 0;
+      inline-size: 100%;
+      white-space: nowrap;
+    }
+
+    /* A hovered row reads its whole name: the label slides far enough to show the end, waits
+       there, and comes back. Only when it actually overflows — the controller measures by how
+       much — after the controls have taken their place over its end — and hands over the distance
+       and a duration from it, so a longer name travels no faster. */
+    .row[data-ui-marquee] > .label > .label-text {
+      /* Once, and it stays at the end while the pointer is there: a name that keeps sliding back
+         and forth under the pointer is harder to read than one that arrives and holds. */
+      animation: ui-tree-item-marquee var(--_marquee-duration) linear 0.5s 1 normal forwards;
+      will-change: transform;
+    }
+
+    /* While it slides, the start fades too: the name is leaving the cell at both ends, and a hard
+       edge beside the icon reads as a collision rather than as more text. */
+    .row[data-ui-marquee] > .label {
+      mask-image: linear-gradient(
+        to right,
+        transparent 0,
+        #000 var(--ui-space-2),
+        #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+        transparent calc(100% - var(--_tree-actions-width, 1.75rem))
+      );
+    }
+
+    .row[data-ui-marquee] > .label:dir(rtl) {
+      mask-image: linear-gradient(
+        to left,
+        transparent 0,
+        #000 var(--ui-space-2),
+        #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+        transparent calc(100% - var(--_tree-actions-width, 1.75rem))
+      );
+    }
+
+    /* Reduced motion keeps the fade, which already says the name continues. */
+    @media (prefers-reduced-motion: reduce) {
+      .row[data-ui-marquee] > .label > .label-text {
+        animation: none;
+      }
+    }
 
     /* The controls sit over the label's end, so the text fades out where they begin. The fade is
        the truncation mark while it shows: an ellipsis under it would read as a second one. */
@@ -327,11 +388,24 @@
 
     /* Slotted label content fills the cell, so a link is the row's hit area rather than sizing to
        its own text and reading as overflow. */
-    .label > :where([data-slotted], [data-slotted] *):is(*) {
+
+    .label-text > :where([data-slotted], [data-slotted] *):is(*) {
       flex: 1 1 auto;
       min-inline-size: 0;
     }
 
+    /* A hovered row reads its whole name: the label slides far enough to show the end, waits
+       there, and comes back. Only when it actually overflows — the controller measures by how
+       much — after the controls have taken their place over its end — and hands over the distance
+       and a duration from it, so a longer name travels no faster. */
+
+    /* While it slides, the start fades too: the name is leaving the cell at both ends, and a hard
+       edge beside the icon reads as a collision rather than as more text. */
+
+    /* Reduced motion keeps the fade, which already says the name continues. */
+    @media (prefers-reduced-motion: reduce) {
+    }
+
     /* The controls sit over the label's end, so the text fades out where they begin. The fade is
        the truncation mark while it shows: an ellipsis under it would read as a second one. */
 

package/styles/ui-tree.css

@@ -1,6 +1,12 @@
-/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
 @scope ([data-component~="ui-tree"]) to ([data-component], [data-slotted]) {
-:scope[data-ui-tree-state~="density=compact"] {
+/* Reaches the items the way density does, so the setting lives on the tree the way a reader
+       thinks about it: this list scrolls its long names. */
+    :scope[data-ui-tree-state~="marquee"] {
+      --ui-tree-item-marquee: 1;
+    }
+
+    :scope[data-ui-tree-state~="density=compact"] {
       --ui-tree-item-min-block-size: var(--ui-control-size-sm);
       --ui-tree-item-font-size: var(--ui-font-size-sm);
       --ui-tree-item-label-padding-block: 0;
@@ -18,5 +24,8 @@
     }
 }
 @scope ([data-component~="ui-tree"]) to ([data-component]) {
-/* A component that sets its display still honours the hidden attribute on its root. */
+/* Reaches the items the way density does, so the setting lives on the tree the way a reader
+       thinks about it: this list scrolls its long names. */
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
 }

package/vanilla/UiAffordanceScope.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 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.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/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.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiAvatarEventMap {
 }
 export interface UiAvatarElement extends HTMLSpanElement {

package/vanilla/UiAvatar.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-avatar/ui-avatar.js";
 import "../styles/ui-avatar.css";

package/vanilla/UiAvatarGroup.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiAvatarGroupEventMap {
 }
 export interface UiAvatarGroupElement extends HTMLDivElement {

package/vanilla/UiAvatarGroup.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-avatar-group/ui-avatar-group.js";
 import "../styles/ui-avatar-group.css";

package/vanilla/UiBadge.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiBadgeEventMap {
 }
 export interface UiBadgeElement extends HTMLSpanElement {

package/vanilla/UiBadge.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageGeneratedProps } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-badge.css";
 

package/vanilla/UiButton.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiButtonEventMap {
 }
 export interface UiButtonElement extends HTMLButtonElement {

package/vanilla/UiButton.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import "../styles/ui-button.css";
 

package/vanilla/UiCallout.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiCalloutEventMap {
 }
 export interface UiCalloutElement extends HTMLDivElement {

package/vanilla/UiCallout.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import "../styles/ui-callout.css";
 

package/vanilla/UiCheckbox.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 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,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-checkbox/ui-checkbox.js";
 import "../styles/ui-checkbox.css";

package/vanilla/UiCluster.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 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.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageGeneratedProps } 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.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 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 } | null; readonly kind: "selection" | "clear" | "free-entry" | "create"; readonly trigger: "keyboard" | "pointer" | "programmatic" } | readonly ({ readonly id: string; readonly value: string; readonly label: string; readonly group?: string; readonly disabled?: boolean })[]>;

package/vanilla/UiCombobox.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-combobox/ui-combobox.js";
 import "../styles/ui-combobox.css";