@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiScrollArea.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,52 +7,42 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fill: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     orientation: {
         type: PropType<"vertical" | "horizontal" | null>;
-        default: string;
     };
     padding: {
         type: PropType<"none" | "xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     size: {
         type: PropType<"content" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     trim: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fill: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     orientation: {
         type: PropType<"vertical" | "horizontal" | null>;
-        default: string;
     };
     padding: {
         type: PropType<"none" | "xs" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     size: {
         type: PropType<"content" | "sm" | "md" | "lg" | null>;
-        default: string;
     };
     trim: {
         type: PropType<boolean | null>;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    fill: boolean | null;
-    size: "sm" | "md" | "lg" | "content" | null;
-    trim: boolean | null;
-    padding: "none" | "xs" | "sm" | "md" | "lg" | null;
-    orientation: "vertical" | "horizontal" | 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/UiScrollArea.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, useTemplateRef, 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 })
 
@@ -61,20 +72,12 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  fill: { type: null as unknown as PropType<boolean | null>, default: false },
-  orientation: {
-    type: null as unknown as PropType<'vertical' | 'horizontal' | null>,
-    default: 'vertical',
-  },
-  padding: {
-    type: null as unknown as PropType<'none' | 'xs' | 'sm' | 'md' | 'lg' | null>,
-    default: 'none',
-  },
-  size: {
-    type: null as unknown as PropType<'content' | 'sm' | 'md' | 'lg' | null>,
-    default: 'content',
-  },
-  trim: { type: null as unknown as PropType<boolean | null>, default: false },
+  fill: { type: null as unknown as PropType<boolean | null> },
+  orientation: { type: null as unknown as PropType<'vertical' | 'horizontal' | null> },
+  padding: { type: null as unknown as PropType<'none' | 'xs' | 'sm' | 'md' | 'lg' | null> },
+  size: { type: null as unknown as PropType<'content' | 'sm' | 'md' | 'lg' | null> },
+  trim: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   fill: false,
@@ -83,43 +86,66 @@ const acceptedProps: Record<string, unknown> = {
   size: 'content',
   trim: false,
 }
-const checkedProps = computed(() => ({
-  fill: checkedProp<boolean>(
-    props['fill'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'fill',
-    acceptedProps,
-  ) as boolean,
-  orientation: checkedProp<'vertical' | 'horizontal'>(
-    props['orientation'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'orientation',
-    acceptedProps,
-  ) as 'vertical' | 'horizontal',
-  padding: checkedProp<'none' | 'xs' | 'sm' | 'md' | 'lg'>(
-    props['padding'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'padding',
-    acceptedProps,
-  ) as 'none' | 'xs' | 'sm' | 'md' | 'lg',
-  size: checkedProp<'content' | 'sm' | 'md' | 'lg'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'content' | 'sm' | 'md' | 'lg',
-  trim: checkedProp<boolean>(
-    props['trim'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'trim',
-    acceptedProps,
-  ) as boolean,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  fill: false,
+  orientation: 'vertical',
+  padding: 'none',
+  size: 'content',
+  trim: false,
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'fill':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'orientation':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'padding':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'size':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'trim':
+      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 ({
+    fill: propInputs.value<boolean | null>(
+      'fill',
+      props['fill'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    orientation: propInputs.value<'vertical' | 'horizontal' | null>(
+      'orientation',
+      props['orientation'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'vertical' | 'horizontal',
+    padding: propInputs.value<'none' | 'xs' | 'sm' | 'md' | 'lg' | null>(
+      'padding',
+      props['padding'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'none' | 'xs' | 'sm' | 'md' | 'lg',
+    size: propInputs.value<'content' | 'sm' | 'md' | 'lg' | null>(
+      'size',
+      props['size'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'content' | 'sm' | 'md' | 'lg',
+    trim: propInputs.value<boolean | null>(
+      'trim',
+      props['trim'],
+      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
@@ -157,6 +183,8 @@ useComponentHost(() => import('../components/ui-scroll-area/ui-scroll-area.js'),
     definition: './components/ui-scroll-area/ui-scroll-area.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/UiSearchResultRow.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: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_1) => any;
@@ -14,34 +15,30 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     disabled: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     selected: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
-}>> & Readonly<{}>, {
-    selected: boolean | null;
-    disabled: boolean | null;
-    density: "comfortable" | "compact" | 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/UiSearchResultRow.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 })
 
@@ -37,41 +47,60 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  density: {
-    type: null as unknown as PropType<'comfortable' | 'compact' | null>,
-    default: 'comfortable',
-  },
-  disabled: { type: null as unknown as PropType<boolean | null>, default: false },
-  selected: { type: null as unknown as PropType<boolean | null>, default: false },
+  density: { type: null as unknown as PropType<'comfortable' | 'compact' | null> },
+  disabled: { type: null as unknown as PropType<boolean | null> },
+  selected: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   density: 'comfortable',
   disabled: false,
   selected: false,
 }
-const checkedProps = computed(() => ({
-  density: checkedProp<'comfortable' | 'compact'>(
-    props['density'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'density',
-    acceptedProps,
-  ) as 'comfortable' | 'compact',
-  disabled: checkedProp<boolean>(
-    props['disabled'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'disabled',
-    acceptedProps,
-  ) as boolean,
-  selected: checkedProp<boolean>(
-    props['selected'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'selected',
-    acceptedProps,
-  ) as boolean,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  density: 'comfortable',
+  disabled: false,
+  selected: false,
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'density':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'disabled':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'selected':
+      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 ({
+    density: propInputs.value<'comfortable' | 'compact' | null>(
+      'density',
+      props['density'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'comfortable' | 'compact',
+    disabled: propInputs.value<boolean | null>(
+      'disabled',
+      props['disabled'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    selected: propInputs.value<boolean | null>(
+      'selected',
+      props['selected'],
+      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/UiSearchShell.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 = {} & {
     search?: (props: typeof __VLS_1) => any;
@@ -12,19 +13,18 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dismissible: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     modal: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (event: CustomEvent<{
@@ -36,19 +36,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dismissible: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     modal: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     open: {
         type: PropType<boolean | null>;
-        default: boolean;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>> & Readonly<{
     onClose?: ((event: CustomEvent<{
@@ -57,12 +56,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly trigger: "keyboard" | "pointer" | "programmatic";
     }>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    label: string | null;
-    open: boolean | null;
-    modal: boolean | null;
-    dismissible: 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;

package/vue/UiSearchShell.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, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -10,7 +10,18 @@ import {
   useReflectedProp,
 } from './host'
 import { acceptsControllerWrite } from './props'
-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 })
 
@@ -48,10 +59,11 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  dismissible: { type: null as unknown as PropType<boolean | null>, default: false },
-  label: { type: null as unknown as PropType<string | null>, default: 'Search' },
-  modal: { type: null as unknown as PropType<boolean | null>, default: false },
-  open: { type: null as unknown as PropType<boolean | null>, default: false },
+  dismissible: { type: null as unknown as PropType<boolean | null> },
+  label: { type: null as unknown as PropType<string | null> },
+  modal: { type: null as unknown as PropType<boolean | null> },
+  open: { type: null as unknown as PropType<boolean | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   dismissible: false,
@@ -59,36 +71,58 @@ const acceptedProps: Record<string, unknown> = {
   modal: false,
   open: false,
 }
-const checkedProps = computed(() => ({
-  dismissible: checkedProp<boolean>(
-    props['dismissible'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'dismissible',
-    acceptedProps,
-  ) as boolean,
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-  modal: checkedProp<boolean>(
-    props['modal'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'modal',
-    acceptedProps,
-  ) as boolean,
-  open: checkedProp<boolean>(
-    props['open'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'open',
-    acceptedProps,
-  ) as boolean,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  dismissible: false,
+  label: 'Search',
+  modal: false,
+  open: false,
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'dismissible':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'modal':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'open':
+      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 ({
+    dismissible: propInputs.value<boolean | null>(
+      'dismissible',
+      props['dismissible'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    modal: propInputs.value<boolean | null>(
+      'modal',
+      props['modal'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    open: propInputs.value<boolean | null>(
+      'open',
+      props['open'],
+      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
@@ -142,11 +176,14 @@ useComponentHost(() => import('../components/ui-search-shell/ui-search-shell.js'
       ({ internalOpen: { kind: 'terminal', name: 'boolean' } } as Record<string, any>)[name],
       keys,
     ),
+  initials: { internalOpen: false },
   controllerSource: {
     specifier: '../components/ui-search-shell/ui-search-shell.js',
     definition: './components/ui-search-shell/ui-search-shell.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/UiSection.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: {};
 type __VLS_Slots = {} & {
     description?: (props: typeof __VLS_1) => any;
@@ -10,34 +11,30 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     heading: {
         type: PropType<string | null>;
-        default: string;
     };
     tone: {
         type: PropType<"neutral" | "danger" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"plain" | "card" | "divided" | 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<"neutral" | "danger" | null>;
-        default: string;
     };
     variant: {
         type: PropType<"plain" | "card" | "divided" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    tone: "neutral" | "danger" | null;
-    variant: "card" | "plain" | "divided" | 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;