fix(ui): Input and FieldInput should support number modifer natively

packages/ui/src/components/form/field/field-input.vue

@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<{
   singleLine: true,
 })
 
-const modelValue = defineModel<string>({ required: false })
+const modelValue = defineModel<string | number>({ required: false })
 </script>
 
 <template>
@@ -33,7 +33,14 @@ const modelValue = defineModel<string>({ required: false })
         </div>
       </div>
       <Input
-        v-if="singleLine"
+        v-if="singleLine && props.type === 'number'"
+        v-model.number="modelValue"
+        :type="props.type"
+        :placeholder="props.placeholder"
+        :class="props.inputClass"
+      />
+      <Input
+        v-else-if="singleLine"
         v-model="modelValue"
         :type="props.type"
         :placeholder="props.placeholder"

packages/ui/src/components/form/input/input.vue

@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<{
   theme: 'default',
 })
 
-const modelValue = defineModel<string>({ required: false })
+const modelValue = defineModel<string | number>({ required: false })
 
 const variantClasses: Record<InputVariant, Record<InputTheme, {
   default: string[]
@@ -59,13 +59,26 @@ const variantClasses: Record<InputVariant, Record<InputTheme, {
 </script>
 
 <template>
-  <input
-    v-model="modelValue"
-    :type="props.type || 'text'"
-    :class="[
-      'transition-all duration-200 ease-in-out',
-      'cursor-disabled:not-allowed',
-      ...variantClasses[props.variant][props.theme].default,
-    ]"
-  >
+  <template v-if="props.type === 'number'">
+    <input
+      v-model.number="modelValue"
+      :type="props.type || 'text'"
+      :class="[
+        'transition-all duration-200 ease-in-out',
+        'cursor-disabled:not-allowed',
+        ...variantClasses[props.variant][props.theme].default,
+      ]"
+    >
+  </template>
+  <template v-else>
+    <input
+      v-model="modelValue"
+      :type="props.type || 'text'"
+      :class="[
+        'transition-all duration-200 ease-in-out',
+        'cursor-disabled:not-allowed',
+        ...variantClasses[props.variant][props.theme].default,
+      ]"
+    >
+  </template>
 </template>