@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiFormField.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 })
 
@@ -42,34 +53,56 @@ 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 },
+  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> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { disabled: false, invalid: false, required: false }
-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,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  disabled: false,
+  invalid: false,
+  required: false,
+}, (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)
+    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,
+  })
+})
+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
@@ -97,6 +130,8 @@ useComponentHost(() => import('../components/ui-form-field/ui-form-field.js'), {
     definition: './components/ui-form-field/ui-form-field.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/UiGrid.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,34 +7,30 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<number | null>;
-        default: null;
     };
     gap: {
         type: PropType<"xs" | "s" | "m" | "l" | "xl" | null>;
-        default: null;
     };
     min: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<number | null>;
-        default: null;
     };
     gap: {
         type: PropType<"xs" | "s" | "m" | "l" | "xl" | null>;
-        default: null;
     };
     min: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: null;
     };
-}>> & Readonly<{}>, {
-    min: "sm" | "md" | "lg" | null;
-    columns: number | null;
-    gap: "s" | "xs" | "m" | "l" | "xl" | 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/UiGrid.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 })
 
@@ -35,34 +45,52 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  columns: { type: null as unknown as PropType<number | null>, default: null },
-  gap: { type: null as unknown as PropType<'xs' | 's' | 'm' | 'l' | 'xl' | null>, default: null },
-  min: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null>, default: null },
+  columns: { type: null as unknown as PropType<number | null> },
+  gap: { type: null as unknown as PropType<'xs' | 's' | 'm' | 'l' | 'xl' | null> },
+  min: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { columns: null, gap: null, min: null }
-const checkedProps = computed(() => ({
-  columns: checkedProp<number>(
-    props['columns'],
-    { kind: 'terminal', name: 'integer' },
-    false,
-    'columns',
-    acceptedProps,
-  ),
-  gap: checkedProp<'xs' | 's' | 'm' | 'l' | 'xl'>(
-    props['gap'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'gap',
-    acceptedProps,
-  ),
-  min: checkedProp<'sm' | 'md' | 'lg'>(
-    props['min'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'min',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(acceptedProps, {}, (name, value, source, values) => {
+  switch (name) {
+    case 'columns':
+      return checkPropInput(value, { kind: 'terminal', name: 'integer' }, true, true)
+    case 'gap':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'min':
+      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 ({
+    columns: propInputs.value<number | null>(
+      'columns',
+      props['columns'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    gap: propInputs.value<'xs' | 's' | 'm' | 'l' | 'xl' | null>(
+      'gap',
+      props['gap'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    min: propInputs.value<'sm' | 'md' | 'lg' | null>(
+      'min',
+      props['min'],
+      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

package/vue/UiIcon.d.ts

@@ -1,25 +1,25 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string | null>;
-        default: string;
     };
     tone: {
         type: PropType<"inherit" | "secondary" | "muted" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string | null>;
-        default: string;
     };
     tone: {
         type: PropType<"inherit" | "secondary" | "muted" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    name: string | null;
-    tone: "secondary" | "inherit" | "muted" | 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;