@threadlabs/looma 0.25.6 → 0.26.0

package/vue/UiListItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiListbox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 const htmlNextAuthoredCheck2Reported = new Set<string>()
 function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
@@ -278,7 +278,7 @@ const guardedBinding = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       validationError.value == null || typeof validationError.value === 'boolean',
-      'invalid or validationError:validationError',
+      '$invalid or $validationError:validationError',
       './components/ui-listbox/ui-listbox.html: HR007: Reference validationError does not satisfy its declared type.',
     ))
   ) return guardedBindingPrevious
@@ -289,7 +289,7 @@ const guardedBinding2 = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       hasSelection.value == null || typeof hasSelection.value === 'boolean',
-      'required and not hasSelection and not disabled:hasSelection',
+      '$required and not $hasSelection and not $disabled:hasSelection',
       './components/ui-listbox/ui-listbox.html: HR007: Reference hasSelection does not satisfy its declared type.',
     ))
   ) return guardedBinding2Previous
@@ -301,7 +301,7 @@ const guardedBinding3 = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       hasSelection.value == null || typeof hasSelection.value === 'boolean',
-      'hasSelection:hasSelection',
+      '$hasSelection:hasSelection',
       './components/ui-listbox/ui-listbox.html: HR007: Reference hasSelection does not satisfy its declared type.',
     ))
   ) return guardedBinding3Previous

package/vue/UiMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiMenuGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiMenuItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 const htmlNextAuthoredCheck2Reported = new Set<string>()
 function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
@@ -202,7 +202,7 @@ const guardedBinding = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       internalChecked.value == null || typeof internalChecked.value === 'boolean',
-      '{ action: null, checkbox: internalChecked, radio: internalChecked }[type]:internalChecked',
+      '{ action: null, checkbox: $internalChecked, radio: $internalChecked }[$type]:internalChecked',
       './components/ui-menu-item/ui-menu-item.html: HR007: Reference internalChecked does not satisfy its declared type.',
     ))
   ) return guardedBindingPrevious

package/vue/UiMeter.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 function createFormatValue(): any {
   // FIFO bounds native instances and retained keys; only constructor inputs, never values, are cached.

package/vue/UiNavItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiPageHeader.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiPopover.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiRadio.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 const htmlNextAuthoredCheck2Reported = new Set<string>()
 function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
@@ -193,7 +193,7 @@ const guarded = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       internalChecked.value == null || typeof internalChecked.value === 'boolean',
-      'internalChecked:internalChecked',
+      '$internalChecked:internalChecked',
       './components/ui-radio/ui-radio.html: HR007: Reference internalChecked does not satisfy its declared type.',
     ))
   ) return guardedPrevious

package/vue/UiRadioGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiReel.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiScrollArea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSearchResultRow.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSearchShell.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSection.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSelect.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSeparator.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSidebar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 const htmlNextAuthoredCheck2Reported = new Set<string>()
 function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
@@ -242,12 +242,12 @@ const guarded = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       drawer.value == null || typeof drawer.value === 'boolean',
-      'not resizable or drawer or internalCollapsed:drawer',
+      'not $resizable or $drawer or $internalCollapsed:drawer',
       './components/ui-sidebar/ui-sidebar.html: HR007: Reference drawer does not satisfy its declared type.',
     )
       && htmlNextAuthoredCheck2(
         internalCollapsed.value == null || typeof internalCollapsed.value === 'boolean',
-        'not resizable or drawer or internalCollapsed:internalCollapsed',
+        'not $resizable or $drawer or $internalCollapsed:internalCollapsed',
         './components/ui-sidebar/ui-sidebar.html: HR007: Reference internalCollapsed does not satisfy its declared type.',
       ))
   ) return guardedPrevious

package/vue/UiSpinner.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiStack.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiStatusMessage.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSwitch.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 const htmlNextAuthoredCheck2Reported = new Set<string>()
 function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
