@threadlabs/looma 0.30.2 → 0.30.3

package/vue/UiMeter.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, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -15,7 +15,20 @@ import {
   number,
   useReflectedProp,
 } from './host'
-import { checkedProp, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  inputComputed,
+  inputDefault,
+  inputRead,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -110,28 +123,24 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  label: { type: null as unknown as PropType<string | null>, default: '' },
-  max: { type: null as unknown as PropType<number | null>, default: 1 },
+  label: { type: null as unknown as PropType<string | null> },
+  max: { type: null as unknown as PropType<number | null> },
   parts: {
     type: null as unknown as PropType<
       readonly ({ readonly value: number; readonly color: string })[] | null
     >,
-    default: () => [],
   },
-  segments: { type: null as unknown as PropType<number | null>, default: 0 },
-  size: { type: null as unknown as PropType<'sm' | 'md' | null>, default: 'md' },
+  segments: { type: null as unknown as PropType<number | null> },
+  size: { type: null as unknown as PropType<'sm' | 'md' | null> },
   tone: {
     type: null as unknown as PropType<
       'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger' | null
     >,
-    default: 'neutral',
-  },
-  value: { type: null as unknown as PropType<number | null>, default: 0 },
-  valueText: { type: null as unknown as PropType<string | null>, default: '' },
-  variant: {
-    type: null as unknown as PropType<'progress' | 'distribution' | null>,
-    default: 'progress',
   },
+  value: { type: null as unknown as PropType<number | null> },
+  valueText: { type: null as unknown as PropType<string | null> },
+  variant: { type: null as unknown as PropType<'progress' | 'distribution' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = {
   label: '',
@@ -144,134 +153,180 @@ const acceptedProps: Record<string, unknown> = {
   valueText: '',
   variant: 'progress',
 }
-const checkedProps = computed(() => ({
-  label: checkedProp<string>(
-    props['label'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'label',
-    acceptedProps,
-  ) as string,
-  max: checkedProp<number>(
-    props['max'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'max',
-    acceptedProps,
-  ) as number,
-  parts: checkedProp<readonly ({ readonly value: number; readonly color: string })[]>(
-    props['parts'],
-    {
-      kind: 'list',
-      item: {
-        kind: 'object',
-        fields: [{ name: 'value', type: { kind: 'terminal', name: 'number' }, optional: false }, {
-          name: 'color',
-          type: { kind: 'terminal', name: 'string' },
-          optional: false,
-        }],
-        open: false,
-      },
-    },
-    false,
-    'parts',
-    acceptedProps,
-  ) as readonly ({ readonly value: number; readonly color: string })[],
-  segments: checkedProp<number>(
-    props['segments'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'segments',
-    acceptedProps,
-  ) as number,
-  size: checkedProp<'sm' | 'md'>(
-    props['size'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'size',
-    acceptedProps,
-  ) as 'sm' | 'md',
-  tone: checkedProp<'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'>(
-    props['tone'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'tone',
-    acceptedProps,
-  ) as 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger',
-  value: checkedProp<number>(
-    props['value'],
-    { kind: 'terminal', name: 'number' },
-    false,
-    'value',
-    acceptedProps,
-  ) as number,
-  valueText: checkedProp<string>(
-    props['valueText'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'valueText',
-    acceptedProps,
-  ) as string,
-  variant: checkedProp<'progress' | 'distribution'>(
-    props['variant'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'variant',
-    acceptedProps,
-  ) as 'progress' | 'distribution',
-}))
+const inputTracking = vuePropInputs(acceptedProps, {
+  label: '',
+  max: 1,
+  parts: () => [],
+  segments: 0,
+  size: 'md',
+  tone: 'neutral',
+  value: 0,
+  valueText: '',
+  variant: 'progress',
+}, (name, value, source, values) => {
+  switch (name) {
+    case 'label':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+    case 'max':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'parts':
+      return checkPropInput(
+        value,
+        {
+          kind: 'list',
+          item: {
+            kind: 'object',
+            fields: [
+              { name: 'value', type: { kind: 'terminal', name: 'number' }, optional: false },
+              { name: 'color', type: { kind: 'terminal', name: 'string' }, optional: false },
+            ],
+            open: false,
+          },
+        },
+        true,
+        true,
+      )
+    case 'segments':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, 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 'value':
+      return checkPropInput(value, { kind: 'terminal', name: 'number' }, true, true)
+    case 'valueText':
+      return checkPropInput(value, { kind: 'terminal', name: 'string' }, 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 ({
+    label: propInputs.value<string | null>(
+      'label',
+      props['label'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    max: propInputs.value<number | null>('max', props['max'], props[BINDING_INPUTS_PROP]) as number,
+    parts: propInputs.value<readonly ({ readonly value: number; readonly color: string })[] | null>(
+      'parts',
+      props['parts'],
+      props[BINDING_INPUTS_PROP],
+    ) as readonly ({ readonly value: number; readonly color: string })[],
+    segments: propInputs.value<number | null>(
+      'segments',
+      props['segments'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    size: propInputs.value<'sm' | 'md' | null>('size', props['size'], props[BINDING_INPUTS_PROP]) as
+      | 'sm'
+      | 'md',
+    tone: propInputs.value<'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger' | null>(
+      'tone',
+      props['tone'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger',
+    value: propInputs.value<number | null>(
+      'value',
+      props['value'],
+      props[BINDING_INPUTS_PROP],
+    ) as number,
+    valueText: propInputs.value<string | null>(
+      'valueText',
+      props['valueText'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    variant: propInputs.value<'progress' | 'distribution' | null>(
+      'variant',
+      props['variant'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'progress' | 'distribution',
+  })
+})
+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
 })
 const reflectedProp = useReflectedProp()
 
-let amountPrevious: any = null
-const amount = cycleCheckedComputed(() => {
-  const next: any = math('clamp', ['number', 'number', 'number'], [
-    0,
-    checkedProps.value.value,
-    checkedProps.value.max,
-  ]) as number | symbol | undefined
-  if (next === Symbol.for('html-next.invalid-result')) return amountPrevious
-  return amountPrevious = next
-})
+let amountPrevious: number | null = null
+const amount: ReturnType<typeof inputComputed<number | null>> = inputComputed<number | null>(
+  () => {
+    return (math('clamp', ['number', 'number', 'number'], [
+      0,
+      inputRead(checkedProps.value.value, propInputs.status('value')),
+      inputRead(checkedProps.value.max, propInputs.status('max')),
+    ]) as number | symbol | undefined) as any
+  },
+  (read) => {
+    const value = cycleCheckedComputed(read)
+    return { get: () => value.value }
+  },
+  next =>
+    (next as unknown) === Symbol.for('html-next.invalid-result')
+      ? amountPrevious
+      : (amountPrevious = next),
+)
 let percentPrevious: any = null
-const percent = cycleCheckedComputed(() => {
-  const next: any = ((objectValue: any, indexValue: any) =>
-    objectValue === Symbol.for('html-next.invalid-result')
-      || indexValue === Symbol.for('html-next.invalid-result')
-      ? Symbol.for('html-next.invalid-result')
-      : objectValue[indexValue])(
-      {
-        true:
-          number(
-                number(amount.value) === undefined || number(checkedProps.value.max) === undefined
-                  ? undefined
-                  : number(amount.value)! / number(checkedProps.value.max)!,
-              ) === undefined || number(100) === undefined
+const percent: ReturnType<typeof inputComputed<any>> = inputComputed<any>(
+  () => {
+    return ((objectValue: any, indexValue: any) =>
+      objectValue === Symbol.for('html-next.invalid-result')
+        || indexValue === Symbol.for('html-next.invalid-result')
+        ? Symbol.for('html-next.invalid-result')
+        : objectValue[indexValue])(
+        {
+          true:
+            number(
+                  number(inputRead(amount.get(), amount.status())) === undefined
+                    || number(inputRead(checkedProps.value.max, propInputs.status('max')))
+                      === undefined
+                    ? undefined
+                    : number(inputRead(amount.get(), amount.status()))!
+                      / number(inputRead(checkedProps.value.max, propInputs.status('max')))!,
+                ) === undefined || number(100) === undefined
+              ? undefined
+              : decimalMultiply(
+                number(
+                  number(inputRead(amount.get(), amount.status())) === undefined
+                    || number(inputRead(checkedProps.value.max, propInputs.status('max')))
+                      === undefined
+                    ? undefined
+                    : number(inputRead(amount.get(), amount.status()))!
+                      / number(inputRead(checkedProps.value.max, propInputs.status('max')))!,
+                )!,
+                number(100)!,
+              ),
+          false: 0,
+        },
+        concat(
+          number(inputRead(checkedProps.value.max, propInputs.status('max'))) === undefined
+            || number(0) === undefined
             ? undefined
-            : decimalMultiply(
-              number(
-                number(amount.value) === undefined || number(checkedProps.value.max) === undefined
-                  ? undefined
-                  : number(amount.value)! / number(checkedProps.value.max)!,
-              )!,
-              number(100)!,
-            ),
-        false: 0,
-      },
-      concat(
-        number(checkedProps.value.max) === undefined || number(0) === undefined
-          ? undefined
-          : number(checkedProps.value.max)! > number(0)!,
-      ),
-    )
-  if (next === Symbol.for('html-next.invalid-result')) {
-    return percentPrevious
-  }
-  return percentPrevious = next
-})
+            : number(inputRead(checkedProps.value.max, propInputs.status('max')))! > number(0)!,
+        ),
+      ) as any
+  },
+  (read) => {
+    const value = cycleCheckedComputed(read)
+    return { get: () => value.value }
+  },
+  next =>
+    (next as unknown) === Symbol.for('html-next.invalid-result')
+      ? percentPrevious
+      : (percentPrevious = next),
+)
 let guardedPrevious: any = null
 const guarded = computed(() => {
   const candidate: any = ((objectValue: any, indexValue: any) =>
@@ -377,7 +432,7 @@ const guardedBinding3 = computed(() => {
       || indexValue === Symbol.for('html-next.invalid-result')
       ? Symbol.for('html-next.invalid-result')
       : objectValue[indexValue])(
-      { true: null, false: amount.value },
+      { true: null, false: amount.get() },
       concat(checkedProps.value.variant === 'distribution'),
     )
   if (candidate === Symbol.for('html-next.invalid-result')) {
@@ -388,7 +443,7 @@ const guardedBinding3 = computed(() => {
         || indexValue === Symbol.for('html-next.invalid-result')
         ? Symbol.for('html-next.invalid-result')
         : objectValue[indexValue])(
-        { true: null, false: amount.value },
+        { true: null, false: amount.get() },
         concat(checkedProps.value.variant === 'distribution'),
       )) === 'boolean'
     ? String(((objectValue: any, indexValue: any) =>
@@ -396,7 +451,7 @@ const guardedBinding3 = computed(() => {
         || indexValue === Symbol.for('html-next.invalid-result')
         ? Symbol.for('html-next.invalid-result')
         : objectValue[indexValue])(
-        { true: null, false: amount.value },
+        { true: null, false: amount.get() },
         concat(checkedProps.value.variant === 'distribution'),
       ))
     : attribute(((objectValue: any, indexValue: any) =>
@@ -404,7 +459,7 @@ const guardedBinding3 = computed(() => {
         || indexValue === Symbol.for('html-next.invalid-result')
         ? Symbol.for('html-next.invalid-result')
         : objectValue[indexValue])(
-        { true: null, false: amount.value },
+        { true: null, false: amount.get() },
         concat(checkedProps.value.variant === 'distribution'),
       ))
 })
@@ -427,9 +482,9 @@ const guardedBinding4 = computed(() => {
                 const value = {
                   true: checkedProps.value.valueText,
                   false: formatValue(
-                    number(percent.value) === undefined || number(100) === undefined
+                    number(percent.get()) === undefined || number(100) === undefined
                       ? undefined
-                      : number(percent.value)! / number(100)!,
+                      : number(percent.get())! / number(100)!,
                     'number',
                     'format',
                     'percent',
@@ -473,9 +528,9 @@ const guardedBinding4 = computed(() => {
                   const value = {
                     true: checkedProps.value.valueText,
                     false: formatValue(
-                      number(percent.value) === undefined || number(100) === undefined
+                      number(percent.get()) === undefined || number(100) === undefined
                         ? undefined
-                        : number(percent.value)! / number(100)!,
+                        : number(percent.get())! / number(100)!,
                       'number',
                       'format',
                       'percent',
@@ -516,9 +571,9 @@ const guardedBinding4 = computed(() => {
                   const value = {
                     true: checkedProps.value.valueText,
                     false: formatValue(
-                      number(percent.value) === undefined || number(100) === undefined
+                      number(percent.get()) === undefined || number(100) === undefined
                         ? undefined
-                        : number(percent.value)! / number(100)!,
+                        : number(percent.get())! / number(100)!,
                       'number',
                       'format',
                       'percent',
@@ -559,9 +614,9 @@ const guardedBinding4 = computed(() => {
                   const value = {
                     true: checkedProps.value.valueText,
                     false: formatValue(
-                      number(percent.value) === undefined || number(100) === undefined
+                      number(percent.get()) === undefined || number(100) === undefined
                         ? undefined
-                        : number(percent.value)! / number(100)!,
+                        : number(percent.get())! / number(100)!,
                       'number',
                       'format',
                       'percent',
@@ -778,7 +833,7 @@ const guardedBinding6 = computed(() => {
 })
 let guardedBinding7Previous: any = null
 const guardedBinding7 = computed(() => {
-  const candidate: any = concat(percent.value, '%')
+  const candidate: any = concat(percent.get(), '%')
   if (candidate === Symbol.for('html-next.invalid-result')) return guardedBinding7Previous
   return guardedBinding7Previous = candidate
 })

package/vue/UiNavItem.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: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_1) => any;
@@ -20,70 +21,54 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<"button" | "a" | null>;
-        default: string;
     };
     current: {
         type: PropType<"true" | "false" | "page" | "step" | "location" | null>;
-        default: string;
     };
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     href: {
         type: PropType<string | null>;
-        default: null;
     };
     rel: {
         type: PropType<string | null>;
-        default: null;
     };
     target: {
         type: PropType<string | null>;
-        default: null;
     };
     variant: {
         type: PropType<"surface" | "line" | null>;
-        default: string;
+    };
+    "\0htmlNextInputStatus": {
+        type: PropType<InputBindings>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: PropType<"button" | "a" | null>;
-        default: string;
     };
     current: {
         type: PropType<"true" | "false" | "page" | "step" | "location" | null>;
-        default: string;
     };
     density: {
         type: PropType<"comfortable" | "compact" | null>;
-        default: string;
     };
     href: {
         type: PropType<string | null>;
-        default: null;
     };
     rel: {
         type: PropType<string | null>;
-        default: null;
     };
     target: {
         type: PropType<string | null>;
-        default: null;
     };
     variant: {
         type: PropType<"surface" | "line" | null>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    variant: "line" | "surface" | null;
-    current: "true" | "false" | "page" | "step" | "location" | null;
-    as: "a" | "button" | null;
-    href: string | null;
-    rel: string | null;
-    target: string | 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;