@threadlabs/looma 0.25.5 → 0.25.7

package/vue/components.css

@@ -1417,7 +1417,7 @@ html[data-ui-input-modality="touch"]
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-checkbox"][data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-v-3bebca63] {
   /* Hooks do not inherit, so the parts below read them from the root. */
   --_ui-checkbox-size: var(--ui-checkbox-size);
   --_ui-checkbox-invalid-border: var(
@@ -1434,25 +1434,25 @@ html[data-ui-input-modality="touch"]
 }
 
 /* The label, and under it an optional line saying what the choice means. */
-.text[data-v-ce204e6e] {
+.text[data-v-3bebca63] {
   display: flex;
   flex-direction: column;
   gap: var(--ui-space-1);
   min-inline-size: 0;
 }
-.label[data-v-ce204e6e] {
+.label[data-v-3bebca63] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-.description[data-v-ce204e6e] {
+.description[data-v-3bebca63] {
   color: var(--ui-text-secondary);
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height);
 }
-.description[data-v-ce204e6e]:empty {
+.description[data-v-3bebca63]:empty {
   display: none;
 }
-input[data-v-ce204e6e] {
+input[data-v-3bebca63] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -1470,21 +1470,21 @@ input[data-v-ce204e6e] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-ce204e6e]::after {
+input[data-v-3bebca63]::after {
   content: "";
   position: absolute;
   opacity: 0;
   transition: opacity 120ms var(--ui-motion-ease);
 }
-input[data-v-ce204e6e]:checked,
-input[data-v-ce204e6e]:indeterminate {
+input[data-v-3bebca63]:checked,
+input[data-v-3bebca63]:indeterminate {
   border-color: var(--ui-accent-solid);
   background: var(--ui-accent-solid);
   box-shadow: var(--ui-control-inset);
 }
 
 /* Centre the tick's box and lift it slightly for the rotated check shape. */
-input[data-v-ce204e6e]:checked::after {
+input[data-v-3bebca63]:checked::after {
   inset: 0;
   margin: auto;
   inline-size: 0.28rem;
@@ -1496,9 +1496,9 @@ input[data-v-ce204e6e]:checked::after {
   border-width: 0 0.125rem 0.125rem 0;
   opacity: 1;
   transform: translateY(-0.09rem) rotate(45deg);
-  animation: ui-checkbox-check-ce204e6e 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
+  animation: ui-checkbox-check-3bebca63 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
-input[data-v-ce204e6e]:indeterminate::after {
+input[data-v-3bebca63]:indeterminate::after {
   inset: 50% 0.23rem auto;
   block-size: 0.125rem;
   border-radius: var(--ui-radius-round);
@@ -1506,7 +1506,7 @@ input[data-v-ce204e6e]:indeterminate::after {
   opacity: 1;
   transform: translateY(-50%);
 }
-@keyframes ui-checkbox-check-ce204e6e {
+@keyframes ui-checkbox-check-3bebca63 {
 from {
     opacity: 0;
     transform: translateY(-0.09rem) rotate(45deg) scale(0.55);
@@ -1521,29 +1521,29 @@ to {
 }
 }
 @media (prefers-reduced-motion: reduce) {
-input[data-v-ce204e6e]::after {
+input[data-v-3bebca63]::after {
     transition: none;
     animation: none;
 }
 }
-input[data-v-ce204e6e]:hover:enabled {
+input[data-v-3bebca63]:hover:enabled {
   border-color: var(--ui-accent-solid);
 }
-input[data-v-ce204e6e]:focus-visible {
+input[data-v-3bebca63]:focus-visible {
   outline: var(--ui-focus-width) solid var(--ui-focus-ring, var(--ui-accent-solid));
   outline-offset: var(--ui-focus-width);
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="invalid"] input[data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="invalid"] input[data-v-3bebca63] {
   border-color: var(--_ui-checkbox-invalid-border);
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-3bebca63] {
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] .description[data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] .description[data-v-3bebca63] {
   color: var(--ui-disabled-text);
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-3bebca63] {
   border-color: var(--ui-disabled-border);
   background: var(--ui-disabled-surface);
   box-shadow: none;
@@ -1553,32 +1553,32 @@ input[data-v-ce204e6e]:focus-visible {
 /* A sized choice keeps its box and aligns instead: the label takes that size's field type size,
    and the first line centres in that control height, so the label shares a row's baseline.
    Multi-line labels and descriptions still grow downward from that first line. */
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"][data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"][data-v-3bebca63] {
   --_font: var(--ui-font-size-sm);
   --_row: var(--ui-control-size-sm);
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=lg"][data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=lg"][data-v-3bebca63] {
   --_font: var(--ui-font-size-md);
   --_row: var(--ui-control-size-lg);
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"][data-v-ce204e6e],
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=lg"][data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"][data-v-3bebca63],
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=lg"][data-v-3bebca63] {
   --_line: calc(var(--_font) * var(--ui-line-height-md));
   font-size: var(--_font);
   padding-block: calc((var(--_row) - var(--_line)) / 2);
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"] input[data-v-ce204e6e],
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=lg"] input[data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"] input[data-v-3bebca63],
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=lg"] input[data-v-3bebca63] {
   margin-top: calc((var(--_line) - var(--_ui-checkbox-size, 1.125rem)) / 2);
 }
 @media (pointer: coarse) {
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"][data-v-ce204e6e] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="size=sm"][data-v-3bebca63] {
     --_row: var(--ui-control-min-block-size);
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-checkbox"][hidden][data-v-ce204e6e] {
+[data-component~="ui-checkbox"][hidden][data-v-3bebca63] {
   display: none;
 }
 
@@ -1587,7 +1587,7 @@ input[data-v-ce204e6e]:focus-visible {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-cluster"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-v-acd23e4a] {
   --_layout-gap: var(--ui-space-3);
   display: flex;
   flex-wrap: wrap;
@@ -1597,69 +1597,72 @@ input[data-v-ce204e6e]:focus-visible {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="fixed"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="fixed"][data-v-acd23e4a] {
   flex: none;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="padding=s"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="padding=s"][data-v-acd23e4a] {
   padding: var(--ui-space-2);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="padding=m"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="padding=m"][data-v-acd23e4a] {
   padding: var(--ui-space-3);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="padding=l"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="padding=l"][data-v-acd23e4a] {
   padding: var(--ui-space-4);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=s"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=s"][data-v-acd23e4a] {
   padding-inline-end: var(--ui-space-2);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=m"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=m"][data-v-acd23e4a] {
   padding-inline-end: var(--ui-space-3);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=l"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=l"][data-v-acd23e4a] {
   padding-inline-end: var(--ui-space-4);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=xl"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="paddingEnd=xl"][data-v-acd23e4a] {
   padding-inline-end: calc(var(--ui-space-4) * 4);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-acd23e4a] {
   --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-acd23e4a] {
   --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-acd23e4a] {
   --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-acd23e4a] {
   --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-acd23e4a] {
   --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-acd23e4a] {
   align-items: flex-start;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-acd23e4a] {
   align-items: flex-end;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=baseline"][data-v-acd23e4a] {
+  align-items: baseline;
+}
+[data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-acd23e4a] {
   align-items: stretch;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="justify=center"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="justify=center"][data-v-acd23e4a] {
   justify-content: center;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="justify=end"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="justify=end"][data-v-acd23e4a] {
   justify-content: flex-end;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="justify=between"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="justify=between"][data-v-acd23e4a] {
   justify-content: space-between;
 }
-[data-component~="ui-cluster"][data-ui-cluster-state~="wrap=nowrap"][data-v-e3a64464] {
+[data-component~="ui-cluster"][data-ui-cluster-state~="wrap=nowrap"][data-v-acd23e4a] {
   flex-wrap: nowrap;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-cluster"][hidden][data-v-e3a64464] {
+[data-component~="ui-cluster"][hidden][data-v-acd23e4a] {
   display: none;
 }
 
@@ -5601,7 +5604,7 @@ svg[data-v-521a280a-s] {
    padding follow it too, and the item takes the link's focus ring. The link stays a real link, so
    a router, a modified click, and "open in new tab" all work. Trailing controls sit above it and
    stay their own. */
-[data-component~="ui-list-item"][data-v-9f16562f] {
+[data-component~="ui-list-item"][data-v-8b9a3e2b] {
   /* Hooks do not inherit, so the parts below read them from the root. */
   --_ui-list-item-icon-size: var(--ui-list-item-icon-size);
 
@@ -5626,91 +5629,97 @@ svg[data-v-521a280a-s] {
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     border-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-list-item"][data-ui-list-item-state~="variant=card"][data-v-9f16562f] {
+[data-component~="ui-list-item"][data-ui-list-item-state~="variant=card"][data-v-8b9a3e2b] {
   padding-block: var(--ui-list-item-padding-block, var(--ui-space-3));
   padding-inline: var(--ui-list-item-padding-inline, var(--ui-space-4));
   border: var(--ui-border-width) solid var(--ui-border-strong);
   border-radius: var(--ui-radius-lg);
   background: var(--ui-surface-raised);
 }
-[data-component~="ui-list-item"][data-v-9f16562f]:has(.title a[href]:hover) {
-  background: var(--ui-surface-hover);
+[data-component~="ui-list-item"][data-v-8b9a3e2b]:where(:has(.title a[href])):hover {
+  background: var(--ui-selection-surface);
 }
-[data-component~="ui-list-item"][data-ui-list-item-state~="variant=card"][data-v-9f16562f]:has(.title
-  a[href]:hover) {
+[data-component~="ui-list-item"][data-ui-list-item-state~="variant=card"][data-v-8b9a3e2b]:where(:has(.title
+  a[href])):hover {
   border-color: var(--ui-border-strong);
 }
-[data-component~="ui-list-item"][data-ui-list-item-state~="highlighted"][data-v-9f16562f] {
+[data-component~="ui-list-item"][data-ui-list-item-state~="highlighted"][data-v-8b9a3e2b] {
   background: var(--ui-selection-surface);
 }
-[data-component~="ui-list-item"][data-ui-list-item-state~="current"][data-v-9f16562f] {
+[data-component~="ui-list-item"][data-ui-list-item-state~="current"][data-v-8b9a3e2b] {
   background: var(--ui-selection-surface);
   color: var(--ui-selection-text);
 }
-[data-component~="ui-list-item"][data-v-9f16562f]:has(.title a[href]:focus-visible) {
+[data-component~="ui-list-item"][data-v-8b9a3e2b]:has(.title a[href]:focus-visible) {
   box-shadow: 0 0 0 var(--ui-focus-width) var(--ui-focus-ring);
 }
-.leading[data-v-9f16562f],
-.trailing[data-v-9f16562f] {
+.leading[data-v-8b9a3e2b],
+.trailing[data-v-8b9a3e2b] {
   display: inline-flex;
   flex: none;
   align-items: center;
   gap: var(--ui-space-2);
 }
-.leading[data-v-9f16562f] {
+.leading[data-v-8b9a3e2b] {
   color: var(--ui-text-muted);
   font-size: var(--_ui-list-item-icon-size, var(--ui-font-size-lg));
 }
-[data-component~="ui-list-item"][data-ui-list-item-state~="current"] .leading[data-v-9f16562f] {
+[data-component~="ui-list-item"][data-ui-list-item-state~="current"] .leading[data-v-8b9a3e2b] {
   color: var(--ui-selection-text);
 }
 
+/* An explicitly independent leading control sits above the stretched row link. */
+[data-component~="ui-list-item"][data-ui-list-item-state~="leadingInteractive"] .leading[data-v-8b9a3e2b] {
+  position: relative;
+  z-index: 1;
+}
+
 /* Trailing controls take their own clicks, above the title link's stretched hit area. */
-.trailing[data-v-9f16562f] {
+.trailing[data-v-8b9a3e2b] {
   position: relative;
   z-index: 1;
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-sm);
 }
-.content[data-v-9f16562f] {
+.content[data-v-8b9a3e2b] {
   display: flex;
   flex: 1;
   flex-direction: column;
   gap: var(--ui-space-0-5, 2px);
   min-inline-size: 0;
 }
-.title[data-v-9f16562f],
-.description[data-v-9f16562f] {
+.title[data-v-8b9a3e2b],
+.description[data-v-8b9a3e2b] {
   display: block;
   min-inline-size: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-[data-component~="ui-list-item"][data-ui-list-item-state~="wrap"] .title[data-v-9f16562f],
-[data-component~="ui-list-item"][data-ui-list-item-state~="wrap"] .description[data-v-9f16562f] {
+[data-component~="ui-list-item"][data-ui-list-item-state~="wrap"] .title[data-v-8b9a3e2b],
+[data-component~="ui-list-item"][data-ui-list-item-state~="wrap"] .description[data-v-8b9a3e2b] {
   white-space: normal;
   overflow-wrap: anywhere;
 }
-.title[data-v-9f16562f] {
+.title[data-v-8b9a3e2b] {
   font-size: var(--ui-font-size-md);
   font-weight: var(--_ui-list-item-title-weight, var(--ui-font-medium));
   line-height: var(--ui-line-height-tight);
 }
-.description[data-v-9f16562f] {
+.description[data-v-8b9a3e2b] {
   color: var(--ui-text-muted);
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height-tight);
 }
-.title > a[data-v-9f16562f-s] {
+.title > a[data-v-8b9a3e2b-s] {
   color: inherit;
   text-decoration: none;
 }
-.title > a[data-v-9f16562f-s]:focus-visible {
+.title > a[data-v-8b9a3e2b-s]:focus-visible {
   outline: none;
   box-shadow: none;
 }
-.title > a[href][data-v-9f16562f-s]::after {
+.title > a[href][data-v-8b9a3e2b-s]::after {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -5718,24 +5727,24 @@ svg[data-v-521a280a-s] {
 }
 
 /* An unused region takes no space. */
-.leading[data-v-9f16562f]:empty,
-.description[data-v-9f16562f]:empty,
-.trailing[data-v-9f16562f]:empty {
+.leading[data-v-8b9a3e2b]:empty,
+.description[data-v-8b9a3e2b]:empty,
+.trailing[data-v-8b9a3e2b]:empty {
   display: none;
 }
 @media (forced-colors: active) {
-[data-component~="ui-list-item"][data-v-9f16562f]:has(a:focus-visible) {
+[data-component~="ui-list-item"][data-v-8b9a3e2b]:has(a:focus-visible) {
     outline: var(--ui-focus-width) solid Highlight;
     outline-offset: calc(-1 * var(--ui-focus-width));
 }
-:is([data-component~="ui-list-item"][data-ui-list-item-state~="current"][data-v-9f16562f], [data-component~="ui-list-item"][data-ui-list-item-state~="highlighted"][data-v-9f16562f]):not(:has(a:focus-visible)) {
+:is([data-component~="ui-list-item"][data-ui-list-item-state~="current"][data-v-8b9a3e2b], [data-component~="ui-list-item"][data-ui-list-item-state~="highlighted"][data-v-8b9a3e2b]):not(:has(a:focus-visible)) {
     outline: var(--ui-border-width) solid Highlight;
     outline-offset: calc(-1 * var(--ui-border-width));
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-list-item"][hidden][data-v-9f16562f] {
+[data-component~="ui-list-item"][hidden][data-v-8b9a3e2b] {
   display: none;
 }
 
@@ -8943,7 +8952,7 @@ to {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-tree-item"][data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-v-dc15f210] {
   /* Hooks do not inherit, so the parts below read them from the root. The tree's density
      sets the defaults, in --_ui-default-*. */
   --_ui-tree-item-min-block-size: var(
@@ -8965,7 +8974,7 @@ to {
   min-inline-size: 0;
   margin-inline-start: calc(var(--_ui-tree-item-indent-step, 0) * var(--_ui-tree-indent, 16px));
 }
-.row[data-v-f2ec0a81] {
+.row[data-v-dc15f210] {
   position: relative;
   display: grid;
   grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
@@ -8982,54 +8991,54 @@ to {
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
     min-block-size var(--ui-motion-base) var(--ui-motion-ease);
 }
-.row[data-v-f2ec0a81]:hover,
-.row[data-v-f2ec0a81]:focus-within {
+.row[data-v-dc15f210]:hover,
+.row[data-v-dc15f210]:focus-within {
   color: var(--ui-text-primary);
   background: var(--ui-surface-muted);
 }
 
 /* Selection is the same surface recipe as destination and choice rows. */
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] > .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] > .row[data-v-dc15f210] {
   color: var(--ui-selection-text);
   background: var(--ui-selection-surface);
 }
 [data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"]:not([aria-disabled="true"])
   > .row
-  > .leading[data-v-f2ec0a81] {
+  > .leading[data-v-dc15f210] {
   color: var(--ui-selection-text);
 }
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-dc15f210] {
   color: var(--ui-disabled-text);
   background: var(--ui-disabled-surface);
 }
-[data-component~="ui-tree-item"][data-dragging]:not([data-move-source]) .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-dragging]:not([data-move-source]) .row[data-v-dc15f210] {
   opacity: 0.42;
 }
-[data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-f2ec0a81],
-[data-component~="ui-tree-item"][data-move-source] > .row > .leading[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-dc15f210],
+[data-component~="ui-tree-item"][data-move-source] > .row > .leading[data-v-dc15f210] {
   opacity: 0.42;
 }
-[data-component~="ui-tree-item"][data-v-f2ec0a81]:focus {
+[data-component~="ui-tree-item"][data-v-dc15f210]:focus {
   outline: none;
 }
-[data-component~="ui-tree-item"]:focus-visible .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"]:focus-visible .row[data-v-dc15f210] {
   box-shadow: 0 0 0 var(--ui-focus-width) var(--ui-focus-ring);
 }
 
 /* Child combinators: drop feedback belongs to this item's own row, not the rows nested in it. */
-[data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-dc15f210] {
   background: var(--ui-accent-subtle);
   box-shadow: inset 0 0 0 var(--ui-accent-line-width)
     var(--_ui-tree-drop-color, var(--ui-accent-solid));
 }
-.disclosure[data-v-f2ec0a81],
-.disclosure-spacer[data-v-f2ec0a81] {
+.disclosure[data-v-dc15f210],
+.disclosure-spacer[data-v-dc15f210] {
   grid-column: 1;
   grid-row: 1;
   inline-size: var(--_tree-disclosure-size);
   block-size: 28px;
 }
-.disclosure[data-v-f2ec0a81] {
+.disclosure[data-v-dc15f210] {
   display: grid;
   /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
   place-items: center start;
@@ -9040,10 +9049,10 @@ to {
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
 }
-.disclosure[hidden][data-v-f2ec0a81] {
+.disclosure[hidden][data-v-dc15f210] {
   display: none;
 }
-.selection-hit[data-v-f2ec0a81] {
+.selection-hit[data-v-dc15f210] {
   display: none;
   grid-column: 2;
   grid-row: 1;
@@ -9052,29 +9061,29 @@ to {
   block-size: var(--_ui-tree-item-min-block-size, var(--_tree-row-min-height));
   cursor: pointer;
 }
-.selection-checkbox[data-v-f2ec0a81] {
+.selection-checkbox[data-v-dc15f210] {
   inline-size: 1rem;
   block-size: 1rem;
   margin: 0;
   accent-color: var(--ui-accent-solid);
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row[data-v-dc15f210] {
   grid-template-columns: var(--_tree-disclosure-size) 1.25rem auto minmax(0, 1fr);
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .selection-hit[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .selection-hit[data-v-dc15f210] {
   display: grid;
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .leading[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .leading[data-v-dc15f210] {
   grid-column: 3;
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .label[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .label[data-v-dc15f210] {
   grid-column: 4;
 }
-.disclosure[data-v-f2ec0a81]:hover {
+.disclosure[data-v-dc15f210]:hover {
   color: var(--ui-text-primary);
   background: var(--ui-surface-elevated);
 }
-.disclosure-icon[data-v-f2ec0a81] {
+.disclosure-icon[data-v-dc15f210] {
   display: grid;
   place-items: center;
   inline-size: 12px;
@@ -9082,7 +9091,7 @@ to {
   transform: rotate(-90deg);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.disclosure-icon[data-v-f2ec0a81]::before {
+.disclosure-icon[data-v-dc15f210]::before {
   display: block;
   inline-size: 0.375rem;
   block-size: 0.375rem;
@@ -9092,19 +9101,19 @@ to {
   /* A chevron's ink sits below its box centre; lift it so it centres optically (in either rotation). */
   transform: translateY(-20%) rotate(45deg);
 }
-[data-component~="ui-tree-item"][aria-expanded="true"] > .row > .disclosure > .disclosure-icon[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][aria-expanded="true"] > .row > .disclosure > .disclosure-icon[data-v-dc15f210] {
   transform: rotate(0deg);
 }
 
 /* Lucide grip-vertical, filling the handle as in Looma 0.2. */
-.drag-handle svg[data-v-f2ec0a81] {
+.drag-handle svg[data-v-dc15f210] {
   display: block;
   inline-size: 100%;
   block-size: 100%;
 }
 
 /* Slotted content is outside this scope, so :has() cannot see it; hide only a truly empty slot. */
-.leading[data-v-f2ec0a81] {
+.leading[data-v-dc15f210] {
   display: inline-grid;
   place-items: center;
   grid-column: 2;
@@ -9117,12 +9126,12 @@ to {
   position: relative;
   z-index: 1;
 }
-.leading[data-v-f2ec0a81]:empty {
+.leading[data-v-dc15f210]:empty {
   display: none;
 }
 
 /* Icons match the label's size (as in Knit's tree): an unsized SVG would otherwise render 300×150. */
-svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
+svg[data-v-dc15f210-s],img[data-v-dc15f210-s] {
   display: block;
   inline-size: 1em;
   block-size: 1em;
@@ -9131,7 +9140,7 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
 
 /* The label spans the row's height and centres its content, so slotted content (a link) can
    stretch to fill the row as its own hit area; the padding tokens remove the inset. */
-.label[data-v-f2ec0a81] {
+.label[data-v-dc15f210] {
   grid-column: 3;
   grid-row: 1;
   align-self: stretch;
@@ -9149,7 +9158,7 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
 
 /* 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[data-v-f2ec0a81] {
+.label-text[data-v-dc15f210] {
   display: flex;
   align-items: center;
   /* Stretches, so slotted content can still be the row's full-height hit area. */
@@ -9159,16 +9168,17 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
   inline-size: 100%;
   white-space: nowrap;
 }
-.label-text > [data-v-f2ec0a81-s] {
+.label-text > [data-v-dc15f210-s] {
   flex: 1 1 auto;
   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[data-v-f2ec0a81],
-.row:focus-within > .label[data-v-f2ec0a81],
-[data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-f2ec0a81] {
+.row:hover > .label[data-v-dc15f210],
+.row:focus-within > .label[data-v-dc15f210],
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="actionsVisible"] > .row > .label[data-v-dc15f210],
+[data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-dc15f210] {
   text-overflow: clip;
   mask-image: linear-gradient(
     to right,
@@ -9176,9 +9186,12 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-.row:hover > .label[data-v-f2ec0a81]:dir(rtl),
-.row:focus-within > .label[data-v-f2ec0a81]:dir(rtl),
-[data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-f2ec0a81]:dir(rtl) {
+.row:hover > .label[data-v-dc15f210]:dir(rtl),
+.row:focus-within > .label[data-v-dc15f210]:dir(rtl),
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="actionsVisible"]
+  > .row
+  > .label[data-v-dc15f210]:dir(rtl),
+[data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-dc15f210]:dir(rtl) {
   mask-image: linear-gradient(
     to left,
     #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-1)),
@@ -9190,10 +9203,10 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
    there, and starts again. 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 every name moves at the same speed. */
-.row[data-ui-marquee] > .label > .label-text[data-v-f2ec0a81] {
+.row[data-ui-marquee] > .label > .label-text[data-v-dc15f210] {
   /* Once per pass: the controller restarts it after a rest at the end, so the name holds still
      long enough to read rather than sliding back and forth. */
-  animation: ui-tree-item-marquee-f2ec0a81 var(--_marquee-duration) linear 0.5s 1 normal forwards;
+  animation: ui-tree-item-marquee-dc15f210 var(--_marquee-duration) linear 0.5s 1 normal forwards;
   will-change: transform;
 }
 
@@ -9201,7 +9214,7 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
    slides, the label reaches back under the icon (the controller measures how far) with its text
    where it was, and fades out across the gap before the icon, fully gone where the icon begins
    to cover it: the name slips under the icon rather than stopping at a hard edge beside it. */
-.row[data-ui-marquee] > .label[data-v-f2ec0a81] {
+.row[data-ui-marquee] > .label[data-v-dc15f210] {
   margin-inline-start: calc(-1 * var(--_marquee-lead, 0px));
   padding-inline-start: calc(
     var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
@@ -9216,7 +9229,7 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-.row[data-ui-marquee] > .label[data-v-f2ec0a81]:dir(rtl) {
+.row[data-ui-marquee] > .label[data-v-dc15f210]:dir(rtl) {
   mask-image: linear-gradient(
     to left,
     transparent var(--_marquee-icon-width, 0px),
@@ -9227,7 +9240,7 @@ svg[data-v-f2ec0a81-s],img[data-v-f2ec0a81-s] {
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
   );
 }
-@keyframes ui-tree-item-marquee-f2ec0a81 {
+@keyframes ui-tree-item-marquee-dc15f210 {
 from {
     transform: translateX(0);
 }
@@ -9238,15 +9251,15 @@ to {
 
 /* Reduced motion keeps the fade, which already says the name continues. */
 @media (prefers-reduced-motion: reduce) {
-.row[data-ui-marquee] > .label > .label-text[data-v-f2ec0a81] {
+.row[data-ui-marquee] > .label > .label-text[data-v-dc15f210] {
     animation: none;
 }
 }
-.row:hover > .label > [data-v-f2ec0a81-s],
-.row:focus-within > .label > [data-v-f2ec0a81-s] {
+.row:hover > .label > [data-v-dc15f210-s],
+.row:focus-within > .label > [data-v-dc15f210-s] {
   text-overflow: clip;
 }
-.actions[data-v-f2ec0a81] {
+.actions[data-v-dc15f210] {
   position: absolute;
   z-index: 1;
   inset-block: 0;
@@ -9258,19 +9271,20 @@ to {
   pointer-events: none;
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover > .actions[data-v-f2ec0a81],
-.row:focus-within > .actions[data-v-f2ec0a81],
-[data-component~="ui-tree-item"][data-move-source] > .row > .actions[data-v-f2ec0a81] {
+.row:hover > .actions[data-v-dc15f210],
+.row:focus-within > .actions[data-v-dc15f210],
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="actionsVisible"] > .row > .actions[data-v-dc15f210],
+[data-component~="ui-tree-item"][data-move-source] > .row > .actions[data-v-dc15f210] {
   opacity: 1;
   pointer-events: auto;
 }
 
 /* Without hover there is no reveal, so the controls keep their own column. */
 @media (hover: none), (pointer: coarse) {
-.row[data-v-f2ec0a81] {
+.row[data-v-dc15f210] {
     grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr) auto;
 }
-.actions[data-v-f2ec0a81] {
+.actions[data-v-dc15f210] {
     position: static;
     grid-column: 4;
     grid-row: 1;
@@ -9279,13 +9293,13 @@ to {
     opacity: 1;
     pointer-events: auto;
 }
-.row:is(:hover, :focus-within) > .label[data-v-f2ec0a81],
-  .row:is(:hover, :focus-within) > .label[data-v-f2ec0a81]:dir(rtl),
-  [data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-f2ec0a81],
-  [data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-f2ec0a81]:dir(rtl) {
+.row:is(:hover, :focus-within) > .label[data-v-dc15f210],
+  .row:is(:hover, :focus-within) > .label[data-v-dc15f210]:dir(rtl),
+  [data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-dc15f210],
+  [data-component~="ui-tree-item"][data-move-source] > .row > .label[data-v-dc15f210]:dir(rtl) {
     mask-image: none;
 }
-.row[data-ui-marquee] > .label[data-v-f2ec0a81] {
+.row[data-ui-marquee] > .label[data-v-dc15f210] {
     mask-image: linear-gradient(
       to right,
       transparent var(--_marquee-icon-width, 0px),
@@ -9294,7 +9308,17 @@ to {
       )
     );
 }
-.row[data-ui-marquee] > .label[data-v-f2ec0a81]:dir(rtl) {
+
+  /* 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[data-v-dc15f210] {
+    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[data-v-dc15f210]:dir(rtl) {
+    mask-image: linear-gradient(to left, #000 calc(100% - var(--ui-space-1)), transparent 100%);
+}
+.row[data-ui-marquee] > .label[data-v-dc15f210]:dir(rtl) {
     mask-image: linear-gradient(
       to left,
       transparent var(--_marquee-icon-width, 0px),
@@ -9303,10 +9327,10 @@ to {
       )
     );
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row[data-v-dc15f210] {
     grid-template-columns: var(--_tree-disclosure-size) 1.25rem auto minmax(0, 1fr) auto;
 }
-[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .actions[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-selection-mode="multiple"] > .row > .actions[data-v-dc15f210] {
     grid-column: 5;
 }
 }
@@ -9315,7 +9339,7 @@ to {
    empty column, right before the icon; a branch's disclosure is there, so its handle sits just
    outside the row. It is bare until pointed at: a resting surface behind it read as a faint
    patch rather than as a control. */
-.drag-handle[data-v-f2ec0a81] {
+.drag-handle[data-v-dc15f210] {
   position: absolute;
   z-index: 2;
   inset-block-start: 50%;
@@ -9336,24 +9360,24 @@ to {
   transform: translateY(-50%);
   transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.row:hover .drag-handle[data-v-f2ec0a81],
-.drag-handle[data-v-f2ec0a81]:hover,
-.drag-handle[data-v-f2ec0a81]:focus-visible,
-[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-f2ec0a81] {
+.row:hover .drag-handle[data-v-dc15f210],
+.drag-handle[data-v-dc15f210]:hover,
+.drag-handle[data-v-dc15f210]:focus-visible,
+[data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-dc15f210] {
   opacity: 1;
 }
-[data-component~="ui-tree-item"][data-ui-tree-item-state~="isContainer"] > .row > .drag-handle[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-ui-tree-item-state~="isContainer"] > .row > .drag-handle[data-v-dc15f210] {
   inset-inline-start: calc(-1 * var(--_tree-disclosure-size) - 2px);
 }
-.drag-handle[data-v-f2ec0a81]:hover,
-.drag-handle[data-v-f2ec0a81]:focus-visible {
+.drag-handle[data-v-dc15f210]:hover,
+.drag-handle[data-v-dc15f210]:focus-visible {
   color: var(--ui-text-primary);
   background: var(--ui-surface-hover);
 }
-.drag-handle[data-v-f2ec0a81]:active {
+.drag-handle[data-v-dc15f210]:active {
   cursor: grabbing;
 }
-.drop-indicator[data-v-f2ec0a81] {
+.drop-indicator[data-v-dc15f210] {
   position: absolute;
   z-index: 3;
   inset-inline: 1px;
@@ -9363,8 +9387,8 @@ to {
   background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
   pointer-events: none;
 }
-.drop-indicator[data-v-f2ec0a81]::before,
-.drop-indicator[data-v-f2ec0a81]::after {
+.drop-indicator[data-v-dc15f210]::before,
+.drop-indicator[data-v-dc15f210]::after {
   content: "";
   position: absolute;
   inset-block-start: 50%;
@@ -9375,34 +9399,34 @@ to {
   background: var(--ui-surface-elevated);
   transform: translateY(-50%);
 }
-.drop-indicator[data-v-f2ec0a81]::before {
+.drop-indicator[data-v-dc15f210]::before {
   inset-inline-start: -1px;
 }
-.drop-indicator[data-v-f2ec0a81]::after {
+.drop-indicator[data-v-dc15f210]::after {
   inset-inline-end: -1px;
 }
-[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-dc15f210] {
   display: block;
   inset-block-start: calc(-0.5 * var(--ui-accent-line-width));
 }
-[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-dc15f210] {
   display: block;
   inset-block-end: calc(-0.5 * var(--ui-accent-line-width));
 }
-.children[hidden][data-v-f2ec0a81] {
+.children[hidden][data-v-dc15f210] {
   display: none;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-f2ec0a81] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-dc15f210] {
   --_tree-row-min-height: 44px;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .row[data-v-f2ec0a81] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .row[data-v-dc15f210] {
   grid-template-columns: 44px var(--_tree-disclosure-size) auto minmax(0, 1fr);
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-f2ec0a81],
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-dc15f210],
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-ui-tree-item-state~="isContainer"]
   > .row
-  > .drag-handle[data-v-f2ec0a81] {
+  > .drag-handle[data-v-dc15f210] {
   position: relative;
   grid-column: 1;
   grid-row: 1;
@@ -9414,24 +9438,24 @@ html[data-ui-input-modality="touch"]
   transform: none;
   cursor: pointer;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .disclosure[data-v-f2ec0a81] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .disclosure[data-v-dc15f210] {
   grid-column: 2;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .leading[data-v-f2ec0a81] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .leading[data-v-dc15f210] {
   grid-column: 3;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .label[data-v-f2ec0a81] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .label[data-v-dc15f210] {
   grid-column: 4;
 }
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
-  > .row[data-v-f2ec0a81] {
+  > .row[data-v-dc15f210] {
   grid-template-columns: 44px var(--_tree-disclosure-size) 44px auto minmax(0, 1fr);
 }
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
   > .row
-  > .selection-hit[data-v-f2ec0a81] {
+  > .selection-hit[data-v-dc15f210] {
   grid-column: 3;
   inline-size: 44px;
   block-size: 44px;
@@ -9439,55 +9463,55 @@ html[data-ui-input-modality="touch"]
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
   > .row
-  > .leading[data-v-f2ec0a81] {
+  > .leading[data-v-dc15f210] {
   grid-column: 4;
 }
 html[data-ui-input-modality="touch"]
   [data-component~="ui-tree-item"][data-selection-mode="multiple"]
   > .row
-  > .label[data-v-f2ec0a81] {
+  > .label[data-v-dc15f210] {
   grid-column: 5;
 }
 @media (hover: none), (pointer: coarse) {
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .row[data-v-f2ec0a81] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .row[data-v-dc15f210] {
     grid-template-columns: 44px var(--_tree-disclosure-size) auto minmax(0, 1fr) auto;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .actions[data-v-f2ec0a81] {
+html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .actions[data-v-dc15f210] {
     grid-column: 5;
 }
 html[data-ui-input-modality="touch"]
     [data-component~="ui-tree-item"][data-selection-mode="multiple"]
-    > .row[data-v-f2ec0a81] {
+    > .row[data-v-dc15f210] {
     grid-template-columns: 44px var(--_tree-disclosure-size) 44px auto minmax(0, 1fr) auto;
 }
 html[data-ui-input-modality="touch"]
     [data-component~="ui-tree-item"][data-selection-mode="multiple"]
     > .row
-    > .actions[data-v-f2ec0a81] {
+    > .actions[data-v-dc15f210] {
     grid-column: 6;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.row[data-v-f2ec0a81],
-  .disclosure-icon[data-v-f2ec0a81],
-  .drag-handle[data-v-f2ec0a81] {
+.row[data-v-dc15f210],
+  .disclosure-icon[data-v-dc15f210],
+  .drag-handle[data-v-dc15f210] {
     transition: none;
 }
 }
 @media (forced-colors: active) {
-[data-component~="ui-tree-item"]:focus-visible > .row[data-v-f2ec0a81] {
+[data-component~="ui-tree-item"]:focus-visible > .row[data-v-dc15f210] {
     outline: var(--ui-focus-width) solid Highlight;
     outline-offset: calc(-1 * var(--ui-focus-width));
 }
 [data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"]:not(:focus-visible):not([aria-disabled="true"])
-    > .row[data-v-f2ec0a81] {
+    > .row[data-v-dc15f210] {
     outline: var(--ui-border-width) solid Highlight;
     outline-offset: calc(-1 * var(--ui-border-width));
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-tree-item"][hidden][data-v-f2ec0a81] {
+[data-component~="ui-tree-item"][hidden][data-v-dc15f210] {
   display: none;
 }
 /* The editor surface owns its renderer canvas. Existing hooks retain their defaults. */