@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiButton.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, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -12,7 +12,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 UiSpinner from './UiSpinner.vue'
 
@@ -136,33 +147,29 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  align: { type: null as unknown as PropType<'center' | 'start' | null>, default: 'center' },
-  as: { type: null as unknown as PropType<'button' | 'a' | null>, default: 'button' },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  href: { type: null as unknown as PropType<string | null>, default: null },
-  loading: { type: null as unknown as PropType<boolean | null>, default: false },
-  pending: { type: null as unknown as PropType<boolean | null>, default: false },
-  rel: { type: null as unknown as PropType<string | null>, default: null },
-  shape: { type: null as unknown as PropType<'rounded' | 'pill' | null>, default: 'rounded' },
-  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | 'lg' | null>, default: 'md' },
-  stretch: { type: null as unknown as PropType<boolean | null>, default: false },
-  target: { type: null as unknown as PropType<string | null>, default: null },
+  align: { type: null as unknown as PropType<'center' | 'start' | null> },
+  as: { type: null as unknown as PropType<'button' | 'a' | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  href: { type: null as unknown as PropType<string | null> },
+  loading: { type: null as unknown as PropType<boolean | null> },
+  pending: { type: null as unknown as PropType<boolean | null> },
+  rel: { type: null as unknown as PropType<string | null> },
+  shape: { type: null as unknown as PropType<'rounded' | 'pill' | null> },
+  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | 'lg' | null> },
+  stretch: { type: null as unknown as PropType<boolean | null> },
+  target: { type: null as unknown as PropType<string | null> },
   tone: {
     type: null as unknown as PropType<
       'accent' | 'neutral' | 'danger' | 'success' | 'warning' | 'info' | null
     >,
-    default: 'accent',
-  },
-  type: {
-    type: null as unknown as PropType<'button' | 'submit' | 'reset' | null>,
-    default: 'button',
   },
+  type: { type: null as unknown as PropType<'button' | 'submit' | 'reset' | null> },
   variant: {
     type: null as unknown as PropType<
       'outline' | 'solid' | 'danger' | 'ghost' | 'link' | 'card' | 'field' | null
     >,
-    default: 'outline',
   },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   align: 'center',
@@ -180,106 +187,126 @@ const acceptedProps: Record<string, unknown> = {
   type: 'button',
   variant: 'outline',
 }
