@threadlabs/looma 0.10.0 → 0.10.2

package/vanilla/UiTopBar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiTopBarEventMap {
 }
 export interface UiTopBarElement extends HTMLElement {

package/vanilla/UiTopBar.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import "../styles/ui-top-bar.css";
 
 export function createUiTopBar(options = {}) {

package/vanilla/UiTree.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiTreeEventMap {
   reorder: CustomEvent<{ readonly sourceId: string; readonly targetId: string; readonly position: "before" | "inside" | "after"; readonly sourceType: string; readonly targetType: string; readonly sourceScope: string; readonly targetScope: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   "reorder-rejected": CustomEvent<{ readonly sourceId: string; readonly targetId: string; readonly position: "before" | "inside" | "after"; readonly reason: "max-depth"; readonly maxDepth: number; readonly resultingDepth: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;

package/vanilla/UiTree.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-tree/ui-tree.js";
 import "../styles/ui-tree.css";

package/vanilla/UiTreeItem.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 export interface UiTreeItemEventMap {
   expand: CustomEvent<{ readonly id: string; readonly expanded: boolean; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiTreeItem.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.3 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-tree-item/ui-tree-item.js";
 import "../styles/ui-tree-item.css";

package/vue/UiAffordanceScope.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 } from 'vue'
 import * as controllerModule from '../components/ui-affordance-scope/ui-affordance-scope.js'

package/vue/UiAvatar.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 { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-avatar/ui-avatar.js'

package/vue/UiAvatarGroup.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 { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-avatar-group/ui-avatar-group.js'

package/vue/UiBadge.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 } from 'vue'
 

package/vue/UiButton.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 } from 'vue'
 

package/vue/UiCallout.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 } from 'vue'
 

package/vue/UiCheckbox.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-checkbox/ui-checkbox.js'

package/vue/UiCluster.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 } from 'vue'
 

package/vue/UiCombobox.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-combobox/ui-combobox.js'

package/vue/UiContainer.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 } from 'vue'
 

package/vue/UiContextMenu.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 { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-context-menu/ui-context-menu.js'

package/vue/UiDialog.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 { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-dialog/ui-dialog.js'

package/vue/UiDisclosure.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-disclosure/ui-disclosure.js'

package/vue/UiEditable.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-editable/ui-editable.js'

package/vue/UiEditorInsertTableGrid.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 { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-editor-insert-table-grid/ui-editor-insert-table-grid.js'

package/vue/UiEditorMentionMenu.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-mention-menu/ui-editor-mention-menu.js'

package/vue/UiEditorSlashMenu.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-slash-menu/ui-editor-slash-menu.js'

package/vue/UiEditorTableContextMenu.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-table-context-menu/ui-editor-table-context-menu.js'

package/vue/UiEditorTableOverlay.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-table-overlay/ui-editor-table-overlay.js'

package/vue/UiEditorTableToolbar.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-editor-table-toolbar/ui-editor-table-toolbar.js'

package/vue/UiEditorToolbar.vue

@@ -1,6 +1,8 @@
-<!-- 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 } from 'vue'
+import { computed, ref, useTemplateRef } from 'vue'
+import * as controllerModule from '../components/ui-editor-toolbar/ui-editor-toolbar.js'
+import { createDispatch, useComponentHost } from './host'
 
 defineOptions({ inheritAttrs: false })
 
@@ -13,12 +15,29 @@ const props = withDefaults(
   },
 )
 
+const root = ref<HTMLElement | null>(null)
+const stripElement = useTemplateRef<HTMLElement>('strip')
+const overflowStart = ref(false)
+const overflowEnd = ref(false)
+
 /** The values the styles' :host-state() rules test. */
 const hostState = computed(() =>
   [
+    overflowStart.value && 'overflowStart',
+    overflowEnd.value && 'overflowEnd',
     props.floating && 'floating',
   ].filter(Boolean).join(' ')
 )
+
+const dispatch = createDispatch(root)
+
+useComponentHost(controllerModule.default, {
+  root,
+  dispatch,
+  props,
+  refs: { strip: stripElement },
+  state: { overflowStart, overflowEnd },
+})
 </script>
 
 <template>
@@ -28,39 +47,89 @@ const hostState = computed(() =>
     aria-label="Editor toolbar"
     v-bind="$attrs"
     :data-ui-editor-toolbar-state="hostState || undefined"
+    ref="root"
   >
-    <slot />
+    <div class="strip" ref="strip"><slot /></div>
   </div>
 </template>
 
 <style scoped>
 [data-component~="ui-editor-toolbar"] {
+  /* The colour the edge fades blend into: whatever the toolbar is painted with. */
+  --_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
+
   position: sticky;
   top: 0;
   z-index: var(--ui-editor-toolbar-z-index, 10);
   display: flex;
   align-items: center;
-  justify-content: flex-start;
-  gap: var(--ui-editor-toolbar-gap, 2px);
   padding: var(--ui-editor-toolbar-padding-block, 6px)
     var(--ui-editor-toolbar-padding-inline, 12px);
   min-height: var(--ui-editor-toolbar-min-height, 48px);
-  /* More controls than the column is wide is normal at a readable measure, so the row wraps.
-     Scrolling hid the tail behind an invisible scrollbar. */
-  flex-wrap: wrap;
-  row-gap: var(--ui-editor-toolbar-row-gap, var(--ui-editor-toolbar-gap, 2px));
   background: var(--ui-editor-toolbar-surface, var(--ui-surface));
   border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
 }
 
-[data-component~="ui-editor-toolbar"]::-webkit-scrollbar {
+/* One row, always. When the controls outgrow the space, the row scrolls sideways rather than
+   wrapping into several lines, and a fade at each edge that has more to show says so. */
+.strip {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--ui-editor-toolbar-gap, 2px);
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-inline: contain;
+  scrollbar-width: none;
+}
+
+.strip::-webkit-scrollbar {
   display: none;
 }
 
-[data-component~="ui-editor-toolbar"] > :slotted(*) {
+.strip > :slotted(*) {
   flex: 0 0 auto;
 }
 
+/* The fades are mattes laid over the strip in the toolbar's own colour, not a mask, so a floating
+   toolbar's border and shadow stay whole. Each appears only while that edge hides controls. */
+[data-component~="ui-editor-toolbar"]::before,
+[data-component~="ui-editor-toolbar"]::after {
+  position: absolute;
+  z-index: 1;
+  inset-block: 0;
+  inline-size: var(--ui-editor-toolbar-fade-size, 32px);
+  content: "";
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--ui-motion-fast, 120ms) var(--ui-motion-ease, ease);
+}
+
+[data-component~="ui-editor-toolbar"]::before {
+  inset-inline-start: 0;
+  background: linear-gradient(to right, var(--_matte), transparent);
+}
+
+[data-component~="ui-editor-toolbar"]::after {
+  inset-inline-end: 0;
+  background: linear-gradient(to left, var(--_matte), transparent);
+}
+
+[data-component~="ui-editor-toolbar"]:dir(rtl)::before {
+  background: linear-gradient(to left, var(--_matte), transparent);
+}
+
+[data-component~="ui-editor-toolbar"]:dir(rtl)::after {
+  background: linear-gradient(to right, var(--_matte), transparent);
+}
+
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="overflowStart"]::before,
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="overflowEnd"]::after {
+  opacity: 1;
+}
+
 :slotted(.divider) {
   width: 1px;
   height: 20px;
@@ -70,14 +139,12 @@ const hostState = computed(() =>
 }
 
 [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"] {
-  flex-wrap: nowrap;
-  position: static;
+  position: relative;
   top: auto;
   width: max-content;
   max-width: min(calc(100vw - 24px), 100%);
   min-height: auto;
   padding: var(--ui-editor-toolbar-floating-padding, 4px);
-  overflow-x: visible;
   background: color-mix(
     in srgb,
     var(--ui-editor-toolbar-surface, var(--ui-surface)) 96%,
@@ -106,7 +173,7 @@ const hostState = computed(() =>
   }
 
   [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"] {
-    position: static;
+    position: relative;
     inset: auto;
     min-height: auto;
     border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
@@ -120,9 +187,10 @@ const hostState = computed(() =>
 
 /* Inside LoomaEditor's sticky shell, the shell is the sticky surface. */
 .looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"] {
-  position: static;
+  --_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
+
+  position: relative;
   min-height: var(--ui-editor-toolbar-min-height, 48px);
-  overscroll-behavior-inline: contain;
   background: transparent;
   border: 0;
   box-shadow: none;
@@ -135,10 +203,6 @@ const hostState = computed(() =>
   max-width: none;
   min-height: 100%;
   padding: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  overscroll-behavior-inline: contain;
-  scroll-snap-type: x mandatory;
   background: transparent;
   border: 0;
   border-radius: 0;
@@ -146,6 +210,12 @@ const hostState = computed(() =>
   backdrop-filter: none;
 }
 
+.looma-editor__mobile-toolbar-shell
+  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"]
+  .strip {
+  scroll-snap-type: x mandatory;
+}
+
 /* A component that sets its display still honours the hidden attribute on its root. */
 [data-component~="ui-editor-toolbar"][hidden] {
   display: none;

package/vue/UiFloatingActionButton.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 } from 'vue'
 

package/vue/UiFormField.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-form-field/ui-form-field.js'

package/vue/UiGrid.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 } from 'vue'
 

package/vue/UiIcon.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-icon/ui-icon.js'

package/vue/UiIconButton.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 } from 'vue'
 import * as controllerModule from '../components/ui-icon-button/ui-icon-button.js'

package/vue/UiInput.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 } from 'vue'
 import * as controllerModule from '../components/ui-input/ui-input.js'

package/vue/UiMenu.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 } from 'vue'
 import * as controllerModule from '../components/ui-menu/ui-menu.js'

package/vue/UiMenuItem.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">
 defineOptions({ inheritAttrs: false })
 

package/vue/UiPopover.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 } from 'vue'
 import * as controllerModule from '../components/ui-popover/ui-popover.js'

package/vue/UiRadio.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-radio/ui-radio.js'

package/vue/UiRadioGroup.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 } from 'vue'
 import * as controllerModule from '../components/ui-radio-group/ui-radio-group.js'

package/vue/UiReel.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 } from 'vue'
 

package/vue/UiSearchResultRow.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 } from 'vue'
 

package/vue/UiSearchShell.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 { ref, useTemplateRef } from 'vue'
 import * as controllerModule from '../components/ui-search-shell/ui-search-shell.js'

package/vue/UiSelect.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 } from 'vue'
 import * as controllerModule from '../components/ui-select/ui-select.js'

package/vue/UiSeparator.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">
 defineOptions({ inheritAttrs: false })
 

package/vue/UiSidebar.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-sidebar/ui-sidebar.js'

package/vue/UiStack.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 } from 'vue'
 

package/vue/UiSwitch.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-switch/ui-switch.js'

package/vue/UiSwitcher.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 } from 'vue'
 

package/vue/UiTabs.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-tabs/ui-tabs.js'

package/vue/UiTextarea.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 } from 'vue'
 import * as controllerModule from '../components/ui-textarea/ui-textarea.js'

package/vue/UiToastRegion.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 { ref } from 'vue'
 import * as controllerModule from '../components/ui-toast-region/ui-toast-region.js'

package/vue/UiTooltip.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 } from 'vue'
 import * as controllerModule from '../components/ui-tooltip/ui-tooltip.js'

package/vue/UiTopBar.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">
 defineOptions({ inheritAttrs: false })
 </script>

package/vue/UiTree.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 } from 'vue'
 import * as controllerModule from '../components/ui-tree/ui-tree.js'

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'

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 };