diff --git a/playground/app/pages/components/pin-input.vue b/playground/app/pages/components/pin-input.vue
index 664c54edb0..539729ed62 100644
--- a/playground/app/pages/components/pin-input.vue
+++ b/playground/app/pages/components/pin-input.vue
@@ -4,7 +4,7 @@ import theme from '#build/ui/pin-input'
 const sizes = Object.keys(theme.variants.size) as Array<keyof typeof theme.variants.size>
 const variants = Object.keys(theme.variants.variant) as Array<keyof typeof theme.variants.variant>
 
-const onComplete = (e: string[]) => {
+const onComplete = (e: string[] | number[]) => {
   console.log(e)
 }
 </script>
diff --git a/src/runtime/components/PinInput.vue b/src/runtime/components/PinInput.vue
index d90e698a2f..210334f205 100644
--- a/src/runtime/components/PinInput.vue
+++ b/src/runtime/components/PinInput.vue
@@ -46,7 +46,7 @@ export type PinInputEmits<T extends PinInputType = 'text'> = PinInputRootEmits<T
 
 </script>
 
-<script setup lang="ts" generic="T extends PinInputType = 'text'">
+<script setup lang="ts" generic="T extends PinInputType">
 import type { ComponentPublicInstance } from 'vue'
 import { ref, computed, onMounted } from 'vue'
 import { PinInputInput, PinInputRoot, useForwardPropsEmits } from 'reka-ui'