-const checkedProps = computed(() => ({
-  align: checkedProp<'center' | 'start'>(
-    props['align'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'align',
-    acceptedProps,
-  ) as 'center' | 'start',
-  as: checkedProp<'button' | 'a'>(
-    props['as'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'as',
-    acceptedProps,
-  ) as 'button' | 'a',
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  href: checkedProp<string>(
-    props['href'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'href',
-    acceptedProps,
-  ),
-  loading: checkedProp<boolean>(
-    props['loading'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'loading',
-    acceptedProps,
-  ) as boolean,
-  pending: checkedProp<boolean>(
-    props['pending'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'pending',
-    acceptedProps,
-  ) as boolean,
-  rel: checkedProp<string>(
-    props['rel'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'rel',
-    acceptedProps,
-  ),
-  shape: checkedProp<'rounded' | 'pill'>(
-    props['shape'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'shape',
-    acceptedProps,
-  ) as 'rounded' | 'pill',
-  size: checkedProp<'xs' | 'sm' | 'md' | 'lg'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'xs' | 'sm' | 'md' | 'lg',
-  stretch: checkedProp<boolean>(
-    props['stretch'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'stretch',
-    acceptedProps,
-  ) as boolean,
-  target: checkedProp<string>(
-    props['target'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'target',
-    acceptedProps,
-  ),
-  tone: checkedProp<'accent' | 'neutral' | 'danger' | 'success' | 'warning' | 'info'>(
-    props['tone'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'tone',
-    acceptedProps,
-  ) as 'accent' | 'neutral' | 'danger' | 'success' | 'warning' | 'info',
-  type: checkedProp<'button' | 'submit' | 'reset'>(
-    props['type'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'type',
-    acceptedProps,
-  ) as 'button' | 'submit' | 'reset',
-  variant: checkedProp<'outline' | 'solid' | 'danger' | 'ghost' | 'link' | 'card' | 'field'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'outline' | 'solid' | 'danger' | 'ghost' | 'link' | 'card' | 'field',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  align: 'center',
+  as: 'button',
+  disabled: false,
+  loading: false,
+  pending: false,
+  shape: 'rounded',
+  size: 'md',
+  stretch: false,
+  tone: 'accent',
+  type: 'button',
+  variant: 'outline',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'align':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'as':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'href':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'loading':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'pending':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'rel':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'shape':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'size':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'stretch':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'target':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'tone':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'type':
+      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 ({
+    align: propInputs.value<'center' | 'start' | null>(
+      'align',
+      props['align'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'center' | 'start',
+    as: propInputs.value<'button' | 'a' | null>('as', props['as'], props[BINDING_INPUTS_PROP]) as
+      | 'button'
+      | 'a',
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    href: propInputs.value<string | null>('href', props['href'], props[BINDING_INPUTS_PROP]),
+    loading: propInputs.value<boolean | null>(
+      'loading',
+      props['loading'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    pending: propInputs.value<boolean | null>(
+      'pending',
+      props['pending'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    rel: propInputs.value<string | null>('rel', props['rel'], props[BINDING_INPUTS_PROP]),
+    shape: propInputs.value<'rounded' | 'pill' | null>(
+      'shape',
+      props['shape'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'rounded' | 'pill',
+    size: propInputs.value<'xs' | 'sm' | 'md' | 'lg' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'xs' | 'sm' | 'md' | 'lg',
+    stretch: propInputs.value<boolean | null>(
+      'stretch',
+      props['stretch'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    target: propInputs.value<string | null>('target', props['target'], props[BINDING_INPUTS_PROP]),
+    tone: propInputs.value<'accent' | 'neutral' | 'danger' | 'success' | 'warning' | 'info' | null>(
+      'tone',
+      props['tone'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'accent' | 'neutral' | 'danger' | 'success' | 'warning' | 'info',
+    type: propInputs.value<'button' | 'submit' | 'reset' | null>(
+      'type',
+      props['type'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'button' | 'submit' | 'reset',
+    variant: propInputs.value<
+      'outline' | 'solid' | 'danger' | 'ghost' | 'link' | 'card' | 'field' | null
+    >('variant', props['variant'], props[BINDING_INPUTS_PROP]) as
+      | 'outline'
+      | 'solid'
+      | 'danger'
+      | 'ghost'
+      | 'link'
+      | 'card'
+      | 'field',
+  })
+})
+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
@@ -607,6 +634,8 @@ useComponentHost(() => import('../components/ui-button/ui-button.js'), {
     definition: './components/ui-button/ui-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/UiCallout.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,25 +7,24 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     heading: {
         type: PropType<string | null>;
-        default: string;
     };
     tone: {
         type: PropType<"info" | "neutral" | "note" | "tip" | "important" | "warning" | "caution" | "success" | "danger" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     heading: {
         type: PropType<string | null>;
-        default: string;
     };
     tone: {
         type: PropType<"info" | "neutral" | "note" | "tip" | "important" | "warning" | "caution" | "success" | "danger" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    tone: "info" | "neutral" | "success" | "warning" | "danger" | "note" | "tip" | "important" | "caution" | null;
-    heading: string | 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/UiCallout.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 })
 
@@ -39,7 +49,7 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  heading: { type: null as unknown as PropType<string | null>, default: '' },
+  heading: { type: null as unknown as PropType<string | null> },
   tone: {
     type: null as unknown as PropType<
       | 'info'
@@ -53,31 +63,64 @@ const props = defineProps({
       | 'danger'
       | null
     >,
-    default: 'info',
   },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { heading: '', tone: 'info' }
-const checkedProps = computed(() => ({
-  heading: checkedProp<string>(
-    props['heading'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'heading',
-    acceptedProps,
-  ) as string,
-  tone: checkedProp<
-    'info' | 'neutral' | 'note' | 'tip' | 'important' | 'warning' | 'caution' | 'success' | 'danger'
-  >(props['tone'], { kind: 'terminal', name: 'keyword' }, false, 'tone', acceptedProps) as
-    | 'info'
-    | 'neutral'
-    | 'note'
-    | 'tip'
-    | 'important'
-    | 'warning'
-    | 'caution'
-    | 'success'
-    | 'danger',
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { heading: '', tone: 'info' },
+  (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)
+      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<
+      | 'info'
+      | 'neutral'
+      | 'note'
+      | 'tip'
+      | 'important'
+      | 'warning'
+      | 'caution'
+      | 'success'
+      | 'danger'
+      | null
+    >('tone', props['tone'], props[BINDING_INPUTS_PROP]) as
+      | 'info'
+      | 'neutral'
+      | 'note'
+      | 'tip'
+      | 'important'
+      | 'warning'
+      | 'caution'
+      | 'success'
+      | '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

package/vue/UiCard.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 = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -12,52 +13,42 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<"div" | "section" | "article" | "aside" | null>;
-        default: string;
     };
     padding: {
         type: PropType<"xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     size: {
         type: PropType<"content" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"neutral" | "accent" | "info" | "success" | "warning" | "danger" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"outlined" | "subtle" | "elevated" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<"div" | "section" | "article" | "aside" | null>;
-        default: string;
     };
     padding: {
         type: PropType<"xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     size: {
         type: PropType<"content" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"neutral" | "accent" | "info" | "success" | "warning" | "danger" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"outlined" | "subtle" | "elevated" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    size: "sm" | "md" | "lg" | "content" | null;
-    tone: "info" | "neutral" | "accent" | "success" | "warning" | "danger" | null;
-    variant: "subtle" | "outlined" | "elevated" | null;
-    as: "article" | "aside" | "div" | "section" | null;
-    padding: "xs" | "sm" | "md" | "lg" | 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;