@threadlabs/looma 0.24.0 → 0.25.0

package/vue/UiAvatarGroup.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, useComponentHost } from './host'
+import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
@@ -141,28 +153,40 @@ function reflectedProp(
 const hydrationInstance = getCurrentInstance()
 
 const root = ref<HTMLElement | null>(null)
-const overflowElement = useTemplateRef<HTMLElement>('overflow')
+const overflowElement = useTemplateRef<HTMLElement>('overflowElement')
 const overflowCount = ref(0)
 const overflowAnnouncement = ref('')
 let guardedPrevious: any
 const guarded = computed(() => {
-  if (!(overflowCount.value == null || Number.isInteger(overflowCount.value))) {
-    return guardedPrevious
-  }
+  if (
+    !(htmlNextAuthoredCheck2(
+      overflowCount.value == null || Number.isInteger(overflowCount.value),
+      'not overflowCount:overflowCount',
+      './components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.',
+    ))
+  ) return guardedPrevious
   return guardedPrevious = !overflowCount.value
 })
 let guardedBindingPrevious: any
 const guardedBinding = computed(() => {
-  if (!(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === 'string')) {
-    return guardedBindingPrevious
-  }
+  if (
+    !(htmlNextAuthoredCheck2(
+      overflowAnnouncement.value == null || typeof overflowAnnouncement.value === 'string',
+      'overflowAnnouncement:overflowAnnouncement',
+      './components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowAnnouncement does not satisfy its declared type.',
+    ))
+  ) return guardedBindingPrevious
   return guardedBindingPrevious = overflowAnnouncement.value
 })
 let guardedBinding2Previous: any
 const guardedBinding2 = computed(() => {
-  if (!(overflowCount.value == null || Number.isInteger(overflowCount.value))) {
-    return guardedBinding2Previous
-  }
+  if (
+    !(htmlNextAuthoredCheck2(
+      overflowCount.value == null || Number.isInteger(overflowCount.value),
+      '$overflowCount:overflowCount',
+      './components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.',
+    ))
+  ) return guardedBinding2Previous
   return guardedBinding2Previous = overflowCount.value
 })
 provide('html-next:ui-avatar-group:overflowCount', overflowCount)
@@ -197,6 +221,15 @@ const dispatch = createDispatch(root)
 useComponentHost(() => import('../components/ui-avatar-group/ui-avatar-group.js'), {
   root,
   dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({
+        overflowCount: { kind: 'terminal', name: 'integer' },
+        overflowAnnouncement: { kind: 'terminal', name: 'string' },
+      } as Record<string, any>)[name],
+      keys,
+    ),
   controllerSource: {
     specifier: '../components/ui-avatar-group/ui-avatar-group.js',
     definition: './components/ui-avatar-group/ui-avatar-group.html',
@@ -238,7 +271,7 @@ useComponentHost(() => import('../components/ui-avatar-group/ui-avatar-group.js'
       role="img"
       :hidden="guarded"
       :aria-label="guardedBinding"
-      ref="overflow"
+      ref="overflowElement"
     >{{ '' + '+' + (guardedBinding2 ?? '') }}</span>
   </div>
 </template>

package/vue/UiBadge.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/UiBreadcrumbItem.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/UiBreadcrumbs.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/UiButton.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/UiCallout.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/UiCard.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/UiCheckbox.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;
@@ -96,10 +92,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     checked: boolean | null;
     indeterminate: 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/UiCheckbox.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 })
@@ -206,14 +218,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-checkbox/ui-checkbox.html: HR007: Reference internalChecked does not satisfy its declared type.',
+    ))
+  ) return guardedPrevious
   return guardedPrevious = internalChecked.value
 })
 provide('html-next:ui-checkbox:internalChecked', internalChecked)
