@threadlabs/looma 0.24.1 → 0.25.1

package/vue/UiMenuItem.d.ts

@@ -1,15 +1,7 @@
 import type { PropType } from 'vue';
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    shortcut?: (props: typeof __VLS_3) => any;
-} & {
-    default?: (props: typeof __VLS_10) => any;
-} & {
-    shortcut?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     checked: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -72,15 +64,20 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:value"?: ((value: string) => any) | undefined;
     "onUpdate:type"?: ((value: string) => any) | undefined;
 }>, {
-    value: string | null;
     type: "checkbox" | "radio" | "action" | null;
+    value: string | null;
     disabled: boolean | null;
     href: string | null;
     checked: boolean | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    shortcut?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    shortcut?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/vue/UiMenuItem.vue

@@ -1,8 +1,20 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<script lang="ts">
+const htmlNextAuthoredCheck2Reported = new Set<string>()
+function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
+  if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
+    htmlNextAuthoredCheck2Reported.add(location)
+    console.warn(message)
+  }
+  return accepted
+}
+</script>
+
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, preserveRootFocus, useComponentHost } from './host'
+import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 import UiIcon from './UiIcon.vue'
 
@@ -187,9 +199,13 @@ const guarded = computed(() => {
 })
 let guardedBindingPrevious: any
 const guardedBinding = computed(() => {
-  if (!(internalChecked.value == null || typeof internalChecked.value === 'boolean')) {
-    return guardedBindingPrevious
-  }
+  if (
+    !(htmlNextAuthoredCheck2(
+      internalChecked.value == null || typeof internalChecked.value === 'boolean',
+      '{ action: null, checkbox: internalChecked, radio: internalChecked }[type]:internalChecked',
+      './components/ui-menu-item/ui-menu-item.html: HR007: Reference internalChecked does not satisfy its declared type.',
+    ))
+  ) return guardedBindingPrevious
   return guardedBindingPrevious =
     typeof ((({
         action: null,
@@ -239,8 +255,9 @@ const hostState = computed(() =>
   ].filter(Boolean).join(' ')
 )
 
-const isChangeDetail = (detail: unknown): boolean =>
-  detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+const isChangeDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['checked'] === 'boolean'
   && typeof (detail as Record<string, unknown>)['value'] === 'string'
   && ((detail as Record<string, unknown>)['type'] === 'checkbox'
@@ -250,7 +267,7 @@ const isChangeDetail = (detail: unknown): boolean =>
     || (detail as Record<string, unknown>)['trigger'] === 'programmatic')
   && Object.keys(detail as object).every((key) =>
     ['checked', 'value', 'type', 'trigger'].includes(key)
-  )
+  ))
 const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
   checks: {
     change: isChangeDetail,
@@ -261,6 +278,12 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 useComponentHost(() => import('../components/ui-menu-item/ui-menu-item.js'), {
   root,
   dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({ internalChecked: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
+      keys,
+    ),
   controllerSource: {
     specifier: '../components/ui-menu-item/ui-menu-item.js',
     definition: './components/ui-menu-item/ui-menu-item.html',

package/vue/UiMeter.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
 <script lang="ts">
 function createFormatValue(): any {
   // FIFO bounds native instances and retained keys; only constructor inputs, never values, are cached.

package/vue/UiNavItem.vue

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

package/vue/UiPageHeader.vue

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

package/vue/UiPopover.vue

@@ -1,8 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
+import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
@@ -225,8 +226,9 @@ const hostState = computed(() =>
   ].filter(Boolean).join(' ')
 )
 
-const isOpenDetail = (detail: unknown): boolean =>
-  detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+const isOpenDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['open'] === 'boolean'
   && ((detail as Record<string, unknown>)['reason'] === 'action'
     || (detail as Record<string, unknown>)['reason'] === 'programmatic'
@@ -235,7 +237,7 @@ const isOpenDetail = (detail: unknown): boolean =>
   && ((detail as Record<string, unknown>)['trigger'] === 'keyboard'
     || (detail as Record<string, unknown>)['trigger'] === 'pointer'
     || (detail as Record<string, unknown>)['trigger'] === 'programmatic')
-  && Object.keys(detail as object).every((key) => ['open', 'reason', 'trigger'].includes(key))
+  && Object.keys(detail as object).every((key) => ['open', 'reason', 'trigger'].includes(key)))
 const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
   checks: {
     open: isOpenDetail,
@@ -247,6 +249,12 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 useComponentHost(() => import('../components/ui-popover/ui-popover.js'), {
   root,
   dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({ internalOpen: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
+      keys,
+    ),
   controllerSource: {
     specifier: '../components/ui-popover/ui-popover.js',
     definition: './components/ui-popover/ui-popover.html',

package/vue/UiRadio.d.ts

@@ -1,11 +1,7 @@
 import type { PropType } from 'vue';
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    description?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     checked: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -78,10 +74,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean | null;
     checked: boolean | null;
     required: boolean | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    description?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/vue/UiRadio.vue

@@ -1,9 +1,21 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<script lang="ts">
+const htmlNextAuthoredCheck2Reported = new Set<string>()
+function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
+  if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
+    htmlNextAuthoredCheck2Reported.add(location)
+    console.warn(message)
+  }
+  return accepted
+}
+</script>
+
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { vBindControl } from './control'
 import { createDispatch, useComponentHost } from './host'
+import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
@@ -173,14 +185,18 @@ const emit = defineEmits<{
 }>()
 
 const root = ref<HTMLElement | null>(null)
-const inputElement = useTemplateRef<HTMLElement>('input')
-const descriptionElement = useTemplateRef<HTMLElement>('description')
+const inputElement = useTemplateRef<HTMLElement>('inputElement')
+const descriptionElement = useTemplateRef<HTMLElement>('descriptionElement')
 const internalChecked = ref(false)
 let guardedPrevious: any
 const guarded = computed(() => {
-  if (!(internalChecked.value == null || typeof internalChecked.value === 'boolean')) {
-    return guardedPrevious
-  }
+  if (
+    !(htmlNextAuthoredCheck2(
+      internalChecked.value == null || typeof internalChecked.value === 'boolean',
+      'internalChecked:internalChecked',
+      './components/ui-radio/ui-radio.html: HR007: Reference internalChecked does not satisfy its declared type.',
+    ))
+  ) return guardedPrevious
   return guardedPrevious = internalChecked.value
 })
 provide('html-next:ui-radio:internalChecked', internalChecked)
@@ -207,14 +223,15 @@ const hostState = computed(() =>
   ].filter(Boolean).join(' ')
 )
 
-const isChangeDetail = (detail: unknown): boolean =>
-  detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+const isChangeDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['checked'] === 'boolean'
   && typeof (detail as Record<string, unknown>)['value'] === 'string'
   && ((detail as Record<string, unknown>)['trigger'] === 'keyboard'
     || (detail as Record<string, unknown>)['trigger'] === 'pointer'
     || (detail as Record<string, unknown>)['trigger'] === 'programmatic')
-  && Object.keys(detail as object).every((key) => ['checked', 'value', 'trigger'].includes(key))
+  && Object.keys(detail as object).every((key) => ['checked', 'value', 'trigger'].includes(key)))
 const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
   checks: {
     change: isChangeDetail,
@@ -225,6 +242,12 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 useComponentHost(() => import('../components/ui-radio/ui-radio.js'), {
   root,
   dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({ internalChecked: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
+      keys,
+    ),
   controllerSource: {
     specifier: '../components/ui-radio/ui-radio.js',
     definition: './components/ui-radio/ui-radio.html',
@@ -271,10 +294,10 @@ useComponentHost(() => import('../components/ui-radio/ui-radio.js'), {
       :required="checkedProps.required ?? undefined"
       :value.attr="checkedProps.value ?? undefined"
       :name="checkedProps.name ?? undefined"
-      ref="input"
+      ref="inputElement"
     >
     <span class="text"><span class="label"><slot /></span>
-      <span class="description" aria-hidden="true" ref="description"><slot
+      <span class="description" aria-hidden="true" ref="descriptionElement"><slot
           name="description"
         /></span></span></label>
 </template>

package/vue/UiRadioGroup.vue

@@ -1,8 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
+import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
@@ -229,8 +230,9 @@ const hostState = computed(() =>
   ].filter(Boolean).join(' ')
 )
 
-const isSelectDetail = (detail: unknown): boolean =>
-  detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+const isSelectDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['value'] === 'string'
   && typeof (detail as Record<string, unknown>)['previousValue'] === 'string'
   && ((detail as Record<string, unknown>)['trigger'] === 'keyboard'
@@ -238,15 +240,16 @@ const isSelectDetail = (detail: unknown): boolean =>
     || (detail as Record<string, unknown>)['trigger'] === 'programmatic')
   && Object.keys(detail as object).every((key) =>
     ['value', 'previousValue', 'trigger'].includes(key)
-  )
-const isChangeDetail = (detail: unknown): boolean =>
-  detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  ))
+const isChangeDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['checked'] === 'boolean'
   && typeof (detail as Record<string, unknown>)['value'] === 'string'
   && ((detail as Record<string, unknown>)['trigger'] === 'keyboard'
     || (detail as Record<string, unknown>)['trigger'] === 'pointer'
     || (detail as Record<string, unknown>)['trigger'] === 'programmatic')
-  && Object.keys(detail as object).every((key) => ['checked', 'value', 'trigger'].includes(key))
+  && Object.keys(detail as object).every((key) => ['checked', 'value', 'trigger'].includes(key)))
 const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
   checks: {
     select: isSelectDetail,
@@ -258,6 +261,12 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 useComponentHost(() => import('../components/ui-radio-group/ui-radio-group.js'), {
   root,
   dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({ internalValue: { kind: 'terminal', name: 'string' } } as Record<string, any>)[name],
+      keys,
+    ),
   controllerSource: {
     specifier: '../components/ui-radio-group/ui-radio-group.js',
     definition: './components/ui-radio-group/ui-radio-group.html',

package/vue/UiReel.vue

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

package/vue/UiScrollArea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -95,7 +95,7 @@ function reflectedProp(
 const hydrationInstance = getCurrentInstance()
 
 const root = ref<HTMLElement | null>(null)
-const contentElement = useTemplateRef<HTMLElement>('content')
+const contentElement = useTemplateRef<HTMLElement>('contentElement')
 const hydrationNode = hydrationInstance?.vnode.el
 if (
   typeof window !== 'undefined' && hydrationNode != null
@@ -158,7 +158,7 @@ useComponentHost(() => import('../components/ui-scroll-area/ui-scroll-area.js'),
     :data-ui-scroll-area-state="hostState || undefined"
     ref="root"
   >
-    <div class="content" ref="content"><slot /></div>
+    <div class="content" ref="contentElement"><slot /></div>
   </div>
 </template>
 

package/vue/UiSearchResultRow.vue

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

package/vue/UiSearchShell.vue

@@ -1,8 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 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'
 import { createDispatch, useComponentHost } from './host'
+import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
@@ -133,7 +134,7 @@ const emit = defineEmits<{
 }>()
 
 const root = ref<HTMLElement | null>(null)
-const dialogElement = useTemplateRef<HTMLElement>('dialog')
+const dialogElement = useTemplateRef<HTMLElement>('dialogElement')
 const internalOpen = ref(false)
 provide('html-next:ui-search-shell:internalOpen', internalOpen)
 const hydrationNode = hydrationInstance?.vnode.el
@@ -153,8 +154,9 @@ if (
   )
 }
 
-const isCloseDetail = (detail: unknown): boolean =>
-  detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+const isCloseDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['open'] === 'boolean'
   && ((detail as Record<string, unknown>)['reason'] === 'action'
     || (detail as Record<string, unknown>)['reason'] === 'programmatic'
@@ -163,7 +165,7 @@ const isCloseDetail = (detail: unknown): boolean =>
   && ((detail as Record<string, unknown>)['trigger'] === 'keyboard'
     || (detail as Record<string, unknown>)['trigger'] === 'pointer'
     || (detail as Record<string, unknown>)['trigger'] === 'programmatic')
-  && Object.keys(detail as object).every((key) => ['open', 'reason', 'trigger'].includes(key))
+  && Object.keys(detail as object).every((key) => ['open', 'reason', 'trigger'].includes(key)))
 const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
   checks: {
     close: isCloseDetail,
@@ -174,6 +176,12 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 useComponentHost(() => import('../components/ui-search-shell/ui-search-shell.js'), {
   root,
   dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({ internalOpen: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
+      keys,
+    ),
   controllerSource: {
     specifier: '../components/ui-search-shell/ui-search-shell.js',
     definition: './components/ui-search-shell/ui-search-shell.html',
@@ -205,7 +213,7 @@ useComponentHost(() => import('../components/ui-search-shell/ui-search-shell.js'
     :data-open="reflectedProp('open', 'open', checkedProps.open, undefined, false)"
     ref="root"
   >
-    <dialog :aria-label="checkedProps.label ?? undefined" ref="dialog">
+    <dialog :aria-label="checkedProps.label ?? undefined" ref="dialogElement">
       <div class="panel">
         <div class="search"><slot name="search" /></div>
         <div class="status"><slot name="status" /></div>

package/vue/UiSection.vue

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

package/vue/UiSelect.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -212,7 +212,7 @@ useComponentHost(() => import('../components/ui-select/ui-select.js'), {
     :data-required="reflectedProp('required', 'required', checkedProps.required, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
     :data-value="reflectedProp('value', 'value', checkedProps.value, undefined, false)"
-    v-bind-control="{ tag: 'select', name: 'value', value: model, defaultValue: '' }"
+    v-bind-control="{ tag: 'select', name: 'value', value: model, optionalValue: true, defaultValue: '' }"
     @change="model = readBoundControl(
       $event.currentTarget as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement,
     ) as any"
@@ -223,6 +223,7 @@ useComponentHost(() => import('../components/ui-select/ui-select.js'), {
       :value="model"
       :multiple="false"
       :native-property="false"
+      :optional-value="true"
     ><slot /></SelectedOptions>
   </select>
 </template>

package/vue/UiSeparator.vue

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

package/vue/UiSidebar.d.ts

@@ -1,9 +1,7 @@
 import type { PropType } from 'vue';
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     breakpoint: {
         type: PropType<"sm" | "md" | "lg" | null>;
         default: string;
@@ -104,15 +102,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     resizable: boolean | null;
     breakpoint: "sm" | "md" | "lg" | null;
     collapsed: boolean | null;
-    side: "start" | "end" | null;
     maxWidth: number | null;
     minWidth: number | null;
     resizeLabel: string | null;
     resizeStep: number | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+    side: "start" | "end" | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;