@threadlabs/looma 0.30.2 → 0.30.4

package/vue/UiSidebar.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.64 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 })
 
@@ -86,15 +97,16 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  breakpoint: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null>, default: 'md' },
-  collapsed: { type: null as unknown as PropType<boolean | null>, default: false },
-  maxWidth: { type: null as unknown as PropType<number | null>, default: 480 },
-  minWidth: { type: null as unknown as PropType<number | null>, default: 200 },
-  resizable: { type: null as unknown as PropType<boolean | null>, default: false },
-  resizeLabel: { type: null as unknown as PropType<string | null>, default: 'Resize sidebar' },
-  resizeStep: { type: null as unknown as PropType<number | null>, default: 16 },
-  side: { type: null as unknown as PropType<'start' | 'end' | null>, default: 'start' },
-  width: { type: null as unknown as PropType<number | null>, default: 0 },
+  breakpoint: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null> },
+  collapsed: { type: null as unknown as PropType<boolean | null> },
+  maxWidth: { type: null as unknown as PropType<number | null> },
+  minWidth: { type: null as unknown as PropType<number | null> },
+  resizable: { type: null as unknown as PropType<boolean | null> },
+  resizeLabel: { type: null as unknown as PropType<string | null> },
+  resizeStep: { type: null as unknown as PropType<number | null> },
+  side: { type: null as unknown as PropType<'start' | 'end' | null> },
+  width: { type: null as unknown as PropType<number | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   breakpoint: 'md',
@@ -107,71 +119,98 @@ const acceptedProps: Record<string, unknown> = {
   side: 'start',
   width: 0,
 }
-const checkedProps = computed(() => ({
-  breakpoint: checkedProp<'sm' | 'md' | 'lg'>(
-    props['breakpoint'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'breakpoint',
-    acceptedProps,
-  ) as 'sm' | 'md' | 'lg',
-  collapsed: checkedProp<boolean>(
-    props['collapsed'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'collapsed',
-    acceptedProps,
-  ) as boolean,
-  maxWidth: checkedProp<number>(
-    props['maxWidth'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'maxWidth',
-    acceptedProps,
-  ) as number,
-  minWidth: checkedProp<number>(
-    props['minWidth'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'minWidth',
-    acceptedProps,
-  ) as number,
-  resizable: checkedProp<boolean>(
-    props['resizable'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'resizable',
-    acceptedProps,
-  ) as boolean,
-  resizeLabel: checkedProp<string>(
-    props['resizeLabel'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'resizeLabel',
-    acceptedProps,
-  ) as string,
-  resizeStep: checkedProp<number>(
-    props['resizeStep'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'resizeStep',
-    acceptedProps,
-  ) as number,
-  side: checkedProp<'start' | 'end'>(
-    props['side'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'side',
-    acceptedProps,
-  ) as 'start' | 'end',
-  width: checkedProp<number>(
-    props['width'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'width',
-    acceptedProps,
-  ) as number,
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  breakpoint: 'md',
+  collapsed: false,
+  maxWidth: 480,
+  minWidth: 200,
+  resizable: false,
+  resizeLabel: 'Resize sidebar',
+  resizeStep: 16,
+  side: 'start',
+  width: 0,
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'breakpoint':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'collapsed':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'maxWidth':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'minWidth':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'resizable':
+      return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+    case 'resizeLabel':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'resizeStep':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'side':
+      return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+    case 'width':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    default:
+      return { ok: false }
+  }
+}, () => {
+  void checkedProps.value
+})
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    breakpoint: propInputs.value<'sm' | 'md' | 'lg' | null>(
+      'breakpoint',
+      props['breakpoint'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'sm' | 'md' | 'lg',
+    collapsed: propInputs.value<boolean | null>(
+      'collapsed',
+      props['collapsed'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    maxWidth: propInputs.value<number | null>(
+      'maxWidth',
+      props['maxWidth'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    minWidth: propInputs.value<number | null>(
+      'minWidth',
+      props['minWidth'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    resizable: propInputs.value<boolean | null>(
+      'resizable',
+      props['resizable'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    resizeLabel: propInputs.value<string | null>(
+      'resizeLabel',
+      props['resizeLabel'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    resizeStep: propInputs.value<number | null>(
+      'resizeStep',
+      props['resizeStep'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    side: propInputs.value<'start' | 'end' | null>(
+      'side',
+      props['side'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'start' | 'end',
+    width: propInputs.value<number | null>(
+      'width',
+      props['width'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+  })
+})
+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
@@ -256,11 +295,14 @@ useComponentHost(() => import('../components/ui-sidebar/ui-sidebar.js'), {
       } as Record<string, any>)[name],
       keys,
     ),
+  initials: { internalCollapsed: false, drawer: false, resizing: false },
   controllerSource: {
     specifier: '../components/ui-sidebar/ui-sidebar.js',
     definition: './components/ui-sidebar/ui-sidebar.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/UiSpinner.d.ts

@@ -1,25 +1,25 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: PropType<string | null>;
-        default: string;
     };
     size: {
         type: PropType<"sm" | "md" | 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;
     };
     size: {
         type: PropType<"sm" | "md" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    label: string | null;
-    size: "sm" | "md" | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/vue/UiSpinner.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.64 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'
 
 defineOptions({ inheritAttrs: false })
 
@@ -28,26 +38,47 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  label: { type: null as unknown as PropType<string | null>, default: '' },
-  size: { type: null as unknown as PropType<'sm' | 'md' | null>, default: 'md' },
+  label: { type: null as unknown as PropType<string | null> },
+  size: { type: null as unknown as PropType<'sm' | 'md' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { label: '', size: 'md' }
-const checkedProps = computed(() => ({
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-  size: checkedProp<'sm' | 'md'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'sm' | 'md',
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { label: '', size: 'md' },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'label':
+        return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+      case 'size':
+        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 ({
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    size: propInputs.value<'sm' | 'md' | null>('size', props['size'], props[BINDING_INPUTS_PROP]) as
+      | 'sm'
+      | 'md',
+  })
+})
+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/UiStack.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<{
     align: {
         type: PropType<"start" | "center" | "end" | "stretch" | null>;
-        default: null;
     };
     fill: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     gap: {
         type: PropType<"none" | "xs" | "s" | "m" | "l" | "xl" | null>;
-        default: null;
     };
     height: {
         type: PropType<number | null>;
-        default: null;
     };
     justify: {
         type: PropType<"start" | "center" | "end" | "between" | null>;
-        default: null;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"start" | "center" | "end" | "stretch" | null>;
-        default: null;
     };
     fill: {
         type: PropType<boolean | null>;
-        default: boolean;
     };
     gap: {
         type: PropType<"none" | "xs" | "s" | "m" | "l" | "xl" | null>;
-        default: null;
     };
     height: {
         type: PropType<number | null>;
-        default: null;
     };
     justify: {
         type: PropType<"start" | "center" | "end" | "between" | null>;
-        default: null;
-    };
-}>> & Readonly<{}>, {
-    fill: boolean | null;
-    height: number | null;
-    align: "center" | "start" | "stretch" | "end" | null;
-    gap: "s" | "none" | "xs" | "m" | "l" | "xl" | null;
-    justify: "center" | "start" | "end" | "between" | 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/UiStack.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.64 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 })
 
@@ -51,20 +61,12 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  align: {
-    type: null as unknown as PropType<'start' | 'center' | 'end' | 'stretch' | null>,
-    default: null,
-  },
-  fill: { type: null as unknown as PropType<boolean | null>, default: false },
-  gap: {
-    type: null as unknown as PropType<'none' | 'xs' | 's' | 'm' | 'l' | 'xl' | null>,
-    default: null,
-  },
-  height: { type: null as unknown as PropType<number | null>, default: null },
-  justify: {
-    type: null as unknown as PropType<'start' | 'center' | 'end' | 'between' | null>,
-    default: null,
-  },
+  align: { type: null as unknown as PropType<'start' | 'center' | 'end' | 'stretch' | null> },
+  fill: { type: null as unknown as PropType<boolean | null> },
+  gap: { type: null as unknown as PropType<'none' | 'xs' | 's' | 'm' | 'l' | 'xl' | null> },
+  height: { type: null as unknown as PropType<number | null> },
+  justify: { type: null as unknown as PropType<'start' | 'center' | 'end' | 'between' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   align: null,
@@ -73,43 +75,61 @@ const acceptedProps: Record<string, unknown> = {
   height: null,
   justify: null,
 }
-const checkedProps = computed(() => ({
-  align: checkedProp<'start' | 'center' | 'end' | 'stretch'>(
-    props['align'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'align',
-    acceptedProps,
-  ),
-  fill: checkedProp<boolean>(
-    props['fill'],
-    { kind: 'terminal', name: 'boolean' },
-    false,
-    'fill',
-    acceptedProps,
-  ) as boolean,
-  gap: checkedProp<'none' | 'xs' | 's' | 'm' | 'l' | 'xl'>(
-    props['gap'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'gap',
-    acceptedProps,
-  ),
-  height: checkedProp<number>(
-    props['height'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'height',
-    acceptedProps,
-  ),
-  justify: checkedProp<'start' | 'center' | 'end' | 'between'>(
-    props['justify'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'justify',
-    acceptedProps,
-  ),
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { fill: false },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'align':
+        return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+      case 'fill':
+        return checkPropInput(value, { kind: 'terminal', name: 'boolean' }, true, true)
+      case 'gap':
+        return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+      case 'height':
+        return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+      case 'justify':
+        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' | 'end' | 'stretch' | null>(
+      'align',
+      props['align'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    fill: propInputs.value<boolean | null>(
+      'fill',
+      props['fill'],
+      props[BINDING_INPUTS_PROP],
+    ) as boolean,
+    gap: propInputs.value<'none' | 'xs' | 's' | 'm' | 'l' | 'xl' | null>(
+      'gap',
+      props['gap'],
+      props[BINDING_INPUTS_PROP],
+    ),
+    height: propInputs.value<number | null>('height', props['height'], props[BINDING_INPUTS_PROP]),
+    justify: propInputs.value<'start' | 'center' | 'end' | 'between' | null>(
+      'justify',
+      props['justify'],
+      props[BINDING_INPUTS_PROP],
+    ),
+  })
+})
+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/UiStatusMessage.d.ts

@@ -1,4 +1,5 @@
 import type { PropType } from 'vue';
+import { type InputBindings } from './props.js';
 declare var __VLS_6: {}, __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
@@ -8,34 +9,30 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     heading: {
         type: PropType<string | null>;
-        default: string;
     };
     kind: {
         type: PropType<"empty" | "loading" | "error" | null>;
-        default: string;
     };
     layout: {
         type: PropType<"inline" | "panel" | "fill" | 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;
     };
     kind: {
         type: PropType<"empty" | "loading" | "error" | null>;
-        default: string;
     };
     layout: {
         type: PropType<"inline" | "panel" | "fill" | null>;
-        default: string;
     };
-}>> & Readonly<{}>, {
-    kind: "error" | "loading" | "empty" | null;
-    heading: string | null;
-    layout: "fill" | "inline" | "panel" | 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;