@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiBadge.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 = {} & {
     icon?: (props: typeof __VLS_1) => any;
@@ -8,43 +9,36 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     shape: {
         type: PropType<"pill" | "tag" | "dot" | "square" | "circle" | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"neutral" | "accent" | "info" | "success" | "warning" | "danger" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"solid" | "subtle" | "outline" | "inverse" | "overlay" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     shape: {
         type: PropType<"pill" | "tag" | "dot" | "square" | "circle" | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     tone: {
         type: PropType<"neutral" | "accent" | "info" | "success" | "warning" | "danger" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"solid" | "subtle" | "outline" | "inverse" | "overlay" | null>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    size: "xs" | "sm" | "md" | "lg" | null;
-    tone: "info" | "neutral" | "accent" | "success" | "warning" | "danger" | null;
-    shape: "circle" | "dot" | "tag" | "square" | "pill" | null;
-    variant: "solid" | "subtle" | "outline" | "inverse" | "overlay" | 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/UiBadge.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 })
 
@@ -48,23 +58,19 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  shape: {
-    type: null as unknown as PropType<'pill' | 'tag' | 'dot' | 'square' | 'circle' | null>,
-    default: 'pill',
-  },
-  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | 'lg' | null>, default: 'md' },
+  shape: { type: null as unknown as PropType<'pill' | 'tag' | 'dot' | 'square' | 'circle' | null> },
+  size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | 'lg' | null> },
   tone: {
     type: null as unknown as PropType<
       'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger' | null
     >,
-    default: 'neutral',
   },
   variant: {
     type: null as unknown as PropType<
       'solid' | 'subtle' | 'outline' | 'inverse' | 'overlay' | null
     >,
-    default: 'subtle',
   },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   shape: 'pill',
@@ -72,36 +78,58 @@ const acceptedProps: Record<string, unknown> = {
   tone: 'neutral',
   variant: 'subtle',
 }
-const checkedProps = computed(() => ({
-  shape: checkedProp<'pill' | 'tag' | 'dot' | 'square' | 'circle'>(
-    props['shape'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'shape',
-    acceptedProps,
-  ) as 'pill' | 'tag' | 'dot' | 'square' | 'circle',
-  size: checkedProp<'xs' | 'sm' | 'md' | 'lg'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'xs' | 'sm' | 'md' | 'lg',
-  tone: checkedProp<'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'>(
-    props['tone'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'tone',
-    acceptedProps,
-  ) as 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger',
-  variant: checkedProp<'solid' | 'subtle' | 'outline' | 'inverse' | 'overlay'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'solid' | 'subtle' | 'outline' | 'inverse' | 'overlay',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  shape: 'pill',
+  size: 'md',
+  tone: 'neutral',
+  variant: 'subtle',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'shape':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, 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 ({
+    shape: propInputs.value<'pill' | 'tag' | 'dot' | 'square' | 'circle' | null>(
+      'shape',
+      props['shape'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'pill' | 'tag' | 'dot' | 'square' | 'circle',
+    size: propInputs.value<'xs' | 'sm' | 'md' | 'lg' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'xs' | 'sm' | 'md' | 'lg',
+    tone: propInputs.value<'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger' | null>(
+      'tone',
+      props['tone'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger',
+    variant: propInputs.value<'solid' | 'subtle' | 'outline' | 'inverse' | 'overlay' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'solid' | 'subtle' | 'outline' | 'inverse' | 'overlay',
+  })
+})
+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/UiBreadcrumbItem.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,16 +7,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     current: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     current: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
-}>> & Readonly<{}>, {
-    current: 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/UiBreadcrumbItem.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 { attribute, checkHydratedRoot, concat, 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'
 import UiIcon from './UiIcon.vue'
 
 defineOptions({ inheritAttrs: false })
@@ -21,18 +31,41 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  current: { type: null as unknown as PropType<boolean | null>, default: false },
+  current: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { current: false }
-const checkedProps = computed(() => ({
-  current: checkedProp<boolean>(
-    props['current'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'current',
-    acceptedProps,
-  ) as boolean,
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { current: false },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'current':
+        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 ({
+    current: propInputs.value<boolean | null>(
+      'current',
+      props['current'],
+      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

package/vue/UiBreadcrumbs.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,16 +7,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: PropType<string | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: PropType<string | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    label: 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/UiBreadcrumbs.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 })
 
@@ -19,18 +29,41 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  label: { type: null as unknown as PropType<string | null>, default: 'Breadcrumb' },
+  label: { type: null as unknown as PropType<string | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { label: 'Breadcrumb' }
-const checkedProps = computed(() => ({
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { label: 'Breadcrumb' },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'label':
+        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 ({
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+  })
+})
+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/UiButton.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_22: {}, __VLS_24: {}, __VLS_26: {}, __VLS_38: {}, __VLS_40: {}, __VLS_47: {}, __VLS_49: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_6) => any;
@@ -24,133 +25,96 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"center" | "start" | null>;
-        default: string;
     };
     as: {
         type: PropType<"button" | "a" | null>;
-        default: string;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     href: {
         type: PropType<string | null>;
-        default: null;
     };
     loading: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     pending: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     rel: {
         type: PropType<string | null>;
-        default: null;
     };
     shape: {
         type: PropType<"rounded" | "pill" | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     stretch: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     target: {
         type: PropType<string | null>;
-        default: null;
     };
     tone: {
         type: PropType<"accent" | "neutral" | "danger" | "success" | "warning" | "info" | null>;
-        default: string;
     };
     type: {
         type: PropType<"button" | "submit" | "reset" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"outline" | "solid" | "danger" | "ghost" | "link" | "card" | "field" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"center" | "start" | null>;
-        default: string;
     };
     as: {
         type: PropType<"button" | "a" | null>;
-        default: string;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     href: {
         type: PropType<string | null>;
-        default: null;
     };
     loading: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     pending: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     rel: {
         type: PropType<string | null>;
-        default: null;
     };
     shape: {
         type: PropType<"rounded" | "pill" | null>;
-        default: string;
     };
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     stretch: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     target: {
         type: PropType<string | null>;
-        default: null;
     };
     tone: {
         type: PropType<"accent" | "neutral" | "danger" | "success" | "warning" | "info" | null>;
-        default: string;
     };
     type: {
         type: PropType<"button" | "submit" | "reset" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"outline" | "solid" | "danger" | "ghost" | "link" | "card" | "field" | null>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    type: "button" | "reset" | "submit" | null;
-    size: "xs" | "sm" | "md" | "lg" | null;
-    tone: "info" | "neutral" | "accent" | "success" | "warning" | "danger" | null;
-    shape: "pill" | "rounded" | null;
-    variant: "link" | "field" | "danger" | "solid" | "outline" | "ghost" | "card" | null;
-    align: "center" | "start" | null;
-    as: "a" | "button" | null;
-    disabled: boolean | null;
-    href: string | null;
-    loading: boolean | null;
-    pending: boolean | null;
-    rel: string | null;
-    stretch: boolean | null;
-    target: 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;