@threadlabs/looma 0.6.3 → 0.6.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "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.2",
+    "@nextwebwg/html-next": "^1.0.0-alpha.3",
     "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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
 @scope ([data-component~="ui-button"]) to ([data-component], [data-slotted]) {
 :scope {
       display: inline-flex;

package/styles/ui-callout.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
 @scope ([data-component~="ui-editor-table-context-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       min-width: 14rem;

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. 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.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
 @scope ([data-component~="ui-editor-toolbar"]) to ([data-component], [data-slotted]) {
 :scope {
       position: sticky;

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

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

package/styles/ui-tree-item.css

@@ -1,7 +1,8 @@
-/* Generated by HTML Next 1.0.0-alpha.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
 @scope ([data-component~="ui-tree-item"]) to ([data-component], [data-slotted]) {
 :scope {
       --_tree-row-min-height: 32px;
+      --_tree-disclosure-size: 16px;
 
       position: relative;
       display: block;
@@ -12,7 +13,7 @@
     .row {
       position: relative;
       display: grid;
-      grid-template-columns: 20px auto minmax(0, 1fr) auto;
+      grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
       align-items: center;
       min-block-size: var(--ui-tree-item-min-block-size, var(--_tree-row-min-height));
       min-inline-size: 0;
@@ -60,13 +61,14 @@
     .disclosure-spacer {
       grid-column: 1;
       grid-row: 1;
-      inline-size: 20px;
+      inline-size: var(--_tree-disclosure-size);
       block-size: 28px;
     }
 
     .disclosure {
       display: grid;
-      place-items: center;
+      /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
+      place-items: center start;
       padding: 0;
       color: var(--ui-text-muted);
       background: transparent;
@@ -87,18 +89,18 @@
     .disclosure-icon {
       display: grid;
       place-items: center;
-      inline-size: 14px;
-      block-size: 14px;
+      inline-size: 12px;
+      block-size: 12px;
       transform: rotate(-90deg);
       transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
     }
 
     .disclosure-icon::before {
       display: block;
-      inline-size: 0.45rem;
-      block-size: 0.45rem;
-      border-inline-end: 2px solid currentColor;
-      border-block-end: 2px solid currentColor;
+      inline-size: 0.375rem;
+      block-size: 0.375rem;
+      border-inline-end: 1.5px solid currentColor;
+      border-block-end: 1.5px solid currentColor;
       content: "";
       /* A chevron's ink sits below its box centre; lift it so it centres optically (in either rotation). */
       transform: translateY(-20%) rotate(45deg);
@@ -148,12 +150,61 @@
     /* 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. */
 
+    /* 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. */
+    .row:hover > .label,
+    .row:focus-within > .label {
+      text-overflow: clip;
+      mask-image: linear-gradient(
+        to right,
+        #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+        transparent calc(100% - var(--_tree-actions-width, 1.75rem))
+      );
+    }
+
+    .row:hover > .label:dir(rtl),
+    .row:focus-within > .label:dir(rtl) {
+      mask-image: linear-gradient(
+        to left,
+        #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+        transparent calc(100% - var(--_tree-actions-width, 1.75rem))
+      );
+    }
+
     .actions {
-      grid-column: 4;
-      grid-row: 1;
+      position: absolute;
+      z-index: 1;
+      inset-block: 0;
+      inset-inline-end: 0;
       display: inline-flex;
       align-items: center;
       min-inline-size: 0;
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
+    }
+
+    .row:hover > .actions,
+    .row:focus-within > .actions {
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    /* Without hover there is no reveal, so the controls keep their own column. */
+    @media (hover: none) {
+      .row {
+        grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr) auto;
+      }
+
+      .actions {
+        position: static;
+        grid-column: 4;
+        grid-row: 1;
+        padding-inline-start: 0;
+        background: none;
+        opacity: 1;
+        pointer-events: auto;
+      }
     }
 
     .drag-handle {
@@ -281,6 +332,18 @@
       min-inline-size: 0;
     }
 
+    /* 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. */
+
+    .row:hover > .label > :where([data-slotted], [data-slotted] *):is(*),
+    .row:focus-within > .label > :where([data-slotted], [data-slotted] *):is(*) {
+      text-overflow: clip;
+    }
+
+    /* Without hover there is no reveal, so the controls keep their own column. */
+    @media (hover: none) {
+    }
+
     @media (prefers-reduced-motion: reduce) {
     }
 

package/styles/ui-tree.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.2. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.3. Do not edit. */
 @scope ([data-component~="ui-tree"]) to ([data-component], [data-slotted]) {
 :scope[data-ui-tree-state~="density=compact"] {
       --ui-tree-item-min-block-size: var(--ui-control-size-sm);

package/vanilla/UiAffordanceScope.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 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.2 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
 import { manageGeneratedProps } from "@nextwebwg/html-next/generated-runtime";
 import "../styles/ui-cluster.css";