@threadlabs/looma 0.10.1 → 0.10.3

package/vue/UiTreeItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.3 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.5 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-tree-item/ui-tree-item.js'
@@ -17,6 +17,7 @@ const props = withDefaults(
     expanded?: boolean
     itemId?: string
     label?: string
+    marquee?: boolean
     selected?: boolean
     sortable?: boolean
     subtreeDepth?: number
@@ -30,6 +31,7 @@ const props = withDefaults(
     expanded: false,
     itemId: '',
     label: '',
+    marquee: false,
     selected: false,
     sortable: false,
   },
@@ -49,6 +51,7 @@ const root = ref<HTMLElement | null>(null)
 const rowElement = useTemplateRef<HTMLElement>('row')
 const dragHandleElement = useTemplateRef<HTMLElement>('dragHandle')
 const disclosureElement = useTemplateRef<HTMLElement>('disclosure')
+const labelTextElement = useTemplateRef<HTMLElement>('labelText')
 const actionsElement = useTemplateRef<HTMLElement>('actions')
 const childrenElement = useTemplateRef<HTMLElement>('children')
 const internalExpanded = ref(false)
@@ -88,6 +91,7 @@ useComponentHost(controllerModule.default, {
     row: rowElement,
     dragHandle: dragHandleElement,
     disclosure: disclosureElement,
+    labelText: labelTextElement,
     actions: actionsElement,
     children: childrenElement,
   },
@@ -150,7 +154,9 @@ useComponentHost(controllerModule.default, {
         <span class="disclosure-icon" aria-hidden="true"></span>
       </button>
       <span class="leading"><slot name="leading" /></span>
-      <span class="label"><slot name="label">{{ label }}</slot></span>
+      <span class="label"><span class="label-text" ref="labelText"><slot name="label">{{
+            label
+          }}</slot></span></span>
       <span class="actions" ref="actions"><slot name="actions" /></span>
       <span class="drop-indicator row-drop-indicator" aria-hidden="true"></span>
     </div>
@@ -313,17 +319,80 @@ useComponentHost(controllerModule.default, {
   display: flex;
   align-items: center;
   min-inline-size: 0;
+  /* The cell clips: a name longer than the row slides inside it rather than over its icons. */
+  overflow: hidden;
   padding: var(--ui-tree-item-label-padding-block, var(--ui-space-1))
     var(--ui-tree-item-label-padding-inline, var(--ui-space-2));
 }
 
 /* Slotted label content fills the cell, so a link is the row's hit area rather than sizing to
    its own text and reading as overflow. */
-.label > :slotted(*) {
+.label-text {
+  display: flex;
+  align-items: center;
+  /* Stretches, so slotted content can still be the row's full-height hit area. */
+  align-self: stretch;
+  block-size: 100%;
+  min-inline-size: 0;
+  inline-size: 100%;
+  white-space: nowrap;
+}
+
+.label-text > :slotted(*) {
   flex: 1 1 auto;
   min-inline-size: 0;
 }
 
+/* A hovered row reads its whole name: the label slides far enough to show the end, waits
+   there, and comes back. Only when it actually overflows — the controller measures by how
+   much — after the controls have taken their place over its end — and hands over the distance
+   and a duration from it, so a longer name travels no faster. */
+.row[data-ui-marquee] > .label > .label-text {
+  /* Once, and it stays at the end while the pointer is there: a name that keeps sliding back
+     and forth under the pointer is harder to read than one that arrives and holds. */
+  animation: ui-tree-item-marquee var(--_marquee-duration) linear 0.5s 1 normal forwards;
+  will-change: transform;
+}
+
+/* While it slides, the start fades too: the name is leaving the cell at both ends, and a hard
+   edge beside the icon reads as a collision rather than as more text. */
+.row[data-ui-marquee] > .label {
+  mask-image: linear-gradient(
+    to right,
+    transparent 0,
+    #000 var(--ui-space-2),
+    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+    transparent calc(100% - var(--_tree-actions-width, 1.75rem))
+  );
+}
+
+.row[data-ui-marquee] > .label:dir(rtl) {
+  mask-image: linear-gradient(
+    to left,
+    transparent 0,
+    #000 var(--ui-space-2),
+    #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
+    transparent calc(100% - var(--_tree-actions-width, 1.75rem))
+  );
+}
+
+@keyframes ui-tree-item-marquee {
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(var(--_marquee-distance));
+  }
+}
+
+/* Reduced motion keeps the fade, which already says the name continues. */
+@media (prefers-reduced-motion: reduce) {
+  .row[data-ui-marquee] > .label > .label-text {
+    animation: none;
+  }
+}
+
 /* The controls sit over the label's end, so the text fades out where they begin. The fade is
    the truncation mark while it shows: an ellipsis under it would read as a second one. */
 .row:hover > .label,

package/vue/chunks/UiAffordanceScope.js

@@ -31,6 +31,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c1d56d8d"]]);
+}), [["__scopeId", "data-v-c9fe5e81"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -57,6 +57,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-eb16b513"]]);
+}), [["__scopeId", "data-v-f6916639"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -44,6 +44,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9e8e1291"]]);
+}), [["__scopeId", "data-v-9d727004"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -24,6 +24,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-badge" }, _ctx.$attrs, { "data-ui-badge-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c0ffc4d8"]]);
+}), [["__scopeId", "data-v-0dbc98f0"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiButton.js

@@ -83,6 +83,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-1cd0b390"]]);
+}), [["__scopeId", "data-v-0c121308"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -103,6 +103,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			]), createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c6e92976"]]);
+}), [["__scopeId", "data-v-2fd6ab30"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCheckbox.js

@@ -84,6 +84,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-44d93832"]]);
+}), [["__scopeId", "data-v-9c9d1eaa"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -19,6 +19,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cluster" }, _ctx.$attrs, { "data-ui-cluster-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9a0304f1"]]);
+}), [["__scopeId", "data-v-c4f9b76d"]]);
 //#endregion
 export { UiCluster_default as t };