@@ -244,14 +260,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,
@@ -262,6 +279,12 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 useComponentHost(() => import('../components/ui-checkbox/ui-checkbox.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-checkbox/ui-checkbox.js',
     definition: './components/ui-checkbox/ui-checkbox.html',
@@ -321,10 +344,10 @@ useComponentHost(() => import('../components/ui-checkbox/ui-checkbox.js'), {
       :required="checkedProps.required ?? undefined"
       :name="checkedProps.name ?? undefined"
       :value.attr="checkedProps.value ?? 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/UiCluster.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/UiCombobox.d.ts

@@ -1,19 +1,7 @@
 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;
-};
-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<{
     allowCreate: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -126,30 +114,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<string | null>;
         default: null;
     };
-}>, {
-    validate: (...args: unknown[]) => Promise<any>;
-    focusInput: (...args: unknown[]) => Promise<any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string) => any;
-    "free-entry": (event: CustomEvent<{
-        readonly value: string | null;
-        readonly query: string;
-        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;
-            };
-        } | null;
-        readonly kind: "selection" | "clear" | "free-entry" | "create";
-        readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }>) => any;
     "update:query": (value: string) => any;
     "update:selectedValues": (value: readonly string[]) => any;
     "query-change": (event: CustomEvent<{
@@ -189,6 +155,25 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
             readonly color?: string;
         };
     }[]>) => any;
+    "free-entry": (event: CustomEvent<{
+        readonly value: string | null;
+        readonly query: string;
+        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;
+            };
+        } | null;
+        readonly kind: "selection" | "clear" | "free-entry" | "create";
+        readonly trigger: "keyboard" | "pointer" | "programmatic";
+    }>) => any;
     "create-entry": (event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
@@ -389,25 +374,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{
     "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onFree-entry"?: ((event: CustomEvent<{
-        readonly value: string | null;
-        readonly query: string;
-        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;
-            };
-        } | null;
-        readonly kind: "selection" | "clear" | "free-entry" | "create";
-        readonly trigger: "keyboard" | "pointer" | "programmatic";
-    }>) => any) | undefined;
     "onUpdate:query"?: ((value: string) => any) | undefined;
     "onUpdate:selectedValues"?: ((value: readonly string[]) => any) | undefined;
     "onQuery-change"?: ((event: CustomEvent<{
@@ -447,6 +413,25 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
             readonly color?: string;
         };
     }[]>) => any) | undefined;
+    "onFree-entry"?: ((event: CustomEvent<{
+        readonly value: string | null;
+        readonly query: string;
+        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;
+            };
+        } | null;
+        readonly kind: "selection" | "clear" | "free-entry" | "create";
+        readonly trigger: "keyboard" | "pointer" | "programmatic";
+    }>) => any) | undefined;
     "onCreate-entry"?: ((event: CustomEvent<{
         readonly value: string | null;
         readonly query: string;
@@ -544,6 +529,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     loading: boolean | null;
     multiple: boolean | null;
     required: boolean | null;
+    allowCreate: boolean | null;
+    allowFreeText: boolean | null;
+    autoHighlight: "none" | "single" | null;
     clearable: boolean | null;
     disclosure: boolean | null;
     items: readonly {
@@ -559,21 +547,27 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
             readonly color?: string;
         };
     }[] | null;
+    labelVisibility: "visible" | "sr-only" | null;
+    openOnFocus: boolean | null;
     placeholder: string | null;
     query: string | null;
     readonly: boolean | null;
-    allowCreate: boolean | null;
-    allowFreeText: boolean | null;
-    autoHighlight: "none" | "single" | null;
-    labelVisibility: "visible" | "sr-only" | null;
-    openOnFocus: boolean | null;
     selectOnTab: boolean | null;
     selectedValues: readonly string[] | null;
     tokenSeparators: readonly string[] | 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>, {
+    [x: string]: ((props: {}) => any) | undefined;
+} & {
+    [x: string]: ((props: {}) => any) | undefined;
+} & {
+    start?: (props: {}) => any;
+} & {
+    empty?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;