@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiSection.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 })
 
@@ -38,37 +48,56 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  heading: { type: null as unknown as PropType<string | null>, default: '' },
-  tone: { type: null as unknown as PropType<'neutral' | 'danger' | null>, default: 'neutral' },
-  variant: {
-    type: null as unknown as PropType<'plain' | 'card' | 'divided' | null>,
-    default: 'plain',
-  },
+  heading: { type: null as unknown as PropType<string | null> },
+  tone: { type: null as unknown as PropType<'neutral' | 'danger' | null> },
+  variant: { type: null as unknown as PropType<'plain' | 'card' | 'divided' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { heading: '', tone: 'neutral', variant: 'plain' }
-const checkedProps = computed(() => ({
-  heading: checkedProp<string>(
-    props['heading'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'heading',
-    acceptedProps,
-  ) as string,
-  tone: checkedProp<'neutral' | 'danger'>(
-    props['tone'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'tone',
-    acceptedProps,
-  ) as 'neutral' | 'danger',
-  variant: checkedProp<'plain' | 'card' | 'divided'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'plain' | 'card' | 'divided',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  heading: '',
+  tone: 'neutral',
+  variant: 'plain',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'heading':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'tone':
+      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 ({
+    heading: propInputs.value<string | null>(
+      'heading',
+      props['heading'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    tone: propInputs.value<'neutral' | 'danger' | null>(
+      'tone',
+      props['tone'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'neutral' | 'danger',
+    variant: propInputs.value<'plain' | 'card' | 'divided' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'plain' | 'card' | 'divided',
+  })
+})
+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/UiSelect.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
@@ -6,23 +7,21 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     invalid: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     required: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     size: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: string;
     };
     value: {
         type: PropType<string | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
     modelValue: {
         type: PropType<string | null | undefined>;
@@ -32,36 +31,28 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     invalid: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     required: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     size: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: string;
     };
     value: {
         type: PropType<string | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
     modelValue: {
         type: PropType<string | null | undefined>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    value: string | null;
-    required: boolean | null;
-    invalid: boolean | null;
-    size: "sm" | "md" | "lg" | null;
-    disabled: boolean | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, 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/UiSelect.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'
@@ -10,7 +10,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 })
 
@@ -56,11 +67,12 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  invalid: { type: null as unknown as PropType<boolean | null>, default: false },
-  required: { type: null as unknown as PropType<boolean | null>, default: false },
-  size: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null>, default: 'md' },
-  value: { type: null as unknown as PropType<string | null>, default: null },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  invalid: { type: null as unknown as PropType<boolean | null> },
+  required: { type: null as unknown as PropType<boolean | null> },
+  size: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null> },
+  value: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
   modelValue: { type: null as unknown as PropType<string | null | undefined> },
 })
 const acceptedProps: Record<string, unknown> = {
@@ -70,50 +82,68 @@ const acceptedProps: Record<string, unknown> = {
   size: 'md',
   value: null,
 }
-const checkedProps = computed(() => ({
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  invalid: checkedProp<boolean>(
-    props['invalid'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'invalid',
-    acceptedProps,
-  ) as boolean,
-  required: checkedProp<boolean>(
-    props['required'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'required',
-    acceptedProps,
-  ) as boolean,
-  size: checkedProp<'sm' | 'md' | 'lg'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'sm' | 'md' | 'lg',
-  value: checkedProp<string>(
-    props['value'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'value',
-    acceptedProps,
-  ),
-  modelValue: checkedProp<string | null>(
-    props.modelValue,
-    { kind: 'terminal', name: 'string' },
-    false,
-    'modelValue',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  disabled: false,
+  invalid: false,
+  required: false,
+  size: 'md',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'invalid':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'required':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'size':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'value':
+      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 ({
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    invalid: propInputs.value<boolean | null>(
+      'invalid',
+      props['invalid'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    required: propInputs.value<boolean | null>(
+      'required',
+      props['required'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    size: propInputs.value<'sm' | 'md' | 'lg' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'sm' | 'md' | 'lg',
+    value: propInputs.value<string | null>('value', props['value'], props[BINDING_INPUTS_PROP]),
+    modelValue: checkedProp<string | null>(
+      props.modelValue,
+      { kind: 'terminal', name: 'string' },
+      false,
+      'modelValue',
+      acceptedProps,
+    ),
+  })
+})
+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
@@ -149,6 +179,8 @@ useComponentHost(() => import('../components/ui-select/ui-select.js'), {
     definition: './components/ui-select/ui-select.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/UiSeparator.d.ts

@@ -1,43 +1,37 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     emphasis: {
         type: PropType<"normal" | "strong" | null>;
-        default: string;
     };
     orientation: {
         type: PropType<"horizontal" | "vertical" | null>;
-        default: string;
     };
     selectable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     emphasis: {
         type: PropType<"normal" | "strong" | null>;
-        default: string;
     };
     orientation: {
         type: PropType<"horizontal" | "vertical" | null>;
-        default: string;
     };
     selectable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    selected: boolean | null;
-    orientation: "vertical" | "horizontal" | null;
-    emphasis: "strong" | "normal" | null;
-    selectable: boolean | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/vue/UiSeparator.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 })
 
@@ -46,13 +56,11 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  emphasis: { type: null as unknown as PropType<'normal' | 'strong' | null>, default: 'normal' },
-  orientation: {
-    type: null as unknown as PropType<'horizontal' | 'vertical' | null>,
-    default: 'horizontal',
-  },
-  selectable: { type: null as unknown as PropType<boolean | null>, default: false },
-  selected: { type: null as unknown as PropType<boolean | null>, default: false },
+  emphasis: { type: null as unknown as PropType<'normal' | 'strong' | null> },
+  orientation: { type: null as unknown as PropType<'horizontal' | 'vertical' | null> },
+  selectable: { type: null as unknown as PropType<boolean | null> },
+  selected: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   emphasis: 'normal',
@@ -60,36 +68,58 @@ const acceptedProps: Record<string, unknown> = {
   selectable: false,
   selected: false,
 }
-const checkedProps = computed(() => ({
-  emphasis: checkedProp<'normal' | 'strong'>(
-    props['emphasis'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'emphasis',
-    acceptedProps,
-  ) as 'normal' | 'strong',
-  orientation: checkedProp<'horizontal' | 'vertical'>(
-    props['orientation'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'orientation',
-    acceptedProps,
-  ) as 'horizontal' | 'vertical',
-  selectable: checkedProp<boolean>(
-    props['selectable'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'selectable',
-    acceptedProps,
-  ) as boolean,
-  selected: checkedProp<boolean>(
-    props['selected'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'selected',
-    acceptedProps,
-  ) as boolean,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  emphasis: 'normal',
+  orientation: 'horizontal',
+  selectable: false,
+  selected: false,
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'emphasis':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'orientation':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'selectable':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'selected':
+      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 ({
+    emphasis: propInputs.value<'normal' | 'strong' | null>(
+      'emphasis',
+      props['emphasis'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'normal' | 'strong',
+    orientation: propInputs.value<'horizontal' | 'vertical' | null>(
+      'orientation',
+      props['orientation'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'horizontal' | 'vertical',
+    selectable: propInputs.value<boolean | null>(
+      'selectable',
+      props['selectable'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    selected: propInputs.value<boolean | null>(
+      'selected',
+      props['selected'],
+      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

package/vue/UiSidebar.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,39 +7,33 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     breakpoint: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: string;
     };
     collapsed: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     maxWidth: {
         type: PropType<number | null>;
-        default: number;
     };
     minWidth: {
         type: PropType<number | null>;
-        default: number;
     };
     resizable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     resizeLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     resizeStep: {
         type: PropType<number | null>;
-        default: number;
     };
     side: {
         type: PropType<"start" | "end" | null>;
-        default: string;
     };
     width: {
         type: PropType<number | null>;
-        default: number;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     resize: (event: CustomEvent<{
@@ -54,39 +49,33 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     breakpoint: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: string;
     };
     collapsed: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     maxWidth: {
         type: PropType<number | null>;
-        default: number;
     };
     minWidth: {
         type: PropType<number | null>;
-        default: number;
     };
     resizable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     resizeLabel: {
         type: PropType<string | null>;
-        default: string;
     };
     resizeStep: {
         type: PropType<number | null>;
-        default: number;
     };
     side: {
         type: PropType<"start" | "end" | null>;
-        default: string;
     };
     width: {
         type: PropType<number | null>;
-        default: number;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onResize?: ((event: CustomEvent<{
@@ -99,17 +88,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
     "onUpdate:width"?: ((value: number) => any) | undefined;
-}>, {
-    width: number | null;
-    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>;
+}>, {}, {}, {}, {}, 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;