package/vue/chunks/UiCombobox.js

@@ -479,6 +479,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-cd33b9b7"]]);
+}), [["__scopeId", "data-v-0bd7ecc4"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiContainer.js

@@ -19,6 +19,6 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, _ctx.$attrs, { "data-ui-container-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-89d8ad17"]]);
+}), [["__scopeId", "data-v-b1605eab"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

@@ -61,6 +61,6 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-607c2847"]]);
+}), [["__scopeId", "data-v-06309584"]]);
 //#endregion
 export { UiContextMenu_default as t };

package/vue/chunks/UiDialog.js

@@ -75,6 +75,6 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-cac753c9"]]);
+}), [["__scopeId", "data-v-d43d3a22"]]);
 //#endregion
 export { UiDialog_default as t };

package/vue/chunks/UiDisclosure.js

@@ -86,6 +86,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}, [createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_3)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-20cbcb83"]]);
+}), [["__scopeId", "data-v-54a22a7e"]]);
 //#endregion
 export { UiDisclosure_default as t };

package/vue/chunks/UiEditable.js

@@ -120,6 +120,6 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, "Cancel", -1)])])) : createCommentVNode("v-if", true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c1b523c6"]]);
+}), [["__scopeId", "data-v-8fe1c571"]]);
 //#endregion
 export { UiEditable_default as t };

package/vue/chunks/UiEditorInsertTableGrid.js

@@ -104,6 +104,6 @@ var UiEditorInsertTableGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7b1e476f"]]);
+}), [["__scopeId", "data-v-fd963634"]]);
 //#endregion
 export { UiEditorInsertTableGrid_default as t };

package/vue/chunks/UiEditorMentionMenu.js

@@ -101,6 +101,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-78edc5f6"]]);
+}), [["__scopeId", "data-v-9c76e661"]]);
 //#endregion
 export { UiEditorMentionMenu_default as t };

package/vue/chunks/UiEditorSlashMenu.js

@@ -95,6 +95,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-e7d0f904"]]);
+}), [["__scopeId", "data-v-afcbaee6"]]);
 //#endregion
 export { UiEditorSlashMenu_default as t };

package/vue/chunks/UiEditorTableContextMenu.js

@@ -93,6 +93,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 			}), 128))], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-2d9eb67c"]]);
+}), [["__scopeId", "data-v-64488d5e"]]);
 //#endregion
 export { UiEditorTableContextMenu_default as t };

package/vue/chunks/UiEditorTableOverlay.js

@@ -181,6 +181,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-61a70a30"]]);
+}), [["__scopeId", "data-v-fed0c263"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };

package/vue/chunks/UiEditorTableToolbar.js

@@ -175,6 +175,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-1b253cb1"]]);
+}), [["__scopeId", "data-v-fdb800d4"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -52,6 +52,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-e776f060"]]);
+}), [["__scopeId", "data-v-8f7cefb2"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiFloatingActionButton.js

@@ -37,6 +37,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-62b77471"]]);
+}), [["__scopeId", "data-v-dc9b5621"]]);
 //#endregion
 export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.js

@@ -46,6 +46,6 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-13b85af2"]]);
+}), [["__scopeId", "data-v-eba1e76b"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -19,6 +19,6 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, { "data-ui-grid-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9635be0b"]]);
+}), [["__scopeId", "data-v-84466559"]]);
 //#endregion
 export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -73,6 +73,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), 128))]))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-7b1048a0"]]);
+}), [["__scopeId", "data-v-3d48bd86"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -59,6 +59,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-23aa723d"]]);
+}), [["__scopeId", "data-v-bcedd63e"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiInput.js

@@ -61,6 +61,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}), null, 16, _hoisted_1)), [[vModelDynamic, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-0c0dde58"]]);
+}), [["__scopeId", "data-v-f84acfe8"]]);
 //#endregion
 export { UiInput_default as t };

