@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiAffordanceScope.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -6,25 +7,24 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     guide: {
         type: PropType<"dot" | "none" | null>;
-        default: string;
     };
     nearRadius: {
         type: PropType<number | null>;
-        default: number;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     guide: {
         type: PropType<"dot" | "none" | null>;
-        default: string;
     };
     nearRadius: {
         type: PropType<number | null>;
-        default: number;
     };
-}>> & Readonly<{}>, {
-    guide: "none" | "dot" | null;
-    nearRadius: number | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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;

package/vue/UiAffordanceScope.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.63 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -10,7 +10,18 @@ import {
   useReflectedProp,
 } from './host'
 import { acceptsControllerWrite } from './props'
-import { checkedProp, propValidityState, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -35,26 +46,49 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  guide: { type: null as unknown as PropType<'dot' | 'none' | null>, default: 'dot' },
-  nearRadius: { type: null as unknown as PropType<number | null>, default: 16 },
+  guide: { type: null as unknown as PropType<'dot' | 'none' | null> },
+  nearRadius: { type: null as unknown as PropType<number | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { guide: 'dot', nearRadius: 16 }
-const checkedProps = computed(() => ({
-  guide: checkedProp<'dot' | 'none'>(
-    props['guide'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'guide',
-    acceptedProps,
-  ) as 'dot' | 'none',
-  nearRadius: checkedProp<number>(
-    props['nearRadius'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'nearRadius',
-    acceptedProps,
-  ) as number,
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { guide: 'dot', nearRadius: 16 },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'guide':
+        return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+      case 'nearRadius':
+        return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+      default:
+        return { ok: false }
+    }
+  },
+  () => {
+    void checkedProps.value
+  },
+)
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    guide: propInputs.value<'dot' | 'none' | null>(
+      'guide',
+      props['guide'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'dot' | 'none',
+    nearRadius: propInputs.value<number | null>(
+      'nearRadius',
+      props['nearRadius'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
 void checkedProps.value
 watchSyncEffect(() => {
   void checkedProps.value
@@ -87,11 +121,14 @@ useComponentHost(() => import('../components/ui-affordance-scope/ui-affordance-s
       ({ engaged: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
       keys,
     ),
+  initials: { engaged: false },
   controllerSource: {
     specifier: '../components/ui-affordance-scope/ui-affordance-scope.js',
     definition: './components/ui-affordance-scope/ui-affordance-scope.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())

package/vue/UiAvatar.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -6,79 +7,60 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     active: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     alt: {
         type: PropType<string | null>;
-        default: string;
     };
     decorative: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     fallback: {
         type: PropType<string | null>;
-        default: string;
     };
     name: {
         type: PropType<string | null>;
-        default: string;
     };
     shape: {
         type: PropType<"circle" | "square" | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | null>;
-        default: string;
     };
     src: {
         type: PropType<string | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     active: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     alt: {
         type: PropType<string | null>;
-        default: string;
     };
     decorative: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     fallback: {
         type: PropType<string | null>;
-        default: string;
     };
     name: {
         type: PropType<string | null>;
-        default: string;
     };
     shape: {
         type: PropType<"circle" | "square" | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | null>;
-        default: string;
     };
     src: {
         type: PropType<string | null>;
-        default: null;
-    };
-}>> & Readonly<{}>, {
-    name: string | null;
-    alt: string | null;
-    size: "xs" | "sm" | "md" | null;
-    shape: "circle" | "square" | null;
-    active: boolean | null;
-    decorative: boolean | null;
-    fallback: string | null;
-    src: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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;

package/vue/UiAvatar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.63 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'
@@ -10,7 +10,18 @@ import {
   useReflectedProp,
 } from './host'
 import { acceptsControllerWrite } from './props'
-import { checkedProp, propValidityState, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 import UiIcon from './UiIcon.vue'
 
 defineOptions({ inheritAttrs: false })
@@ -85,14 +96,15 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  active: { type: null as unknown as PropType<boolean | null>, default: false },
-  alt: { type: null as unknown as PropType<string | null>, default: '' },
-  decorative: { type: null as unknown as PropType<boolean | null>, default: false },
-  fallback: { type: null as unknown as PropType<string | null>, default: '' },
-  name: { type: null as unknown as PropType<string | null>, default: '' },
-  shape: { type: null as unknown as PropType<'circle' | 'square' | null>, default: 'circle' },
-  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | null>, default: 'md' },
-  src: { type: null as unknown as PropType<string | null>, default: null },
+  active: { type: null as unknown as PropType<boolean | null> },
+  alt: { type: null as unknown as PropType<string | null> },
+  decorative: { type: null as unknown as PropType<boolean | null> },
+  fallback: { type: null as unknown as PropType<string | null> },
+  name: { type: null as unknown as PropType<string | null> },
+  shape: { type: null as unknown as PropType<'circle' | 'square' | null> },
+  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | null> },
+  src: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   active: false,
@@ -104,64 +116,81 @@ const acceptedProps: Record<string, unknown> = {
   size: 'md',
   src: null,
 }
-const checkedProps = computed(() => ({
-  active: checkedProp<boolean>(
-    props['active'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'active',
-    acceptedProps,
-  ) as boolean,
-  alt: checkedProp<string>(
-    props['alt'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'alt',
-    acceptedProps,
-  ) as string,
-  decorative: checkedProp<boolean>(
-    props['decorative'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'decorative',
-    acceptedProps,
-  ) as boolean,
-  fallback: checkedProp<string>(
-    props['fallback'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'fallback',
-    acceptedProps,
-  ) as string,
-  name: checkedProp<string>(
-    props['name'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'name',
-    acceptedProps,
-  ) as string,
-  shape: checkedProp<'circle' | 'square'>(
-    props['shape'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'shape',
-    acceptedProps,
-  ) as 'circle' | 'square',
-  size: checkedProp<'xs' | 'sm' | 'md'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'xs' | 'sm' | 'md',
-  src: checkedProp<string>(
-    props['src'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'src',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  active: false,
+  alt: '',
+  decorative: false,
+  fallback: '',
+  name: '',
+  shape: 'circle',
+  size: 'md',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'active':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'alt':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'decorative':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'fallback':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'name':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'shape':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'size':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'src':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    active: propInputs.value<boolean | null>(
+      'active',
+      props['active'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    alt: propInputs.value<string | null>('alt', props['alt'], props[BINDING_INPUTS_PROP]) as string,
+    decorative: propInputs.value<boolean | null>(
+      'decorative',
+      props['decorative'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    fallback: propInputs.value<string | null>(
+      'fallback',
+      props['fallback'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    name: propInputs.value<string | null>(
+      'name',
+      props['name'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    shape: propInputs.value<'circle' | 'square' | null>(
+      'shape',
+      props['shape'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'circle' | 'square',
+    size: propInputs.value<'xs' | 'sm' | 'md' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'xs' | 'sm' | 'md',
+    src: propInputs.value<string | null>('src', props['src'], props[BINDING_INPUTS_PROP]),
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
 void checkedProps.value
 watchSyncEffect(() => {
   void checkedProps.value
@@ -209,11 +238,14 @@ useComponentHost(() => import('../components/ui-avatar/ui-avatar.js'), {
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: { hasImage: false, hasAuthoredImage: false, initials: '?', showGlyph: false },
   controllerSource: {
     specifier: '../components/ui-avatar/ui-avatar.js',
     definition: './components/ui-avatar/ui-avatar.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())

package/vue/UiAvatarGroup.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -6,52 +7,42 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     max: {
         type: PropType<number | null>;
-        default: number;
     };
     overflowLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | null>;
-        default: string;
     };
     total: {
         type: PropType<number | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     max: {
         type: PropType<number | null>;
-        default: number;
     };
     overflowLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | null>;
-        default: string;
     };
     total: {
         type: PropType<number | null>;
-        default: null;
-    };
-}>> & Readonly<{}>, {
-    label: string | null;
-    size: "xs" | "sm" | "md" | null;
-    max: number | null;
-    total: number | null;
-    overflowLabel: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, 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;

package/vue/UiAvatarGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.63 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'
@@ -10,7 +10,18 @@ import {
   useReflectedProp,
 } from './host'
 import { acceptsControllerWrite } from './props'
-import { checkedProp, propValidityState, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  propValidityState,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -59,11 +70,12 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  label: { type: null as unknown as PropType<string | null>, default: 'People' },
-  max: { type: null as unknown as PropType<number | null>, default: 5 },
-  overflowLabel: { type: null as unknown as PropType<string | null>, default: '{count} more' },
-  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | null>, default: 'md' },
-  total: { type: null as unknown as PropType<number | null>, default: null },
+  label: { type: null as unknown as PropType<string | null> },
+  max: { type: null as unknown as PropType<number | null> },
+  overflowLabel: { type: null as unknown as PropType<string | null> },
+  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | null> },
+  total: { type: null as unknown as PropType<number | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   label: 'People',
@@ -72,43 +84,57 @@ const acceptedProps: Record<string, unknown> = {
   size: 'md',
   total: null,
 }
-const checkedProps = computed(() => ({
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-  max: checkedProp<number>(
-    props['max'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'max',
-    acceptedProps,
-  ) as number,
-  overflowLabel: checkedProp<string>(
-    props['overflowLabel'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'overflowLabel',
-    acceptedProps,
-  ) as string,
-  size: checkedProp<'xs' | 'sm' | 'md'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'xs' | 'sm' | 'md',
-  total: checkedProp<number>(
-    props['total'],
-    { kind: 'terminal', name: 'integer' },
-    false,
-    'total',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  label: 'People',
+  max: 5,
+  overflowLabel: '{count} more',
+  size: 'md',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'max':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'overflowLabel':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'size':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'total':
+      return checkPropInput(value, { kind: 'terminal', name: 'integer' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    max: propInputs.value<number | null>('max', props['max'], props[BINDING_INPUTS_PROP]) as number,
+    overflowLabel: propInputs.value<string | null>(
+      'overflowLabel',
+      props['overflowLabel'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    size: propInputs.value<'xs' | 'sm' | 'md' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'xs' | 'sm' | 'md',
+    total: propInputs.value<number | null>('total', props['total'], props[BINDING_INPUTS_PROP]),
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
 void checkedProps.value
 watchSyncEffect(() => {
   void checkedProps.value
@@ -146,11 +172,14 @@ useComponentHost(() => import('../components/ui-avatar-group/ui-avatar-group.js'
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: { overflowCount: 0, overflowAnnouncement: '' },
   controllerSource: {
     specifier: '../components/ui-avatar-group/ui-avatar-group.js',
     definition: './components/ui-avatar-group/ui-avatar-group.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())