@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiTextarea.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 })
 
@@ -85,15 +96,16 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  autosize: { type: null as unknown as PropType<boolean | null>, default: false },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  invalid: { type: null as unknown as PropType<boolean | null>, default: false },
-  maxRows: { type: null as unknown as PropType<number | null>, default: null },
-  readonly: { type: null as unknown as PropType<boolean | null>, default: false },
-  required: { type: null as unknown as PropType<boolean | null>, default: false },
-  rows: { type: null as unknown as PropType<number | null>, default: 4 },
-  size: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null>, default: 'md' },
-  value: { type: null as unknown as PropType<string | null>, default: null },
+  autosize: { type: null as unknown as PropType<boolean | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  invalid: { type: null as unknown as PropType<boolean | null> },
+  maxRows: { type: null as unknown as PropType<number | null> },
+  readonly: { type: null as unknown as PropType<boolean | null> },
+  required: { type: null as unknown as PropType<boolean | null> },
+  rows: { type: null as unknown as PropType<number | 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> = {
@@ -107,78 +119,99 @@ const acceptedProps: Record<string, unknown> = {
   size: 'md',
   value: null,
 }
-const checkedProps = computed(() => ({
-  autosize: checkedProp<boolean>(
-    props['autosize'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'autosize',
-    acceptedProps,
-  ) as boolean,
-  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,
-  maxRows: checkedProp<number>(
-    props['maxRows'],
-    { kind: 'terminal', name: 'integer' },
-    false,
-    'maxRows',
-    acceptedProps,
-  ),
-  readonly: checkedProp<boolean>(
-    props['readonly'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'readonly',
-    acceptedProps,
-  ) as boolean,
-  required: checkedProp<boolean>(
-    props['required'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'required',
-    acceptedProps,
-  ) as boolean,
-  rows: checkedProp<number>(
-    props['rows'],
-    { kind: 'terminal', name: 'integer' },
-    false,
-    'rows',
-    acceptedProps,
-  ) as number,
-  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, {
+  autosize: false,
+  disabled: false,
+  invalid: false,
+  readonly: false,
+  required: false,
+  rows: 4,
+  size: 'md',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'autosize':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'invalid':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'maxRows':
+      return checkPropInput(value, { kind: 'terminal', name: 'integer' }, true, true)
+    case 'readonly':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'required':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'rows':
+      return checkPropInput(value, { kind: 'terminal', name: 'integer' }, 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 ({
+    autosize: propInputs.value<boolean | null>(
+      'autosize',
+      props['autosize'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    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,
+    maxRows: propInputs.value<number | null>(
+      'maxRows',
+      props['maxRows'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    readonly: propInputs.value<boolean | null>(
+      'readonly',
+      props['readonly'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    required: propInputs.value<boolean | null>(
+      'required',
+      props['required'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    rows: propInputs.value<number | null>(
+      'rows',
+      props['rows'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    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
@@ -217,6 +250,8 @@ useComponentHost(() => import('../components/ui-textarea/ui-textarea.js'), {
     definition: './components/ui-textarea/ui-textarea.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/UiToast.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,11 +9,12 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     duration: {
         type: PropType<number | null>;
-        default: number;
     };
     tone: {
         type: PropType<"neutral" | "info" | "success" | "warning" | "danger" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: (event: CustomEvent<{
@@ -23,11 +25,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     duration: {
         type: PropType<number | null>;
-        default: number;
     };
     tone: {
         type: PropType<"neutral" | "info" | "success" | "warning" | "danger" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onDismiss?: ((event: CustomEvent<{
@@ -35,10 +38,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly reason: "action" | "timeout";
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
-}>, {
-    duration: number | null;
-    tone: "info" | "neutral" | "success" | "warning" | "danger" | 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/UiToast.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, useTemplateRef, 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'
 import UiIcon from './UiIcon.vue'
 import UiIconButton from './UiIconButton.vue'
 
@@ -38,29 +49,51 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  duration: { type: null as unknown as PropType<number | null>, default: 0 },
+  duration: { type: null as unknown as PropType<number | null> },
   tone: {
     type: null as unknown as PropType<'neutral' | 'info' | 'success' | 'warning' | 'danger' | null>,
-    default: 'neutral',
   },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { duration: 0, tone: 'neutral' }
-const checkedProps = computed(() => ({
-  duration: checkedProp<number>(
-    props['duration'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'duration',
-    acceptedProps,
-  ) as number,
-  tone: checkedProp<'neutral' | 'info' | 'success' | 'warning' | 'danger'>(
-    props['tone'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'tone',
-    acceptedProps,
-  ) as 'neutral' | 'info' | 'success' | 'warning' | 'danger',
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { duration: 0, tone: 'neutral' },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'duration':
+        return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+      case 'tone':
+        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 ({
+    duration: propInputs.value<number | null>(
+      'duration',
+      props['duration'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    tone: propInputs.value<'neutral' | 'info' | 'success' | 'warning' | 'danger' | null>(
+      'tone',
+      props['tone'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'neutral' | 'info' | 'success' | 'warning' | 'danger',
+  })
+})
+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
@@ -115,6 +148,8 @@ useComponentHost(() => import('../components/ui-toast/ui-toast.js'), {
     definition: './components/ui-toast/ui-toast.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/UiToastRegion.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,11 +7,12 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     duration: {
         type: PropType<number | null>;
-        default: number;
     };
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: (event: CustomEvent<{
@@ -21,18 +23,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "update:duration": (value: number) => any;
     "show-toast": (event: CustomEvent<{
         readonly message: string;
-        readonly id?: string;
-        readonly tone?: "neutral" | "info" | "success" | "warning" | "danger";
-        readonly duration?: number;
+        readonly id?: string | null;
+        readonly tone?: "neutral" | "info" | "success" | "warning" | "danger" | null;
+        readonly duration?: number | null;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     duration: {
         type: PropType<number | null>;
-        default: number;
     };
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onDismiss?: ((event: CustomEvent<{
@@ -43,14 +46,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:duration"?: ((value: number) => any) | undefined;
     "onShow-toast"?: ((event: CustomEvent<{
         readonly message: string;
-        readonly id?: string;
-        readonly tone?: "neutral" | "info" | "success" | "warning" | "danger";
-        readonly duration?: number;
+        readonly id?: string | null;
+        readonly tone?: "neutral" | "info" | "success" | "warning" | "danger" | null;
+        readonly duration?: number | null;
     }>) => any) | undefined;
-}>, {
-    duration: number | null;
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | 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/UiToastRegion.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'
@@ -13,7 +13,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'
 import UiIconButton from './UiIconButton.vue'
 
@@ -41,33 +52,57 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  duration: { type: null as unknown as PropType<number | null>, default: 0 },
+  duration: { type: null as unknown as PropType<number | null> },
   placement: {
     type: null as unknown as PropType<
       'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | null
     >,
-    default: 'top',
   },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { duration: 0, placement: 'top' }
-const checkedProps = computed(() => ({
-  duration: checkedProp<number>(
-    props['duration'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'duration',
-    acceptedProps,
-  ) as number,
-  placement: checkedProp<
-    'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
-  >(props['placement'], { kind: 'terminal', name: 'keyword' }, false, 'placement', acceptedProps) as
-    | 'top'
-    | 'top-start'
-    | 'top-end'
-    | 'bottom'
-    | 'bottom-start'
-    | 'bottom-end',
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { duration: 0, placement: 'top' },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'duration':
+        return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+      case 'placement':
+        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 ({
+    duration: propInputs.value<number | null>(
+      'duration',
+      props['duration'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    placement: propInputs.value<
+      'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | null
+    >('placement', props['placement'], props[BINDING_INPUTS_PROP]) as
+      | 'top'
+      | 'top-start'
+      | 'top-end'
+      | 'bottom'
+      | 'bottom-start'
+      | 'bottom-end',
+  })
+})
+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
@@ -89,9 +124,9 @@ const emit = defineEmits<{
     event: CustomEvent<
       {
         readonly message: string
-        readonly id?: string
-        readonly tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger'
-        readonly duration?: number
+        readonly id?: string | null
+        readonly tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger' | null
+        readonly duration?: number | null
       }
     >,
   ]
@@ -133,15 +168,15 @@ const isShowToastDetail = (
   detail: unknown,
 ): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['message'] === 'string'
-  && ((detail as Record<string, unknown>)['id'] === undefined
+  && ((detail as Record<string, unknown>)['id'] == null
     || typeof (detail as Record<string, unknown>)['id'] === 'string')
-  && ((detail as Record<string, unknown>)['tone'] === undefined
+  && ((detail as Record<string, unknown>)['tone'] == null
     || ((detail as Record<string, unknown>)['tone'] === 'neutral'
       || (detail as Record<string, unknown>)['tone'] === 'info'
       || (detail as Record<string, unknown>)['tone'] === 'success'
       || (detail as Record<string, unknown>)['tone'] === 'warning'
       || (detail as Record<string, unknown>)['tone'] === 'danger'))
-  && ((detail as Record<string, unknown>)['duration'] === undefined
+  && ((detail as Record<string, unknown>)['duration'] == null
     || (typeof (detail as Record<string, unknown>)['duration'] === 'number'
       && Number.isFinite((detail as Record<string, unknown>)['duration'])))
   && Object.keys(detail as object).every((key) =>
@@ -193,11 +228,14 @@ useComponentHost(() => import('../components/ui-toast-region/ui-toast-region.js'
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: { toasts: [] },
   controllerSource: {
     specifier: '../components/ui-toast-region/ui-toast-region.js',
     definition: './components/ui-toast-region/ui-toast-region.html',
   },
   props: checkedProps,
+  inputs: propInputs,
+  inputTracking,
   propInputs: (name: string) => {
     const incoming = hydrationInstance?.vnode.props
     const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())