@threadlabs/looma 0.29.17 → 0.30.0

package/vanilla/UiTreeItem.d.ts

@@ -1,10 +1,14 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
 export interface UiTreeItemEventMap {
   expand: CustomEvent<{ readonly id: string; readonly expanded: boolean; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }
 export interface UiTreeItemElement extends HTMLDivElement {
   addEventListener<K extends keyof UiTreeItemEventMap>(type: K, listener: (this: UiTreeItemElement, event: UiTreeItemEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiTreeItemElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
   removeEventListener<K extends keyof UiTreeItemEventMap>(type: K, listener: (this: UiTreeItemElement, event: UiTreeItemEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: UiTreeItemElement, event: HTMLElementEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
 }
 export interface UiTreeItemProps {
   accepts?: string | null;
@@ -27,3 +31,8 @@ export interface UiTreeItemProps {
   slots?: Readonly<Record<string, readonly (string | Node)[]>>;
 }
 export declare function createUiTreeItem(props?: UiTreeItemProps): UiTreeItemElement;
+declare global {
+  interface ComponentTagMap {
+    "ui-tree-item": { element: UiTreeItemElement; props: Omit<UiTreeItemProps, "attributes" | "children" | "slots"> };
+  }
+}

package/vanilla/UiTreeItem.js

@@ -1,5 +1,5 @@
-// Generated by HTML Next 1.0.0-alpha.57 for Vanilla DOM. Do not edit.
-import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, recordValue, textCall, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString } from "@nextwebwg/html-next/generated-runtime";
+// Generated by HTML Next 1.0.0-alpha.58 for Vanilla DOM. Do not edit.
+import { attachGeneratedController, buildTemplate, clearRegion, NONCONFORMING, readIndex, recordValue, textCall, toAttribute, toText, truthy, writeAttribute, dispatchDeclared, detailCheck, dispose, keywordFormat, hostState, acceptProps, manageProps, project, fillSlot, checkBoolean, checkConstrained, checkFormat, checkNumber, checkObject, checkString, defineComponent } from "@nextwebwg/html-next/generated-runtime";
 import * as controller from "../components/ui-tree-item/ui-tree-item.js";
 import "../styles/ui-tree-item.css";
 
@@ -219,3 +219,4 @@ export function createUiTreeItem(options = {}, html) {
   I.r["children"] = t13;
   return element;
 }
+defineComponent("ui-tree-item", createUiTreeItem, ["accepts","actionsVisible","container","disabled","dragType","dropDepth","dropScope","expanded","itemId","label","lazy","marquee","selected","sortable","subtreeDepth"]);

package/vue/UiActionBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { checkHydratedRoot, nativeAttrs } from './host'
 

package/vue/UiAffordanceScope.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -67,7 +67,7 @@ const engaged = ref(false)
 provide('html-next:ui-affordance-scope:engaged', engaged)
 checkHydratedRoot('span', 'ui-affordance-scope')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     engaged.value && 'engaged',

package/vue/UiAvatar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -181,7 +181,7 @@ provide('html-next:ui-avatar:initials', initials)
 provide('html-next:ui-avatar:showGlyph', showGlyph)
 checkHydratedRoot('span', 'ui-avatar')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiAvatarGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -124,7 +124,7 @@ provide('html-next:ui-avatar-group:overflowCount', overflowCount)
 provide('html-next:ui-avatar-group:overflowAnnouncement', overflowAnnouncement)
 checkHydratedRoot('div', 'ui-avatar-group')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiBadge.d.ts

@@ -41,8 +41,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{}>, {
     size: "xs" | "sm" | "md" | "lg" | null;
-    shape: "circle" | "dot" | "tag" | "square" | "pill" | null;
     tone: "info" | "neutral" | "accent" | "success" | "warning" | "danger" | null;
+    shape: "circle" | "dot" | "tag" | "square" | "pill" | null;
     variant: "solid" | "subtle" | "outline" | "inverse" | "overlay" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/vue/UiBadge.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -110,7 +110,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('span', 'ui-badge')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiBreadcrumbItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -76,7 +76,7 @@ const guarded = computed(() => {
 })
 checkHydratedRoot('li', 'ui-breadcrumb-item')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.current && 'current',

package/vue/UiBreadcrumbs.vue

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

package/vue/UiButton.d.ts

@@ -138,8 +138,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
     type: "button" | "reset" | "submit" | null;
     size: "xs" | "sm" | "md" | "lg" | null;
-    shape: "pill" | "rounded" | null;
     tone: "info" | "neutral" | "accent" | "success" | "warning" | "danger" | null;
+    shape: "pill" | "rounded" | null;
     variant: "link" | "field" | "danger" | "solid" | "outline" | "ghost" | "card" | null;
     align: "center" | "start" | null;
     as: "a" | "button" | null;

package/vue/UiButton.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -577,7 +577,7 @@ checkHydratedRoot(
   'ui-button',
 )
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.align && 'align',

package/vue/UiCallout.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -86,7 +86,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-callout')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.tone && 'tone',

package/vue/UiCard.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -139,7 +139,7 @@ checkHydratedRoot(
   'ui-card',
 )
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.padding && 'padding',

package/vue/UiCheckbox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -205,7 +205,7 @@ const internalChecked = ref(false)
 provide('html-next:ui-checkbox:internalChecked', internalChecked)
 checkHydratedRoot('label', 'ui-checkbox')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.invalid && 'invalid',

package/vue/UiCluster.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -153,7 +153,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-cluster')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.fixed && 'fixed',

package/vue/UiCombobox.d.ts

@@ -1,17 +1,40 @@
 import type { PropType } from 'vue';
-declare var __VLS_1: {}, __VLS_10: string | undefined, __VLS_11: {}, __VLS_44: string | undefined, __VLS_45: {}, __VLS_53: {}, __VLS_55: {}, __VLS_57: {};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
-} & {
-    [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
-} & {
-    start?: (props: typeof __VLS_1) => any;
-} & {
-    empty?: (props: typeof __VLS_53) => any;
-} & {
-    footer?: (props: typeof __VLS_55) => any;
-} & {
-    default?: (props: typeof __VLS_57) => any;
+type __VLS_Slots = {
+    start?(props: Record<string, never>): any;
+    item?(props: {
+        readonly item: {
+            readonly id: string;
+            readonly value: string;
+            readonly label: string;
+            readonly group?: string;
+            readonly disabled?: boolean;
+            readonly description?: string;
+            readonly tag?: {
+                readonly label: string;
+                readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+                readonly color?: string;
+            };
+        };
+    }): any;
+    option?(props: {
+        readonly option: {
+            readonly id: string;
+            readonly value: string;
+            readonly label: string;
+            readonly group?: string;
+            readonly disabled?: boolean;
+            readonly description?: string;
+            readonly tag?: {
+                readonly label: string;
+                readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+                readonly color?: string;
+            };
+            readonly selected?: boolean;
+        };
+    }): any;
+    empty?(props: Record<string, never>): any;
+    footer?(props: Record<string, never>): any;
+    default?(props: Record<string, never>): any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     allowCreate: {

package/vue/UiCombobox.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -13,6 +13,7 @@ import {
   uniqueKeys,
   useComponentHost,
   useReflectedProp,
+  useScopedSlotName,
   warnUnless,
 } from './host'
 import { acceptsControllerWrite } from './props'
@@ -846,6 +847,20 @@ const groups = ref<
       index: number
       labelledBy: string | null
       detail: string | null
+      option: {
+        id: string
+        value: string
+        label: string
+        group?: string
+        disabled?: boolean
+        description?: string
+        tag?: {
+          label: string
+          tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'
+          color?: string
+        }
+        selected?: boolean
+      }
     }[]
   }[]
 >([])
@@ -981,9 +996,53 @@ provide('html-next:ui-combobox:createIndex', createIndex)
 provide('html-next:ui-combobox:message', message)
 provide('html-next:ui-combobox:statusText', statusText)
 provide('html-next:ui-combobox:validationStatus', validationStatus)
+const scopedSlotName = useScopedSlotName()
+defineSlots<
+  {
+    start?(props: Record<string, never>): any
+    item?(
+      props: {
+        readonly item: {
+          readonly id: string
+          readonly value: string
+          readonly label: string
+          readonly group?: string
+          readonly disabled?: boolean
+          readonly description?: string
+          readonly tag?: {
+            readonly label: string
+            readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'
+            readonly color?: string
+          }
+        }
+      },
+    ): any
+    option?(
+      props: {
+        readonly option: {
+          readonly id: string
+          readonly value: string
+          readonly label: string
+          readonly group?: string
+          readonly disabled?: boolean
+          readonly description?: string
+          readonly tag?: {
+            readonly label: string
+            readonly tone?: 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'
+            readonly color?: string
+          }
+          readonly selected?: boolean
+        }
+      },
+    ): any
+    empty?(props: Record<string, never>): any
+    footer?(props: Record<string, never>): any
+    default?(props: Record<string, never>): any
+  }
+>()
 checkHydratedRoot('div', 'ui-combobox')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',
@@ -1507,6 +1566,73 @@ useComponentHost(() => import('../components/ui-combobox/ui-combobox.js'), {
                         }],
                       },
                       optional: false,
+                    }, {
+                      name: 'option',
+                      type: {
+                        kind: 'object',
+                        fields: [{
+                          name: 'id',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: false,
+                        }, {
+                          name: 'value',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: false,
+                        }, {
+                          name: 'label',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: false,
+                        }, {
+                          name: 'group',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: true,
+                        }, {
+                          name: 'disabled',
+                          type: { kind: 'terminal', name: 'boolean' },
+                          optional: true,
+                        }, {
+                          name: 'description',
+                          type: { kind: 'terminal', name: 'string' },
+                          optional: true,
+                        }, {
+                          name: 'tag',
+                          type: {
+                            kind: 'object',
+                            fields: [{
+                              name: 'label',
+                              type: { kind: 'terminal', name: 'string' },
+                              optional: false,
+                            }, {
+                              name: 'tone',
+                              type: {
+                                kind: 'constrained',
+                                base: { kind: 'terminal', name: 'keyword' },
+                                values: [
+                                  'neutral',
+                                  'accent',
+                                  'info',
+                                  'success',
+                                  'warning',
+                                  'danger',
+                                ],
+                              },
+                              optional: true,
+                            }, {
+                              name: 'color',
+                              type: { kind: 'terminal', name: 'string' },
+                              optional: true,
+                            }],
+                            open: false,
+                          },
+                          optional: true,
+                        }, {
+                          name: 'selected',
+                          type: { kind: 'terminal', name: 'boolean' },
+                          optional: true,
+                        }],
+                        open: false,
+                      },
+                      optional: false,
                     }],
                     open: false,
                   },
@@ -1661,7 +1787,7 @@ useComponentHost(() => import('../components/ui-combobox/ui-combobox.js'), {
                 :disabled="checkedProps.disabled || checkedProps.readonly || item.disabled"
                 :aria-label="concat(item.label, ', press Delete or Backspace to remove')"
               >
-                <slot :name="concat('item-', item.id)"><UiBadge class="ui-badge">{{
+                <slot :name="scopedSlotName('item')" :item="item"><UiBadge class="ui-badge">{{
                     item.label
                   }}</UiBadge></slot>
               </button></KeyedBoundary>{{ ' ' }}</template>{{ ' ' }}<input
@@ -1811,7 +1937,7 @@ useComponentHost(() => import('../components/ui-combobox/ui-combobox.js'), {
                 :aria-describedby="row.detail ?? undefined"
                 :class="{ active: row.index === active }"
               >
-                <slot :name="concat('option-', row.id)">{{ ' ' }}<span
+                <slot :name="scopedSlotName('option')" :option="row.option">{{ ' ' }}<span
                     v-if="row.detail"
                     class="detail"
                     data-hn-ui-combobox

package/vue/UiContainer.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -72,7 +72,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-container')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.measure && 'measure',

package/vue/UiContextMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiCover.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -41,7 +41,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-cover')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',
@@ -74,7 +74,8 @@ const hostState = computed(() =>
   :global(:scope:where([data-hn-ui-cover])) {
     display: flex;
     flex-direction: column;
-    align-items: center;
+    /* Safe: a child wider than the cover keeps its start edge in view instead of overflowing both ways. */
+    align-items: safe center;
     justify-content: center;
     gap: var(--ui-space-6);
     box-sizing: border-box;
@@ -86,10 +87,6 @@ const hostState = computed(() =>
     flex: 1;
     min-block-size: 100%;
   }
-
-  :global(:scope > :where(:not([data-hn-ui-cover])):is(*)) {
-    max-inline-size: 100%;
-  }
   :global(:scope[hidden]:where([data-hn-ui-cover])) {
     display: none;
   }

package/vue/UiDescriptionItem.vue

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

package/vue/UiDescriptionList.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -84,7 +84,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('dl', 'ui-description-list')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.layout && 'layout',

package/vue/UiDialog.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -202,7 +202,7 @@ provide('html-next:ui-dialog:internalOpen', internalOpen)
 provide('html-next:ui-dialog:accessibleLabel', accessibleLabel)
 checkHydratedRoot('dialog', 'ui-dialog')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiDisclosure.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -235,7 +235,7 @@ provide('html-next:ui-disclosure:headingRole', headingRole)
 provide('html-next:ui-disclosure:headingAriaLevel', headingAriaLevel)
 checkHydratedRoot('div', 'ui-disclosure')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.density && 'density',

package/vue/UiEditable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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'
@@ -255,7 +255,7 @@ provide('html-next:ui-editable:internalValue', internalValue)
 provide('html-next:ui-editable:draft', draft)
 checkHydratedRoot('div', 'ui-editable')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     internalEdit.value && 'internalEdit',

package/vue/UiEditorBlockActions.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiEditorChipEditor.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 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/UiEditorCodeLanguage.vue

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