fix(textinput): onKeyUp/Down not forwarded (#4385)

* fix(textinput): onKeyUp/Down not forwarded

* fix: changeset

* Update .changeset/gorgeous-plants-reflect.md

Co-authored-by: Matthias Prost <[email protected]>

---------

Co-authored-by: Matthias Prost <[email protected]>

Author: vincentaudebert

.changeset/gorgeous-plants-reflect.md

@@ -0,0 +1,6 @@
+---
+"@ultraviolet/form": patch
+"@ultraviolet/ui": patch
+---
+
+Fix <TextInputV2 /> onKeyUp/Down not forwarded

packages/form/src/components/TextInputFieldV2/index.tsx

@@ -61,6 +61,8 @@ export const TextInputField = <
   role,
   'aria-live': ariaLive,
   'aria-atomic': ariaAtomic,
+  onKeyDown,
+  onKeyUp,
 }: TextInputFieldProps<TFieldValues, TFieldName>) => {
   const { getError } = useErrors()
 
@@ -142,6 +144,8 @@ export const TextInputField = <
       role={role}
       aria-live={ariaLive}
       aria-atomic={ariaAtomic}
+      onKeyDown={onKeyDown}
+      onKeyUp={onKeyUp}
     />
   )
 }

packages/ui/src/components/TextInputV2/index.tsx

@@ -179,6 +179,7 @@ type TextInputProps = {
   | 'tabIndex'
   | 'autoComplete'
   | 'onKeyDown'
+  | 'onKeyUp'
   | 'role'
   | 'aria-live'
   | 'aria-atomic'
@@ -227,6 +228,7 @@ export const TextInputV2 = forwardRef<HTMLInputElement, TextInputProps>(
       'aria-label': ariaLabel,
       autoComplete,
       onKeyDown,
+      onKeyUp,
       role,
       'aria-live': ariaLive,
       'aria-atomic': ariaAtomic,
@@ -354,6 +356,7 @@ export const TextInputV2 = forwardRef<HTMLInputElement, TextInputProps>(
                 autoComplete={autoComplete}
                 required={required}
                 onKeyDown={onKeyDown}
+                onKeyUp={onKeyUp}
               />
               {success || error || loading || computedClearable ? (
                 <StateStack direction="row" gap={1} alignItems="center">