@threadlabs/looma 0.21.6 → 0.22.1

package/vue/UiText.vue

@@ -1,12 +1,76 @@
-<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.15 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { preserveRootFocus } from './host'
-import { checkedProp } from './props'
+import { checkedProp, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
 
+const propValidityContract = {
+  props: {
+    align: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'align' },
+      description: 'Aligns the text within its line.',
+      values: ['start', 'center'],
+      default: 'start',
+    },
+    as: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'as' },
+      description:
+        'The native element the text renders: a paragraph by default, inline span, small, or strong within a line, a div for a block, a label for a control, or a\n      heading, h2 to h6, below a Page Header\'s h1 and a Section\'s h2. A heading takes its size and weight from size and weight, like any other text.',
+      values: ['p', 'span', 'div', 'small', 'strong', 'label', 'h2', 'h3', 'h4', 'h5', 'h6'],
+      default: 'p',
+    },
+    size: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'size' },
+      description:
+        'The step on the type scale. inherit (the default) keeps the size of the text around it; xs is for fine print, sm for supporting text such as help and\n      metadata, md is body text, and lg is a lead paragraph.',
+      values: ['inherit', 'xs', 'sm', 'md', 'lg'],
+      default: 'inherit',
+    },
+    tone: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'tone' },
+      description:
+        'The text\'s colour, by meaning. secondary is supporting prose such as a description; muted is quieter still, for metadata and hints; accent draws the eye;\n      danger states an error; success confirms one; info marks something moving forward normally; warning marks something that needs attention. Colour alone\n      does not carry the meaning, so the words must say it too.',
+      values: ['default', 'secondary', 'muted', 'accent', 'danger', 'success', 'info', 'warning'],
+      default: 'default',
+    },
+    truncate: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'truncate' },
+      description: 'Keeps the text on one line, ending in an ellipsis when it does not fit.',
+      default: false,
+    },
+    variant: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'variant' },
+      description:
+        'body is running text. eyebrow is a short, uppercase, tracked label that names what follows, such as a group of links; code sets a value to copy or read\n      exactly, such as an address, in the monospace face.',
+      values: ['body', 'eyebrow', 'code'],
+      default: 'body',
+    },
+    weight: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'weight' },
+      description:
+        'The weight. inherit keeps the surrounding weight; medium and semibold emphasise a name or a figure.',
+      values: ['inherit', 'normal', 'medium', 'semibold'],
+      default: 'inherit',
+    },
+  },
+}
 const props = defineProps({
   align: { type: null as unknown as PropType<'start' | 'center' | null>, default: 'start' },
   as: {
@@ -49,67 +113,55 @@ const checkedProps = computed(() => ({
     { kind: 'terminal', name: 'keyword' },
     false,
     'align',
-    undefined,
-    ['start', 'center'],
   ) as 'start' | 'center',
   as: checkedProp<
     'p' | 'span' | 'div' | 'small' | 'strong' | 'label' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
-  >(props['as'], { kind: 'terminal', name: 'keyword' }, false, 'as', undefined, [
-    'p',
-    'span',
-    'div',
-    'small',
-    'strong',
-    'label',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-  ]) as 'p' | 'span' | 'div' | 'small' | 'strong' | 'label' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6',
+  >(props['as'], { kind: 'terminal', name: 'keyword' }, false, 'as') as
+    | 'p'
+    | 'span'
+    | 'div'
+    | 'small'
+    | 'strong'
+    | 'label'
+    | 'h2'
+    | 'h3'
+    | 'h4'
+    | 'h5'
+    | 'h6',
   size: checkedProp<'inherit' | 'xs' | 'sm' | 'md' | 'lg'>(
     props['size'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'size',
-    undefined,
-    ['inherit', 'xs', 'sm', 'md', 'lg'],
   ) as 'inherit' | 'xs' | 'sm' | 'md' | 'lg',
   tone: checkedProp<
     'default' | 'secondary' | 'muted' | 'accent' | 'danger' | 'success' | 'info' | 'warning'
-  >(props['tone'], { kind: 'terminal', name: 'keyword' }, false, 'tone', undefined, [
-    'default',
-    'secondary',
-    'muted',
-    'accent',
-    'danger',
-    'success',
-    'info',
-    'warning',
-  ]) as 'default' | 'secondary' | 'muted' | 'accent' | 'danger' | 'success' | 'info' | 'warning',
+  >(props['tone'], { kind: 'terminal', name: 'keyword' }, false, 'tone') as
+    | 'default'
+    | 'secondary'
+    | 'muted'
+    | 'accent'
+    | 'danger'
+    | 'success'
+    | 'info'
+    | 'warning',
   truncate: checkedProp<boolean>(
     props['truncate'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'truncate',
-    undefined,
-    undefined,
   ) as boolean,
   variant: checkedProp<'body' | 'eyebrow' | 'code'>(
     props['variant'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'variant',
-    undefined,
-    ['body', 'eyebrow', 'code'],
   ) as 'body' | 'eyebrow' | 'code',
   weight: checkedProp<'inherit' | 'normal' | 'medium' | 'semibold'>(
     props['weight'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'weight',
-    undefined,
-    ['inherit', 'normal', 'medium', 'semibold'],
   ) as 'inherit' | 'normal' | 'medium' | 'semibold',
 }))
 void checkedProps.value
@@ -210,6 +262,7 @@ const hostState = computed(() =>
     v-if="checkedProps.as === 'span'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -224,6 +277,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'div'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -240,6 +294,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'small'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -254,6 +309,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'strong'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -268,6 +324,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'label'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -282,6 +339,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'h2'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -298,6 +356,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'h3'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -314,6 +373,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'h4'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -330,6 +390,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'h5'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -346,6 +407,7 @@ const hostState = computed(() =>
     v-else-if="checkedProps.as === 'h6'"
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
@@ -362,6 +424,7 @@ const hostState = computed(() =>
     v-else
     data-component="ui-text"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-align="reflectedProp('align', 'align', checkedProps.align, undefined, false)"
     :data-as="reflectedProp('as', 'as', checkedProps.as, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"

package/vue/UiTextarea.d.ts

@@ -77,10 +77,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     value: string | null;
+    invalid: boolean | null;
     rows: number | null;
     size: "sm" | "md" | "lg" | null;
     disabled: boolean | null;
-    invalid: boolean | null;
     required: boolean | null;
     readonly: boolean | null;
     autosize: boolean | null;

package/vue/UiTextarea.vue

@@ -1,13 +1,76 @@
-<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.15 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { readBoundControl, vBindControl } from './control'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp } from './props'
+import { checkedProp, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
 
+const propValidityContract = {
+  props: {
+    autosize: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'autosize' },
+      description:
+        'Grow with the text while keeping rows as the minimum visible height. Uses CSS field sizing where supported; other browsers keep the native rows\n      behavior.',
+      default: false,
+    },
+    disabled: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'disabled' },
+      description: 'Prevents editing and form submission.',
+      default: false,
+    },
+    invalid: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'aria-invalid' },
+      description: 'Exposes invalid state to assistive technology and styling.',
+      default: false,
+    },
+    readonly: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'readonly' },
+      description: 'Allows selection without allowing edits.',
+      default: false,
+    },
+    required: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'required' },
+      description: 'Marks the control as required for form validation.',
+      default: false,
+    },
+    rows: {
+      type: { kind: 'terminal', name: 'integer' },
+      required: false,
+      target: { attribute: 'rows' },
+      description: 'Initial number of visible text rows.',
+      default: 4,
+    },
+    size: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'size' },
+      description:
+        'Padding and type size, matching Input\'s sizes so a textarea sits with fields of the same size; rows sets its height. sm has tighter padding and smaller\n      text, for compact forms; lg has roomier padding. Under a coarse pointer, sm keeps body-size text.',
+      values: ['sm', 'md', 'lg'],
+      default: 'md',
+    },
+    value: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'value' },
+      description:
+        'The textarea\'s text. Setting or changing it replaces the live text; between changes the user\'s typing stands, so follow input events to keep it in step. It\n      is also the textarea\'s default, so a form reset returns to it.',
+    },
+  },
+}
 const props = defineProps({
   autosize: { type: null as unknown as PropType<boolean | null>, default: false },
   disabled: { type: null as unknown as PropType<boolean | null>, default: false },
@@ -25,72 +88,49 @@ const checkedProps = computed(() => ({
     { kind: 'terminal', name: 'boolean' },
     false,
     'autosize',
-    undefined,
-    undefined,
   ) as boolean,
   disabled: checkedProp<boolean>(
     props['disabled'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'disabled',
-    undefined,
-    undefined,
   ) as boolean,
   invalid: checkedProp<boolean>(
     props['invalid'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'invalid',
-    undefined,
-    undefined,
   ) as boolean,
   readonly: checkedProp<boolean>(
     props['readonly'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'readonly',
-    undefined,
-    undefined,
   ) as boolean,
   required: checkedProp<boolean>(
     props['required'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'required',
-    undefined,
-    undefined,
   ) as boolean,
   rows: checkedProp<number>(
     props['rows'],
     { kind: 'terminal', name: 'integer' },
     false,
     'rows',
-    undefined,
-    undefined,
   ) as number,
   size: checkedProp<'sm' | 'md' | 'lg'>(
     props['size'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'size',
-    undefined,
-    ['sm', 'md', 'lg'],
   ) as 'sm' | 'md' | 'lg',
-  value: checkedProp<string>(
-    props['value'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'value',
-    undefined,
-    undefined,
-  ),
+  value: checkedProp<string>(props['value'], { kind: 'terminal', name: 'string' }, false, 'value'),
   modelValue: checkedProp<string | null>(
     props.modelValue,
     { kind: 'terminal', name: 'string' },
     false,
     'modelValue',
-    undefined,
-    undefined,
   ),
 }))
 void checkedProps.value
@@ -188,6 +228,7 @@ useComponentHost(() => import('../components/ui-textarea/ui-textarea.js'), {
     :aria-invalid="checkedProps.invalid ?? undefined"
     :rows="checkedProps.rows ?? undefined"
     :style="{ '--_rows': checkedProps.rows ?? undefined }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-autosize="reflectedProp('autosize', 'autosize', checkedProps.autosize, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"
     :data-invalid="reflectedProp('invalid', 'invalid', checkedProps.invalid, undefined, false)"

package/vue/UiToast.vue

@@ -1,14 +1,35 @@
-<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.15 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp } from './props'
+import { checkedProp, vPropValidity } from './props'
 import UiIcon from './UiIcon.vue'
 import UiIconButton from './UiIconButton.vue'
 
 defineOptions({ inheritAttrs: false })
 
+const propValidityContract = {
+  props: {
+    duration: {
+      type: { kind: 'terminal', name: 'number' },
+      required: false,
+      target: { attribute: 'duration' },
+      description:
+        'Milliseconds before requesting dismissal; 0 keeps the toast until an action dismisses it. The timer pauses on hover or focus.',
+      default: 0,
+    },
+    tone: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'tone' },
+      description:
+        'Semantic accent for this message. Danger uses an assertive alert role; the other tones use polite status semantics.',
+      values: ['neutral', 'info', 'success', 'warning', 'danger'],
+      default: 'neutral',
+    },
+  },
+}
 const props = defineProps({
   duration: { type: null as unknown as PropType<number | null>, default: 0 },
   tone: {
@@ -22,16 +43,12 @@ const checkedProps = computed(() => ({
     { kind: 'terminal', name: 'number' },
     false,
     'duration',
-    undefined,
-    undefined,
   ) as number,
   tone: checkedProp<'neutral' | 'info' | 'success' | 'warning' | 'danger'>(
     props['tone'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'tone',
-    undefined,
-    ['neutral', 'info', 'success', 'warning', 'danger'],
   ) as 'neutral' | 'info' | 'success' | 'warning' | 'danger',
 }))
 void checkedProps.value
@@ -160,6 +177,7 @@ function attribute(value: unknown): any {
         danger: 'alert',
       }) as Record<string, any>)[checkedProps.tone],
     )"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-duration="reflectedProp('duration', 'duration', checkedProps.duration, undefined, false)"
     :data-tone="reflectedProp('tone', 'tone', checkedProps.tone, undefined, false)"
     :data-ui-toast-state="hostState || undefined"

package/vue/UiToastRegion.vue

@@ -1,14 +1,43 @@
-<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.15 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
-import { computed, defineComponent, getCurrentInstance, h, ref, watchSyncEffect } from 'vue'
+import {
+  computed,
+  defineComponent,
+  getCurrentInstance,
+  h,
+  provide,
+  ref,
+  watchSyncEffect,
+} from 'vue'
 import type { PropType, VNode } from 'vue'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp } from './props'
+import { checkedProp, vPropValidity } from './props'
 import UiIcon from './UiIcon.vue'
 import UiIconButton from './UiIconButton.vue'
 
 defineOptions({ inheritAttrs: false })
 
+const propValidityContract = {
+  props: {
+    duration: {
+      type: { kind: 'terminal', name: 'number' },
+      required: false,
+      target: { attribute: 'duration' },
+      description:
+        'Default milliseconds for toasts added with show() or the show command; 0 keeps each until dismissed. Hover or focus pauses a timer.',
+      default: 0,
+    },
+    placement: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'placement' },
+      description:
+        'Screen edge where the stack appears. Start and end follow the writing direction.',
+      values: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'],
+      default: 'top',
+    },
+  },
+}
 const props = defineProps({
   duration: { type: null as unknown as PropType<number | null>, default: 0 },
   placement: {
@@ -24,19 +53,16 @@ const checkedProps = computed(() => ({
     { kind: 'terminal', name: 'number' },
     false,
     'duration',
-    undefined,
-    undefined,
   ) as number,
   placement: checkedProp<
     'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
-  >(props['placement'], { kind: 'terminal', name: 'keyword' }, false, 'placement', undefined, [
-    'top',
-    'top-start',
-    'top-end',
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-  ]) as 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end',
+  >(props['placement'], { kind: 'terminal', name: 'keyword' }, false, 'placement') as
+    | 'top'
+    | 'top-start'
+    | 'top-end'
+    | 'bottom'
+    | 'bottom-start'
+    | 'bottom-end',
 }))
 void checkedProps.value
 watchSyncEffect(() => {
@@ -123,6 +149,7 @@ const toasts = ref<
     closing: boolean
   }[]
 >([])
+provide('html-next:ui-toast-region:toasts', toasts)
 const hydrationNode = hydrationInstance?.vnode.el
 if (
   typeof window !== 'undefined' && hydrationNode != null
@@ -240,6 +267,7 @@ function uniqueKeys<T>(
     aria-live="polite"
     popover="manual"
     v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
     :data-duration="reflectedProp('duration', 'duration', checkedProps.duration, undefined, false)"
     :data-placement="reflectedProp('placement', 'placement', checkedProps.placement, undefined, false)"
     :data-ui-toast-region-state="hostState || undefined"

package/vue/UiTooltip.d.ts

@@ -91,9 +91,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     open: boolean | null;
     trigger: "hover" | "click" | "focus" | null;
     for: string | null;
-    hideDelay: number | null;
     inverse: boolean | null;
     placement: "left" | "right" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | null;
+    hideDelay: number | null;
     showDelay: number | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;