@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiInputGroup.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, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -9,7 +9,18 @@ import {
   useComponentHost,
   useReflectedProp,
 } from './host'
-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 })
 
@@ -60,14 +71,12 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  actionPosition: {
-    type: null as unknown as PropType<'below' | 'top-end' | null>,
-    default: 'below',
-  },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  multiline: { type: null as unknown as PropType<boolean | null>, default: false },
-  prefixKind: { type: null as unknown as PropType<'text' | 'icon' | null>, default: 'text' },
-  variant: { type: null as unknown as PropType<'outline' | 'subtle' | null>, default: 'outline' },
+  actionPosition: { type: null as unknown as PropType<'below' | 'top-end' | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  multiline: { type: null as unknown as PropType<boolean | null> },
+  prefixKind: { type: null as unknown as PropType<'text' | 'icon' | null> },
+  variant: { type: null as unknown as PropType<'outline' | 'subtle' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   actionPosition: 'below',
@@ -76,43 +85,66 @@ const acceptedProps: Record<string, unknown> = {
   prefixKind: 'text',
   variant: 'outline',
 }
-const checkedProps = computed(() => ({
-  actionPosition: checkedProp<'below' | 'top-end'>(
-    props['actionPosition'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'actionPosition',
-    acceptedProps,
-  ) as 'below' | 'top-end',
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  multiline: checkedProp<boolean>(
-    props['multiline'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'multiline',
-    acceptedProps,
-  ) as boolean,
-  prefixKind: checkedProp<'text' | 'icon'>(
-    props['prefixKind'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'prefixKind',
-    acceptedProps,
-  ) as 'text' | 'icon',
-  variant: checkedProp<'outline' | 'subtle'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'outline' | 'subtle',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  actionPosition: 'below',
+  disabled: false,
+  multiline: false,
+  prefixKind: 'text',
+  variant: 'outline',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'actionPosition':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'multiline':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'prefixKind':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'variant':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    actionPosition: propInputs.value<'below' | 'top-end' | null>(
+      'actionPosition',
+      props['actionPosition'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'below' | 'top-end',
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    multiline: propInputs.value<boolean | null>(
+      'multiline',
+      props['multiline'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    prefixKind: propInputs.value<'text' | 'icon' | null>(
+      'prefixKind',
+      props['prefixKind'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'text' | 'icon',
+    variant: propInputs.value<'outline' | 'subtle' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'outline' | 'subtle',
+  })
+})
+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
@@ -150,6 +182,8 @@ useComponentHost(() => import('../components/ui-input-group/ui-input-group.js'),
     definition: './components/ui-input-group/ui-input-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())

package/vue/UiList.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -8,43 +9,36 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<"ul" | "ol" | null>;
-        default: string;
     };
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     layout: {
         type: PropType<"rows" | "grid" | null>;
-        default: string;
     };
     markers: {
         type: PropType<"none" | "disc" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<"ul" | "ol" | null>;
-        default: string;
     };
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     layout: {
         type: PropType<"rows" | "grid" | null>;
-        default: string;
     };
     markers: {
         type: PropType<"none" | "disc" | null>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    as: "ol" | "ul" | null;
-    density: "comfortable" | "compact" | null;
-    layout: "rows" | "grid" | null;
-    markers: "none" | "disc" | 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/UiList.vue

@@ -1,9 +1,19 @@
-<!-- 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, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { checkHydratedRoot, nativeAttrs, preserveRootFocus, useReflectedProp } from './host'
-import { checkedProp, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -48,13 +58,11 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  as: { type: null as unknown as PropType<'ul' | 'ol' | null>, default: 'ul' },
-  density: {
-    type: null as unknown as PropType<'comfortable' | 'compact' | null>,
-    default: 'comfortable',
-  },
-  layout: { type: null as unknown as PropType<'rows' | 'grid' | null>, default: 'rows' },
-  markers: { type: null as unknown as PropType<'none' | 'disc' | null>, default: 'none' },
+  as: { type: null as unknown as PropType<'ul' | 'ol' | null> },
+  density: { type: null as unknown as PropType<'comfortable' | 'compact' | null> },
+  layout: { type: null as unknown as PropType<'rows' | 'grid' | null> },
+  markers: { type: null as unknown as PropType<'none' | 'disc' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   as: 'ul',
@@ -62,36 +70,56 @@ const acceptedProps: Record<string, unknown> = {
   layout: 'rows',
   markers: 'none',
 }
-const checkedProps = computed(() => ({
-  as: checkedProp<'ul' | 'ol'>(
-    props['as'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'as',
-    acceptedProps,
-  ) as 'ul' | 'ol',
-  density: checkedProp<'comfortable' | 'compact'>(
-    props['density'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'density',
-    acceptedProps,
-  ) as 'comfortable' | 'compact',
-  layout: checkedProp<'rows' | 'grid'>(
-    props['layout'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'layout',
-    acceptedProps,
-  ) as 'rows' | 'grid',
-  markers: checkedProp<'none' | 'disc'>(
-    props['markers'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'markers',
-    acceptedProps,
-  ) as 'none' | 'disc',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  as: 'ul',
+  density: 'comfortable',
+  layout: 'rows',
+  markers: 'none',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'as':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'density':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'layout':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'markers':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    as: propInputs.value<'ul' | 'ol' | null>('as', props['as'], props[BINDING_INPUTS_PROP]) as
+      | 'ul'
+      | 'ol',
+    density: propInputs.value<'comfortable' | 'compact' | null>(
+      'density',
+      props['density'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'comfortable' | 'compact',
+    layout: propInputs.value<'rows' | 'grid' | null>(
+      'layout',
+      props['layout'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'rows' | 'grid',
+    markers: propInputs.value<'none' | 'disc' | null>(
+      'markers',
+      props['markers'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'none' | 'disc',
+  })
+})
+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

package/vue/UiListItem.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_1) => any;
@@ -12,61 +13,48 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"center" | "title" | null>;
-        default: string;
     };
     current: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     highlighted: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     leadingInteractive: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     variant: {
         type: PropType<"row" | "card" | null>;
-        default: string;
     };
     wrap: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"center" | "title" | null>;
-        default: string;
     };
     current: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     highlighted: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     leadingInteractive: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     variant: {
         type: PropType<"row" | "card" | null>;
-        default: string;
     };
     wrap: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
-}>> & Readonly<{}>, {
-    variant: "card" | "row" | null;
-    current: boolean | null;
-    align: "title" | "center" | null;
-    wrap: boolean | null;
-    highlighted: boolean | null;
-    leadingInteractive: boolean | 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/UiListItem.vue

@@ -1,9 +1,19 @@
-<!-- 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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { checkHydratedRoot, nativeAttrs, useReflectedProp } from './host'
-import { checkedProp, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -62,12 +72,13 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  align: { type: null as unknown as PropType<'center' | 'title' | null>, default: 'center' },
-  current: { type: null as unknown as PropType<boolean | null>, default: false },
-  highlighted: { type: null as unknown as PropType<boolean | null>, default: false },
-  leadingInteractive: { type: null as unknown as PropType<boolean | null>, default: false },
-  variant: { type: null as unknown as PropType<'row' | 'card' | null>, default: 'row' },
-  wrap: { type: null as unknown as PropType<boolean | null>, default: false },
+  align: { type: null as unknown as PropType<'center' | 'title' | null> },
+  current: { type: null as unknown as PropType<boolean | null> },
+  highlighted: { type: null as unknown as PropType<boolean | null> },
+  leadingInteractive: { type: null as unknown as PropType<boolean | null> },
+  variant: { type: null as unknown as PropType<'row' | 'card' | null> },
+  wrap: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   align: 'center',
@@ -77,50 +88,74 @@ const acceptedProps: Record<string, unknown> = {
   variant: 'row',
   wrap: false,
 }
-const checkedProps = computed(() => ({
-  align: checkedProp<'center' | 'title'>(
-    props['align'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'align',
-    acceptedProps,
-  ) as 'center' | 'title',
-  current: checkedProp<boolean>(
-    props['current'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'current',
-    acceptedProps,
-  ) as boolean,
-  highlighted: checkedProp<boolean>(
-    props['highlighted'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'highlighted',
-    acceptedProps,
-  ) as boolean,
-  leadingInteractive: checkedProp<boolean>(
-    props['leadingInteractive'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'leadingInteractive',
-    acceptedProps,
-  ) as boolean,
-  variant: checkedProp<'row' | 'card'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'row' | 'card',
-  wrap: checkedProp<boolean>(
-    props['wrap'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'wrap',
-    acceptedProps,
-  ) as boolean,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  align: 'center',
+  current: false,
+  highlighted: false,
+  leadingInteractive: false,
+  variant: 'row',
+  wrap: false,
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'align':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'current':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'highlighted':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'leadingInteractive':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'variant':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'wrap':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    align: propInputs.value<'center' | 'title' | null>(
+      'align',
+      props['align'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'center' | 'title',
+    current: propInputs.value<boolean | null>(
+      'current',
+      props['current'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    highlighted: propInputs.value<boolean | null>(
+      'highlighted',
+      props['highlighted'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    leadingInteractive: propInputs.value<boolean | null>(
+      'leadingInteractive',
+      props['leadingInteractive'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    variant: propInputs.value<'row' | 'card' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'row' | 'card',
+    wrap: propInputs.value<boolean | null>(
+      'wrap',
+      props['wrap'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+  })
+})
+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