@@ -192,7 +192,7 @@ const guarded = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       internalChecked.value == null || typeof internalChecked.value === 'boolean',
-      'internalChecked:internalChecked',
+      '$internalChecked:internalChecked',
       './components/ui-switch/ui-switch.html: HR007: Reference internalChecked does not satisfy its declared type.',
     ))
   ) return guardedPrevious

package/vue/UiSwitcher.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTabs.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,

package/vue/UiText.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTextarea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiToast.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiToastRegion.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,

package/vue/UiTooltip.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 const htmlNextAuthoredCheck2Reported = new Set<string>()
 function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
@@ -265,7 +265,7 @@ const guarded = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       internalOpen.value == null || typeof internalOpen.value === 'boolean',
-      'not internalOpen:internalOpen',
+      'not $internalOpen:internalOpen',
       './components/ui-tooltip/ui-tooltip.html: HR007: Reference internalOpen does not satisfy its declared type.',
     ))
   ) return guardedPrevious

package/vue/UiTopBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { getCurrentInstance } from 'vue'
 

package/vue/UiTree.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTreeItem.d.ts

@@ -6,6 +6,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         type: PropType<string | null>;
         default: string;
     };
+    actionsVisible: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
     container: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -70,6 +74,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
         type: PropType<string | null>;
         default: string;
     };
+    actionsVisible: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
     container: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -136,6 +144,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
     disabled: boolean | null;
     expanded: boolean | null;
     accepts: string | null;
+    actionsVisible: boolean | null;
     container: boolean | null;
     dragType: string | null;
     dropDepth: number | null;

package/vue/UiTreeItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 const htmlNextAuthoredCheck2Reported = new Set<string>()
 function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
@@ -30,6 +30,14 @@ const propValidityContract = {
         'A comma-separated list of the dragType values this branch accepts dropped inside it. Empty accepts any type. It does not affect drops before or after the\n      item.',
       default: '',
     },
+    actionsVisible: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'actionsvisible' },
+      description:
+        'Keeps the actions slot visible before hover or focus, for persistent status or controls. The label fades beneath its measured width on pointer devices;\n      touch rows retain a separate actions column with a short end fade. Does not change keyboard navigation or start the marquee.',
+      default: false,
+    },
     container: {
       type: { kind: 'terminal', name: 'boolean' },
       required: false,
@@ -136,6 +144,7 @@ const propValidityContract = {
 } as const
 const props = defineProps({
   accepts: { type: null as unknown as PropType<string | null>, default: '' },
+  actionsVisible: { type: null as unknown as PropType<boolean | null>, default: false },
   container: { type: null as unknown as PropType<boolean | null>, default: false },
   disabled: { type: null as unknown as PropType<boolean | null>, default: false },
   dragType: { type: null as unknown as PropType<string | null>, default: 'item' },
@@ -152,6 +161,7 @@ const props = defineProps({
 })
 const acceptedProps: Record<string, unknown> = {
   accepts: '',
+  actionsVisible: false,
   container: false,
   disabled: false,
   dragType: 'item',
@@ -174,6 +184,13 @@ const checkedProps = computed(() => ({
     'accepts',
     acceptedProps,
   ) as string,
+  actionsVisible: checkedProp<boolean>(
+    props['actionsVisible'],
+    { kind: 'terminal', name: 'boolean' },
+    false,
+    'actionsVisible',
+    acceptedProps,
+  ) as boolean,
   container: checkedProp<boolean>(
     props['container'],
     { kind: 'terminal', name: 'boolean' },
@@ -335,7 +352,7 @@ const guarded = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       structuralLevel.value == null || Number.isInteger(structuralLevel.value),
-      'structuralLevel:structuralLevel',
+      '$structuralLevel:structuralLevel',
       './components/ui-tree-item/ui-tree-item.html: HR007: Reference structuralLevel does not satisfy its declared type.',
     ))
   ) return guardedPrevious
@@ -346,7 +363,7 @@ const guardedBinding = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       moving.value == null || typeof moving.value === 'boolean',
-      '{ true: concat(\'Cancel moving \', label), false: concat(\'Drag \', label, \' to reorder\') }[concat(moving)]:moving',
+      '{ true: concat(\'Cancel moving \', $label), false: concat(\'Drag \', $label, \' to reorder\') }[concat($moving)]:moving',
       './components/ui-tree-item/ui-tree-item.html: HR007: Reference moving does not satisfy its declared type.',
     ))
   ) return guardedBindingPrevious
@@ -431,7 +448,7 @@ const guardedBinding2 = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       isContainer.value == null || typeof isContainer.value === 'boolean',
-      'not isContainer:isContainer',
+      'not $isContainer:isContainer',
       './components/ui-tree-item/ui-tree-item.html: HR007: Reference isContainer does not satisfy its declared type.',
     ))
   ) return guardedBinding2Previous
