@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiText.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: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -26,106 +27,78 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"start" | "center" | null>;
-        default: string;
     };
     as: {
         type: PropType<"p" | "span" | "div" | "small" | "strong" | "label" | "h2" | "h3" | "h4" | "h5" | "h6" | null>;
-        default: string;
     };
     font: {
         type: PropType<"inherit" | "sans" | null>;
-        default: string;
     };
     grow: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     size: {
         type: PropType<"inherit" | "xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"default" | "secondary" | "muted" | "accent" | "danger" | "success" | "info" | "warning" | null>;
-        default: string;
     };
     trim: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     truncate: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     variant: {
         type: PropType<"body" | "eyebrow" | "code" | null>;
-        default: string;
     };
     weight: {
         type: PropType<"inherit" | "normal" | "medium" | "semibold" | null>;
-        default: string;
     };
     wrap: {
         type: PropType<"normal" | "anywhere" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"start" | "center" | null>;
-        default: string;
     };
     as: {
         type: PropType<"p" | "span" | "div" | "small" | "strong" | "label" | "h2" | "h3" | "h4" | "h5" | "h6" | null>;
-        default: string;
     };
     font: {
         type: PropType<"inherit" | "sans" | null>;
-        default: string;
     };
     grow: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     size: {
         type: PropType<"inherit" | "xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"default" | "secondary" | "muted" | "accent" | "danger" | "success" | "info" | "warning" | null>;
-        default: string;
     };
     trim: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     truncate: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     variant: {
         type: PropType<"body" | "eyebrow" | "code" | null>;
-        default: string;
     };
     weight: {
         type: PropType<"inherit" | "normal" | "medium" | "semibold" | null>;
-        default: string;
     };
     wrap: {
         type: PropType<"normal" | "anywhere" | null>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    size: "inherit" | "xs" | "sm" | "md" | "lg" | null;
-    trim: boolean | null;
-    font: "inherit" | "sans" | null;
-    tone: "default" | "secondary" | "muted" | "info" | "accent" | "success" | "warning" | "danger" | null;
-    variant: "code" | "body" | "eyebrow" | null;
-    align: "center" | "start" | null;
-    as: "div" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | null;
-    wrap: "normal" | "anywhere" | null;
-    grow: boolean | null;
-    truncate: boolean | null;
-    weight: "medium" | "inherit" | "normal" | "semibold" | 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/UiText.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, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { checkHydratedRoot, nativeAttrs, preserveRootFocus, 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 })
 
@@ -106,19 +116,15 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  align: { type: null as unknown as PropType<'start' | 'center' | null>, default: 'start' },
+  align: { type: null as unknown as PropType<'start' | 'center' | null> },
   as: {
     type: null as unknown as PropType<
       'p' | 'span' | 'div' | 'small' | 'strong' | 'label' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | null
     >,
-    default: 'p',
-  },
-  font: { type: null as unknown as PropType<'inherit' | 'sans' | null>, default: 'inherit' },
-  grow: { type: null as unknown as PropType<boolean | null>, default: false },
-  size: {
-    type: null as unknown as PropType<'inherit' | 'xs' | 'sm' | 'md' | 'lg' | null>,
-    default: 'inherit',
   },