package/vue/chunks/UiMenu.js

@@ -69,6 +69,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-e8df970a"]]);
+}), [["__scopeId", "data-v-ad1dce95"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuItem.js

@@ -26,6 +26,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-40124183"]]);
+}), [["__scopeId", "data-v-4bd9e602"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiPopover.js

@@ -56,6 +56,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-3675062e"]]);
+}), [["__scopeId", "data-v-00194c85"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadio.js

@@ -78,6 +78,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-2c20c2e3"]]);
+}), [["__scopeId", "data-v-e31949a7"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiRadioGroup.js

@@ -75,6 +75,6 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}), [createElementVNode("legend", null, toDisplayString(__props.label), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-f54344c6"]]);
+}), [["__scopeId", "data-v-b97195d1"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiReel.js

@@ -28,6 +28,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, _ctx.$attrs, { "data-ui-reel-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0d41608a"]]);
+}), [["__scopeId", "data-v-b373e396"]]);
 //#endregion
 export { UiReel_default as t };

package/vue/chunks/UiSearchResultRow.js

@@ -50,6 +50,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c2562cce"]]);
+}), [["__scopeId", "data-v-b0d24e6e"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSearchShell.js

@@ -67,6 +67,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			])], 8, _hoisted_1)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-d27d0d8a"]]);
+}), [["__scopeId", "data-v-d749a869"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSelect.js

@@ -55,6 +55,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-2a885e02"]]);
+}), [["__scopeId", "data-v-f9be4ab9"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSeparator.js

@@ -13,6 +13,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			return openBlock(), createElementBlock("hr", mergeProps({ "data-component": "ui-separator" }, _ctx.$attrs, { "aria-orientation": __props.orientation }), null, 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-f07c3800"]]);
+}), [["__scopeId", "data-v-357ad177"]]);
 //#endregion
 export { UiSeparator_default as t };

package/vue/chunks/UiSidebar.js

@@ -85,6 +85,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}, null, -1)])], 8, _hoisted_3)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4bcdb743"]]);
+}), [["__scopeId", "data-v-d5bc9278"]]);
 //#endregion
 export { UiSidebar_default as t };

package/vue/chunks/UiStack.js

@@ -24,6 +24,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-stack" }, _ctx.$attrs, { "data-ui-stack-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-43678d8b"]]);
+}), [["__scopeId", "data-v-e8d52a11"]]);
 //#endregion
 export { UiStack_default as t };

package/vue/chunks/UiSwitch.js

@@ -79,6 +79,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-aeb44053"]]);
+}), [["__scopeId", "data-v-26ab3add"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiSwitcher.js

@@ -24,6 +24,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, _ctx.$attrs, { "data-ui-switcher-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-3ed2c685"]]);
+}), [["__scopeId", "data-v-e00fcda9"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTabs.js

@@ -91,6 +91,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), 128))], 8, _hoisted_2), createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-f288c3b2"]]);
+}), [["__scopeId", "data-v-cf12d253"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiTextarea.js

@@ -64,6 +64,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), null, 16, _hoisted_1)), [[vModelText, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-fd749c95"]]);
+}), [["__scopeId", "data-v-0352d397"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToastRegion.js

@@ -103,6 +103,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), 128))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-925e00c2"]]);
+}), [["__scopeId", "data-v-94472df4"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -72,6 +72,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-5952fbd4"]]);
+}), [["__scopeId", "data-v-c4cff7e8"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -20,6 +20,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-d08120f9"]]);
+}), [["__scopeId", "data-v-72f788b1"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTree.js

@@ -13,6 +13,10 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		density: { default: "comfortable" },
 		hoverExpandDelay: { default: 700 },
 		label: { default: "Tree" },
+		marquee: {
+			type: Boolean,
+			default: false
+		},
 		maxDepth: { default: 0 }
 	},
 	emits: [
@@ -25,7 +29,7 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const emit = __emit;
 		const root = ref(null);
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.density && `density density=${props.density}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [props.marquee && "marquee", props.density && `density density=${props.density}`].filter(Boolean).join(" "));
 		const isReorderDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["sourceId"] === "string" && typeof detail["targetId"] === "string" && (detail["position"] === "before" || detail["position"] === "inside" || detail["position"] === "after") && typeof detail["sourceType"] === "string" && typeof detail["targetType"] === "string" && typeof detail["sourceScope"] === "string" && typeof detail["targetScope"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"sourceId",
 			"targetId",
@@ -68,6 +72,6 @@ var UiTree_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-89a4437c"]]);
+}), [["__scopeId", "data-v-5c1143dd"]]);
 //#endregion
 export { UiTree_default as t };