@@ -448,12 +465,12 @@ const guardedBinding4 = computed(() => {
   if (
     !(htmlNextAuthoredCheck2(
       internalExpanded.value == null || typeof internalExpanded.value === 'boolean',
-      'not (isContainer and internalExpanded):internalExpanded',
+      'not ($isContainer and $internalExpanded):internalExpanded',
       './components/ui-tree-item/ui-tree-item.html: HR007: Reference internalExpanded does not satisfy its declared type.',
     )
       && htmlNextAuthoredCheck2(
         isContainer.value == null || typeof isContainer.value === 'boolean',
-        'not (isContainer and internalExpanded):isContainer',
+        'not ($isContainer and $internalExpanded):isContainer',
         './components/ui-tree-item/ui-tree-item.html: HR007: Reference isContainer does not satisfy its declared type.',
       ))
   ) return guardedBinding4Previous
@@ -486,6 +503,7 @@ const hostState = computed(() =>
   [
     checkedProps.value.selected && 'selected',
     checkedProps.value.disabled && 'disabled',
+    checkedProps.value.actionsVisible && 'actionsVisible',
     isContainer.value && 'isContainer',
   ].filter(Boolean).join(' ')
 )
@@ -536,6 +554,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   },
   propNames: [
     'accepts',
+    'actionsVisible',
     'container',
     'disabled',
     'dragType',
@@ -608,6 +627,7 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
     :aria-disabled="checkedProps.disabled ?? undefined"
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-accepts="reflectedProp('accepts', 'accepts', checkedProps.accepts, undefined, true)"
+    :data-actions-visible="reflectedProp('actionsVisible', 'actions-visible', checkedProps.actionsVisible, undefined, false)"
     :data-container="reflectedProp('container', 'container', checkedProps.container, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"
     :data-drag-type="reflectedProp('dragType', 'drag-type', checkedProps.dragType, undefined, true)"
@@ -957,6 +977,7 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
    the truncation mark while it shows: an ellipsis under it would read as a second one. */
 .row:hover > .label,
 .row:focus-within > .label,
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="actionsVisible"] > .row > .label,
 [data-component~="ui-tree-item"][data-move-source] > .row > .label {
   text-overflow: clip;
   mask-image: linear-gradient(
@@ -968,6 +989,9 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
 
 .row:hover > .label:dir(rtl),
 .row:focus-within > .label:dir(rtl),
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="actionsVisible"]
+  > .row
+  > .label:dir(rtl),
 [data-component~="ui-tree-item"][data-move-source] > .row > .label:dir(rtl) {
   mask-image: linear-gradient(
     to left,
@@ -1056,6 +1080,7 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
 
 .row:hover > .actions,
 .row:focus-within > .actions,
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="actionsVisible"] > .row > .actions,
 [data-component~="ui-tree-item"][data-move-source] > .row > .actions {
   opacity: 1;
   pointer-events: auto;
@@ -1094,6 +1119,16 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
     );
   }
 
+  /* Persistent content has its own column on touch. Fade only the label's end. */
+  [data-component~="ui-tree-item"][data-ui-tree-item-state~="actionsVisible"] > .row > .label {
+    mask-image: linear-gradient(to right, #000 calc(100% - var(--ui-space-1)), transparent 100%);
+  }
+  [data-component~="ui-tree-item"][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,

package/vue/chunks/UiActionBar.js

@@ -32,6 +32,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-47966a1c"]]);
+}), [["__scopeId", "data-v-93af3d07"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -134,6 +134,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4483d92e"]]);
+}), [["__scopeId", "data-v-0fdbcd5f"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -224,22 +224,22 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const showGlyph = ref(false);
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!(htmlNextAuthoredCheck2(hasAuthoredImage.value == null || typeof hasAuthoredImage.value === "boolean", "hasAuthoredImage or not hasImage:hasAuthoredImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasAuthoredImage does not satisfy its declared type.") && htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "hasAuthoredImage or not hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type."))) return guardedPrevious;
+			if (!(htmlNextAuthoredCheck2(hasAuthoredImage.value == null || typeof hasAuthoredImage.value === "boolean", "$hasAuthoredImage or not $hasImage:hasAuthoredImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasAuthoredImage does not satisfy its declared type.") && htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "$hasAuthoredImage or not $hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type."))) return guardedPrevious;
 			return guardedPrevious = hasAuthoredImage.value || !hasImage.value;
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "$hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = hasImage.value;
 		});
 		let guardedBinding2Previous;
 		const guardedBinding2 = computed(() => {
-			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBinding2Previous;
+			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "$hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBinding2Previous;
 			return guardedBinding2Previous = hasImage.value;
 		});
 		let guardedBinding3Previous;
 		const guardedBinding3 = computed(() => {
-			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding3Previous;
+			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "$showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding3Previous;
 			return guardedBinding3Previous = showGlyph.value;
 		});
 		let guardedBinding4Previous;
