From 2ecb81105d4427186a14835d863d503868af52dc Mon Sep 17 00:00:00 2001
From: OfficialDakari <officialdakari1@proton.me>
Date: Thu, 3 Apr 2025 18:07:23 +0500
Subject: [PATCH] some textfield update

---
 dist/src/components/TextField.d.ts | 8 +++++++-
 src/components/TextField.tsx       | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/dist/src/components/TextField.d.ts b/dist/src/components/TextField.d.ts
index f572c36..798079b 100644
--- a/dist/src/components/TextField.d.ts
+++ b/dist/src/components/TextField.d.ts
@@ -1,4 +1,4 @@
-import { default as React, FocusEvent, FormEvent } from 'react';
+import { default as React, FocusEvent, FormEvent, KeyboardEvent, CompositionEvent } from 'react';
 import { MdFilledTextField as MdFilledTextFieldWebComponent } from '@material/web/textfield/filled-text-field';
 import { MdOutlinedTextField as MdOutlinedTextFieldWebComponent } from '@material/web/textfield/outlined-text-field';
 import { AriaProps } from '../types/aria';
@@ -39,4 +39,10 @@ export declare const TextField: React.ForwardRefExoticComponent<AriaProps & {
     onInput?: (e: FormEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
     onFocus?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
     onBlur?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+    onKeyDown?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+    onKeyUp?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+    onKeyPress?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+    onCompositionStart?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+    onCompositionUpdate?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+    onCompositionEnd?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
 } & React.RefAttributes<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>>;
diff --git a/src/components/TextField.tsx b/src/components/TextField.tsx
index 119524b..045e652 100644
--- a/src/components/TextField.tsx
+++ b/src/components/TextField.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef, FocusEvent, FormEvent } from 'react';
+import React, { forwardRef, FocusEvent, FormEvent, KeyboardEvent, CompositionEvent } from 'react';
 import { createComponent } from '@lit/react';
 import { MdFilledTextField as MdFilledTextFieldWebComponent } from '@material/web/textfield/filled-text-field';
 import { MdOutlinedTextField as MdOutlinedTextFieldWebComponent } from '@material/web/textfield/outlined-text-field';
@@ -53,6 +53,12 @@ type TextFieldProps = AriaProps & {
 	onInput?: (e: FormEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
 	onFocus?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
 	onBlur?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+	onKeyDown?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+	onKeyUp?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+	onKeyPress?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+	onCompositionStart?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+	onCompositionUpdate?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
+	onCompositionEnd?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
 };
 
 type FilledTextFieldProps = TextFieldProps & {