@threadlabs/looma 0.25.6 → 0.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.25.6",
+  "version": "0.26.0",
   "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.29",
+    "@nextwebwg/html-next": "1.0.0-alpha.35",
     "dompurify": "3.4.15",
     "highlight.js": "11.11.2",
     "lowlight": "^3.3.0",
@@ -152,7 +152,7 @@
     "jsdom": "^27.0.0"
   },
   "engines": {
-    "node": ">=22.13 <23 || >=24 <25"
+    "node": ">=22.22.2 <23 || >=24.15 <25"
   },
   "scripts": {
     "build": "node build.mjs",

package/styles/ui-action-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-action-bar-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-affordance-scope.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. 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.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-avatar-group-edge-ring {
       syntax: "*";
       inherits: false;

package/styles/ui-avatar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-avatar-border {
       syntax: "*";
       inherits: false;

package/styles/ui-badge.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-badge-border {
       syntax: "*";
       inherits: false;

package/styles/ui-breadcrumb-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-breadcrumb-item"]) to ([data-component], [data-slotted]) {
 /* One step in a ui-breadcrumbs trail: a link up to that place, or the current view. A chevron leads
        every step but the first. An icon slotted before the name sits with it. */

package/styles/ui-breadcrumbs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-breadcrumbs"]) to ([data-component], [data-slotted]) {
 /* Where a view sits: a trail of ui-breadcrumb-item, from the top down to the current view. It wraps
        rather than scrolls, so every step stays reachable. */

package/styles/ui-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-button-active-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-callout.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-callout-border {
       syntax: "*";
       inherits: false;

package/styles/ui-card.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-card"]) to ([data-component], [data-slotted]) {
 /* A surface that groups content. Its children stack with even space between them, so a card
        needs no layout of its own. */

package/styles/ui-checkbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-checkbox-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-cluster.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-cluster-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-combobox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-combobox-affordance-text {
       syntax: "*";
       inherits: false;

package/styles/ui-container.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-container-gutters {
       syntax: "*";
       inherits: false;

package/styles/ui-context-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-context-menu-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-cover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-cover"]) to ([data-component], [data-slotted]) {
 /* A layout primitive that centres its content in the space, both ways, with room around it: the
        frame for a view that is one card or one message. */

package/styles/ui-description-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-description-item"]) to ([data-component], [data-slotted]) {
 /* One term and its value in a ui-description-list, laid out by the list's layout. */
     :scope {

package/styles/ui-description-list.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-description-list"]) to ([data-component], [data-slotted]) {
 /* Named values: a term and what it is, for each item (ui-description-item). */
     /* Rows line every term up in one column and every value in the next, through subgrid. */

package/styles/ui-dialog.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-dialog-duration {
       syntax: "*";
       inherits: false;

package/styles/ui-disclosure.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-disclosure-trigger-min-block-size {
       syntax: "*";
       inherits: false;

package/styles/ui-editable.css

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

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

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

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

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

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

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

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

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

package/styles/ui-editor-surface.css

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

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. 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.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. 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.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. 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.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. 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.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-floating-action-button-inset-block-end {
       syntax: "*";
       inherits: false;

package/styles/ui-form-field.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-form-field-danger {
       syntax: "*";
       inherits: false;

package/styles/ui-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-grid-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-icon-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-icon-button-active-scale {
       syntax: "*";
       inherits: false;

package/styles/ui-icon.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-icon-size {
       syntax: "*";
       inherits: false;

package/styles/ui-image.css

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

package/styles/ui-input-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-input-group-radius {
       syntax: "*";
       inherits: false;

package/styles/ui-input.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-input-border {
       syntax: "*";
       inherits: false;

package/styles/ui-list-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-list-item-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-list.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-list-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-listbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-listbox-radius {
       syntax: "*";
       inherits: false;

package/styles/ui-menu-group.css

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

package/styles/ui-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-menu-item-font-size {
       syntax: "*";
       inherits: false;

package/styles/ui-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-menu-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-meter.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-meter-inline-size {
       syntax: "*";
       inherits: false;

package/styles/ui-nav-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-nav-item-current-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-page-header.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-page-header"]) to ([data-component], [data-slotted]) {
 /* The top of a view: its title (the page's one h1), with an optional icon or mark before it, a
        short eyebrow above it, a line or two of description under it, and the view's own actions at

package/styles/ui-popover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-popover-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-radio-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-radio-group-invalid-text {
       syntax: "*";
       inherits: false;

package/styles/ui-radio.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-radio-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-reel.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-reel-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-scroll-area.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-scroll-area"]) to ([data-component], [data-slotted]) {
 /* The controller sets each fade length from overflow and scroll position. The mask blends
        into whatever is behind the area without needing to know its colour. Before upgrade, its

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-search-result-row-border {
       syntax: "*";
       inherits: false;

package/styles/ui-search-shell.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-search-shell-border {
       syntax: "*";
       inherits: false;

package/styles/ui-section.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-section"]) to ([data-component], [data-slotted]) {
 /* A part of a view: a heading, an optional line under it, actions for the whole section at its
        end, and the content. Sections space themselves out through the Stack around them. */

package/styles/ui-select.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-select-border {
       syntax: "*";
       inherits: false;

package/styles/ui-separator.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-separator-color {
       syntax: "*";
       inherits: false;

package/styles/ui-sidebar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-sidebar-backdrop {
       syntax: "*";
       inherits: false;

package/styles/ui-spinner.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @keyframes ui-spinner-rotate {
       100% {
         transform: rotate(1turn);

package/styles/ui-stack.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-stack-height {
       syntax: "*";
       inherits: false;

package/styles/ui-status-message.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-status-message"]) to ([data-component], [data-slotted]) {
 /* The one way a view says it is loading, has nothing yet, or failed, with an optional next step.
        Every view says it the same way, in the same place, at the same size. */

package/styles/ui-switch.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-switch-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-switcher.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-switcher-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-table.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-table"]) to ([data-component], [data-slotted]) {
 /* Styles an authored <table> (caption, thead, tbody, th scope) without replacing it: the table is
        meaningful before JavaScript, and a screen reader reads it as a table. The root scrolls a table

package/styles/ui-tabs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-tabs-tab-min-block-size {
       syntax: "*";
       inherits: false;

package/styles/ui-text.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @scope ([data-component~="ui-text"]) to ([data-component], [data-slotted]) {
 /* Running text, set on the type scale and in a tone that says what it is, so a view never styles
        text of its own. The root is a paragraph unless as= names a span, div, small, strong, label, or

package/styles/ui-textarea.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-textarea-border-width {
       syntax: "*";
       inherits: false;

package/styles/ui-toast-region.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-toast-region-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-toast.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-toast-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-tooltip.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-tooltip-arrow-size {
       syntax: "*";
       inherits: false;

package/styles/ui-top-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-top-bar-actions-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-tree-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.35. Do not edit. */
 @property --ui-tree-item-depth {
       syntax: "*";
       inherits: false;
@@ -253,6 +253,7 @@
        the truncation mark while it shows: an ellipsis under it would read as a second one. */
     .row:hover > .label,
     .row:focus-within > .label,
+    :scope[data-ui-tree-item-state~="actionsVisible"] > .row > .label,
     :scope[data-move-source] > .row > .label {
       text-overflow: clip;
       mask-image: linear-gradient(
@@ -264,6 +265,7 @@
 
     .row:hover > .label:dir(rtl),
     .row:focus-within > .label:dir(rtl),
+    :scope[data-ui-tree-item-state~="actionsVisible"] > .row > .label:dir(rtl),
     :scope[data-move-source] > .row > .label:dir(rtl) {
       mask-image: linear-gradient(
         to left,
@@ -331,6 +333,7 @@
 
     .row:hover > .actions,
     .row:focus-within > .actions,
+    :scope[data-ui-tree-item-state~="actionsVisible"] > .row > .actions,
     :scope[data-move-source] > .row > .actions {
       opacity: 1;
       pointer-events: auto;
@@ -367,6 +370,14 @@
         );
       }
 
+      /* Persistent content has its own column on touch. Fade only the label's end. */
+      :scope[data-ui-tree-item-state~="actionsVisible"] > .row > .label {
+        mask-image: linear-gradient(to right, #000 calc(100% - var(--ui-space-1)), transparent 100%);
+      }
+      :scope[data-ui-tree-item-state~="actionsVisible"] > .row > .label:dir(rtl) {
+        mask-image: linear-gradient(to left, #000 calc(100% - var(--ui-space-1)), transparent 100%);
+      }
+
       .row[data-ui-marquee] > .label:dir(rtl) {
         mask-image: linear-gradient(
           to left,
@@ -620,6 +631,8 @@
 
     /* Without hover there is no reveal, so the controls keep their own column. */
     @media (hover: none), (pointer: coarse) {
+
+      /* Persistent content has its own column on touch. Fade only the label's end. */
     }
 
     /* The handle sits beside what it drags. A leaf row has no disclosure, so the handle takes that