@@ -249,7 +249,7 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		});
 		let guardedBinding5Previous;
 		const guardedBinding5 = computed(() => {
-			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "not showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding5Previous;
+			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "not $showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding5Previous;
 			return guardedBinding5Previous = !showGlyph.value;
 		});
 		provide("html-next:ui-avatar:hasImage", hasImage);
@@ -362,6 +362,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b539c7e9"]]);
+}), [["__scopeId", "data-v-8b3c5fb3"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -158,12 +158,12 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		const overflowAnnouncement = ref("");
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!htmlNextAuthoredCheck2(overflowCount.value == null || Number.isInteger(overflowCount.value), "not overflowCount:overflowCount", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(overflowCount.value == null || Number.isInteger(overflowCount.value), "not $overflowCount:overflowCount", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = !overflowCount.value;
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!htmlNextAuthoredCheck2(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === "string", "overflowAnnouncement:overflowAnnouncement", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowAnnouncement does not satisfy its declared type.")) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === "string", "$overflowAnnouncement:overflowAnnouncement", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowAnnouncement does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = overflowAnnouncement.value;
 		});
 		let guardedBinding2Previous;
@@ -251,6 +251,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7e72d264"]]);
+}), [["__scopeId", "data-v-e0fcebcf"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -173,6 +173,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5065fda2"]]);
+}), [["__scopeId", "data-v-a45f2b52"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -108,6 +108,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-fc0641df"]]);
+}), [["__scopeId", "data-v-148f1982"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -64,6 +64,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e86cf7cf"]]);
+}), [["__scopeId", "data-v-978ebab2"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };

package/vue/chunks/UiButton.js

@@ -755,6 +755,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7c2bc2b4"]]);
+}), [["__scopeId", "data-v-37d5b9a2"]]);
 //#endregion
 export { UiButton_default as t };