@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiIconButton.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
@@ -6,115 +7,84 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     anticipatory: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     guide: {
         type: PropType<"dot" | "bar" | null>;
-        default: string;
     };
     label: {
         type: PropType<string | null>;
-        default: null;
     };
     loading: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     matchButton: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     pending: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     revealed: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     round: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     size: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"accent" | "neutral" | null>;
-        default: null;
     };
     variant: {
         type: PropType<"ghost" | "outline" | "solid" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     anticipatory: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     guide: {
         type: PropType<"dot" | "bar" | null>;
-        default: string;
     };
     label: {
         type: PropType<string | null>;
-        default: null;
     };
     loading: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     matchButton: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     pending: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     revealed: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     round: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     size: {
         type: PropType<"sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"accent" | "neutral" | null>;
-        default: null;
     };
     variant: {
         type: PropType<"ghost" | "outline" | "solid" | null>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    label: string | null;
-    size: "sm" | "md" | "lg" | null;
-    round: boolean | null;
-    guide: "bar" | "dot" | null;
-    tone: "neutral" | "accent" | null;
-    variant: "solid" | "outline" | "ghost" | null;
-    disabled: boolean | null;
-    loading: boolean | null;
-    pending: boolean | null;
-    anticipatory: boolean | null;
-    revealed: boolean | null;
-    matchButton: 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/UiIconButton.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'
@@ -11,7 +11,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 UiSpinner from './UiSpinner.vue'
 
 defineOptions({ inheritAttrs: false })
@@ -116,21 +127,19 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  anticipatory: { type: null as unknown as PropType<boolean | null>, default: false },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  guide: { type: null as unknown as PropType<'dot' | 'bar' | null>, default: 'dot' },
-  label: { type: null as unknown as PropType<string | null>, default: null },
-  loading: { type: null as unknown as PropType<boolean | null>, default: false },
-  matchButton: { type: null as unknown as PropType<boolean | null>, default: false },
-  pending: { type: null as unknown as PropType<boolean | null>, default: false },
-  revealed: { type: null as unknown as PropType<boolean | null>, default: false },
-  round: { type: null as unknown as PropType<boolean | null>, default: false },
-  size: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null>, default: 'md' },
-  tone: { type: null as unknown as PropType<'accent' | 'neutral' | null>, default: null },
-  variant: {
-    type: null as unknown as PropType<'ghost' | 'outline' | 'solid' | null>,
-    default: 'ghost',
-  },
+  anticipatory: { type: null as unknown as PropType<boolean | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  guide: { type: null as unknown as PropType<'dot' | 'bar' | null> },
+  label: { type: null as unknown as PropType<string | null> },
+  loading: { type: null as unknown as PropType<boolean | null> },
+  matchButton: { type: null as unknown as PropType<boolean | null> },
+  pending: { type: null as unknown as PropType<boolean | null> },
+  revealed: { type: null as unknown as PropType<boolean | null> },
+  round: { type: null as unknown as PropType<boolean | null> },
+  size: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null> },
+  tone: { type: null as unknown as PropType<'accent' | 'neutral' | null> },
+  variant: { type: null as unknown as PropType<'ghost' | 'outline' | 'solid' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   anticipatory: false,
@@ -146,92 +155,116 @@ const acceptedProps: Record<string, unknown> = {
   tone: null,
   variant: 'ghost',
 }
-const checkedProps = computed(() => ({
-  anticipatory: checkedProp<boolean>(
-    props['anticipatory'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'anticipatory',
-    acceptedProps,
-  ) as boolean,
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  guide: checkedProp<'dot' | 'bar'>(
-    props['guide'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'guide',
-    acceptedProps,
-  ) as 'dot' | 'bar',
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ),
-  loading: checkedProp<boolean>(
-    props['loading'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'loading',
-    acceptedProps,
-  ) as boolean,
-  matchButton: checkedProp<boolean>(
-    props['matchButton'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'matchButton',
-    acceptedProps,
-  ) as boolean,
-  pending: checkedProp<boolean>(
-    props['pending'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'pending',
-    acceptedProps,
-  ) as boolean,
-  revealed: checkedProp<boolean>(
-    props['revealed'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'revealed',
-    acceptedProps,
-  ) as boolean,
-  round: checkedProp<boolean>(
-    props['round'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'round',
-    acceptedProps,
-  ) as boolean,
-  size: checkedProp<'sm' | 'md' | 'lg'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'sm' | 'md' | 'lg',
-  tone: checkedProp<'accent' | 'neutral'>(
-    props['tone'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'tone',
-    acceptedProps,
-  ),
-  variant: checkedProp<'ghost' | 'outline' | 'solid'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'ghost' | 'outline' | 'solid',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  anticipatory: false,
+  disabled: false,
+  guide: 'dot',
+  loading: false,
+  matchButton: false,
+  pending: false,
+  revealed: false,
+  round: false,
+  size: 'md',
+  variant: 'ghost',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'anticipatory':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'guide':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'loading':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'matchButton':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'pending':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'revealed':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'round':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'size':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, 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 ({
+    anticipatory: propInputs.value<boolean | null>(
+      'anticipatory',
+      props['anticipatory'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    guide: propInputs.value<'dot' | 'bar' | null>(
+      'guide',
+      props['guide'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'dot' | 'bar',
+    label: propInputs.value<string | null>('label', props['label'], props[BINDING_INPUTS_PROP]),
+    loading: propInputs.value<boolean | null>(
+      'loading',
+      props['loading'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    matchButton: propInputs.value<boolean | null>(
+      'matchButton',
+      props['matchButton'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    pending: propInputs.value<boolean | null>(
+      'pending',
+      props['pending'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    revealed: propInputs.value<boolean | null>(
+      'revealed',
+      props['revealed'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    round: propInputs.value<boolean | null>(
+      'round',
+      props['round'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    size: propInputs.value<'sm' | 'md' | 'lg' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'sm' | 'md' | 'lg',
+    tone: propInputs.value<'accent' | 'neutral' | null>(
+      'tone',
+      props['tone'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    variant: propInputs.value<'ghost' | 'outline' | 'solid' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'ghost' | 'outline' | 'solid',
+  })
+})
+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
@@ -311,6 +344,8 @@ useComponentHost(() => import('../components/ui-icon-button/ui-icon-button.js'),
     definition: './components/ui-icon-button/ui-icon-button.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/UiImage.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 = {} & {
     media?: (props: typeof __VLS_1) => any;
@@ -8,31 +9,27 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     alt: {
         type: PropType<string | null>;
-        default: string;
     };
     height: {
         type: PropType<number | null>;
-        default: null;
     };
     placement: {
         type: PropType<"block" | "center" | "wrap-left" | "wrap-right" | null>;
-        default: string;
     };
     resizable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     src: {
         type: PropType<string | null>;
-        default: string;
     };
     width: {
         type: PropType<number | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     resize: (event: CustomEvent<{
@@ -46,31 +43,27 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     alt: {
         type: PropType<string | null>;
-        default: string;
     };
     height: {
         type: PropType<number | null>;
-        default: null;
     };
     placement: {
         type: PropType<"block" | "center" | "wrap-left" | "wrap-right" | null>;
-        default: string;
     };
     resizable: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     src: {
         type: PropType<string | null>;
-        default: string;
     };
     width: {
         type: PropType<number | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onResize?: ((event: CustomEvent<{
@@ -81,15 +74,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }>) => any) | undefined;
     "onUpdate:height"?: ((value: number) => any) | undefined;
     "onUpdate:width"?: ((value: number) => any) | undefined;
-}>, {
-    alt: string | null;
-    selected: boolean | null;
-    width: number | null;
-    height: number | null;
-    src: string | null;
-    placement: "center" | "block" | "wrap-left" | "wrap-right" | null;
-    resizable: 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;