From 8eb411c09a642322c65c106bed33a642da4f618d Mon Sep 17 00:00:00 2001
From: belltalion <xogus4026@gmail.com>
Date: Mon, 11 Aug 2025 15:19:18 +0900
Subject: [PATCH 1/3] Fix input on clear

---
 packages/components/src/components/Input/index.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/components/src/components/Input/index.tsx b/packages/components/src/components/Input/index.tsx
index 661a448d..8da3f738 100644
--- a/packages/components/src/components/Input/index.tsx
+++ b/packages/components/src/components/Input/index.tsx
@@ -21,6 +21,7 @@ interface InputProps extends Omit<ComponentProps<'input'>, 'type'> {
     icon?: string
     errorMessage?: string
   }
+  onClear?: () => void
   colors?: {
     primary?: string
     error?: string
@@ -49,6 +50,7 @@ export function Input({
   className,
   classNames,
   ref,
+  onClear,
   ...props
 }: InputProps) {
   const [value, setValue] = useState(defaultValue || '')
@@ -58,6 +60,7 @@ export function Input({
   }
   const handleClear = () => {
     setValue('')
+    onClear?.()
   }
   const clearButtonVisible = value && !disabled && allowClear
 

From 787ebfd54e2fd83b5804d245b572dd420dabce45 Mon Sep 17 00:00:00 2001
From: belltalion <xogus4026@gmail.com>
Date: Mon, 11 Aug 2025 15:30:23 +0900
Subject: [PATCH 2/3] Fix input on clear test

---
 .../components/Input/__tests__/index.browser.test.tsx  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/components/src/components/Input/__tests__/index.browser.test.tsx b/packages/components/src/components/Input/__tests__/index.browser.test.tsx
index 87da4497..63a8dee8 100644
--- a/packages/components/src/components/Input/__tests__/index.browser.test.tsx
+++ b/packages/components/src/components/Input/__tests__/index.browser.test.tsx
@@ -155,6 +155,16 @@ describe('Input', () => {
     })
     expect(onChange).toHaveBeenCalledWith(expect.any(Object))
   })
+
+  it('should call onClear props when click clear button', () => {
+    const onClear = vi.fn()
+    const { container } = render(<Input onClear={onClear} />)
+    fireEvent.change(container.querySelector('input')!, {
+      target: { value: 'test' },
+    })
+    fireEvent.click(container.querySelector('[aria-label="clear-button"]')!)
+    expect(onClear).toHaveBeenCalled()
+  })
 })
 
 describe('Controlled Input', () => {

From 9d7b342c4ede99362d255e2fa34e9e3e61a03fe7 Mon Sep 17 00:00:00 2001
From: belltalion <xogus4026@gmail.com>
Date: Mon, 11 Aug 2025 15:37:22 +0900
Subject: [PATCH 3/3] Add changeset

---
 .changeset/late-plants-bet.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/late-plants-bet.md

diff --git a/.changeset/late-plants-bet.md b/.changeset/late-plants-bet.md
new file mode 100644
index 00000000..0d91b058
--- /dev/null
+++ b/.changeset/late-plants-bet.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/components": patch
+---
+
+Add onClear prop in input component