+  font: { type: null as unknown as PropType<'inherit' | 'sans' | null> },
+  grow: { type: null as unknown as PropType<boolean | null> },
+  size: { type: null as unknown as PropType<'inherit' | 'xs' | 'sm' | 'md' | 'lg' | null> },
   tone: {
     type: null as unknown as PropType<
       | 'default'
@@ -131,19 +137,15 @@ const props = defineProps({
       | 'warning'
       | null
     >,
-    default: 'default',
-  },
-  trim: { type: null as unknown as PropType<boolean | null>, default: false },
-  truncate: { type: null as unknown as PropType<boolean | null>, default: false },
-  variant: {
-    type: null as unknown as PropType<'body' | 'eyebrow' | 'code' | null>,
-    default: 'body',
   },
+  trim: { type: null as unknown as PropType<boolean | null> },
+  truncate: { type: null as unknown as PropType<boolean | null> },
+  variant: { type: null as unknown as PropType<'body' | 'eyebrow' | 'code' | null> },
   weight: {
     type: null as unknown as PropType<'inherit' | 'normal' | 'medium' | 'semibold' | null>,
-    default: 'inherit',
   },
-  wrap: { type: null as unknown as PropType<'normal' | 'anywhere' | null>, default: 'normal' },
+  wrap: { type: null as unknown as PropType<'normal' | 'anywhere' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   align: 'start',
@@ -158,96 +160,137 @@ const acceptedProps: Record<string, unknown> = {
   weight: 'inherit',
   wrap: 'normal',
 }
-const checkedProps = computed(() => ({
-  align: checkedProp<'start' | 'center'>(
-    props['align'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'align',
-    acceptedProps,
-  ) as 'start' | 'center',
-  as: checkedProp<
-    'p' | 'span' | 'div' | 'small' | 'strong' | 'label' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
-  >(props['as'], { kind: 'terminal', name: 'keyword' }, false, 'as', acceptedProps) as
-    | 'p'
-    | 'span'
-    | 'div'
-    | 'small'
-    | 'strong'
-    | 'label'
-    | 'h2'
-    | 'h3'
-    | 'h4'
-    | 'h5'
-    | 'h6',
-  font: checkedProp<'inherit' | 'sans'>(
-    props['font'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'font',
-    acceptedProps,
-  ) as 'inherit' | 'sans',
-  grow: checkedProp<boolean>(
-    props['grow'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'grow',
-    acceptedProps,
-  ) as boolean,
-  size: checkedProp<'inherit' | 'xs' | 'sm' | 'md' | 'lg'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'inherit' | 'xs' | 'sm' | 'md' | 'lg',
-  tone: checkedProp<
-    'default' | 'secondary' | 'muted' | 'accent' | 'danger' | 'success' | 'info' | 'warning'
-  >(props['tone'], { kind: 'terminal', name: 'keyword' }, false, 'tone', acceptedProps) as
-    | 'default'
-    | 'secondary'
-    | 'muted'
-    | 'accent'
-    | 'danger'
-    | 'success'
-    | 'info'
-    | 'warning',
-  trim: checkedProp<boolean>(
-    props['trim'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'trim',
-    acceptedProps,
-  ) as boolean,
-  truncate: checkedProp<boolean>(
-    props['truncate'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'truncate',
-    acceptedProps,
-  ) as boolean,
-  variant: checkedProp<'body' | 'eyebrow' | 'code'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'body' | 'eyebrow' | 'code',
-  weight: checkedProp<'inherit' | 'normal' | 'medium' | 'semibold'>(
-    props['weight'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'weight',
-    acceptedProps,
-  ) as 'inherit' | 'normal' | 'medium' | 'semibold',
-  wrap: checkedProp<'normal' | 'anywhere'>(
-    props['wrap'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'wrap',
-    acceptedProps,
-  ) as 'normal' | 'anywhere',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  align: 'start',
+  as: 'p',
+  font: 'inherit',
+  grow: false,
+  size: 'inherit',
+  tone: 'default',
+  trim: false,
+  truncate: false,
+  variant: 'body',
+  weight: 'inherit',
+  wrap: 'normal',
+}, (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 'font':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'grow':
+      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 'trim':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'truncate':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'variant':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'weight':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'wrap':
+      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<'start' | 'center' | null>(
+      'align',
+      props['align'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'start' | 'center',
+    as: propInputs.value<
+      'p' | 'span' | 'div' | 'small' | 'strong' | 'label' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | null
+    >('as', props['as'], props[BINDING_INPUTS_PROP]) as
+      | 'p'
+      | 'span'
+      | 'div'
+      | 'small'
+      | 'strong'
+      | 'label'
+      | 'h2'
+      | 'h3'
+      | 'h4'
+      | 'h5'
+      | 'h6',
+    font: propInputs.value<'inherit' | 'sans' | null>(
+      'font',
+      props['font'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'inherit' | 'sans',
+    grow: propInputs.value<boolean | null>(
+      'grow',
+      props['grow'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    size: propInputs.value<'inherit' | 'xs' | 'sm' | 'md' | 'lg' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'inherit' | 'xs' | 'sm' | 'md' | 'lg',
+    tone: propInputs.value<
+      | 'default'
+      | 'secondary'
+      | 'muted'
+      | 'accent'
+      | 'danger'
+      | 'success'
+      | 'info'
+      | 'warning'
+      | null
+    >('tone', props['tone'], props[BINDING_INPUTS_PROP]) as
+      | 'default'
+      | 'secondary'
+      | 'muted'
+      | 'accent'
+      | 'danger'
+      | 'success'
+      | 'info'
+      | 'warning',
+    trim: propInputs.value<boolean | null>(
+      'trim',
+      props['trim'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    truncate: propInputs.value<boolean | null>(
+      'truncate',
+      props['truncate'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    variant: propInputs.value<'body' | 'eyebrow' | 'code' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'body' | 'eyebrow' | 'code',
+    weight: propInputs.value<'inherit' | 'normal' | 'medium' | 'semibold' | null>(
+      'weight',
+      props['weight'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'inherit' | 'normal' | 'medium' | 'semibold',
+    wrap: propInputs.value<'normal' | 'anywhere' | null>(
+      'wrap',
+      props['wrap'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'normal' | 'anywhere',
+  })
+})
+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/UiTextarea.d.ts

@@ -1,40 +1,35 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     autosize: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     invalid: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     maxRows: {
         type: PropType<number | null>;
-        default: null;
     };
     readonly: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     required: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     rows: {
         type: PropType<number | null>;
-        default: number;
     };
     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>;
@@ -44,55 +39,39 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     autosize: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     invalid: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     maxRows: {
         type: PropType<number | null>;
-        default: null;
     };
     readonly: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     required: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     rows: {
         type: PropType<number | null>;
-        default: number;
     };
     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;
-    rows: number | null;
-    disabled: boolean | null;
-    readonly: boolean | null;
-    maxRows: number | null;
-    autosize: boolean | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;