From 006f3435d1f462c3df575280a9f185a193f79f56 Mon Sep 17 00:00:00 2001
From: Eugene Kim <eugene02876@gmail.com>
Date: Sun, 2 Jun 2024 03:27:17 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=EB=B2=84=EC=A0=84=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/wow-ui/package.json                  |  2 +-
 packages/wow-ui/src/components/Chip/index.tsx | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/wow-ui/package.json b/packages/wow-ui/package.json
index 96db3d3c..c33f0594 100644
--- a/packages/wow-ui/package.json
+++ b/packages/wow-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wowds-ui",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "description": "",
   "author": "gdsc-hongik",
   "repository": {
diff --git a/packages/wow-ui/src/components/Chip/index.tsx b/packages/wow-ui/src/components/Chip/index.tsx
index 8ecabd0c..1c4c8187 100644
--- a/packages/wow-ui/src/components/Chip/index.tsx
+++ b/packages/wow-ui/src/components/Chip/index.tsx
@@ -24,14 +24,19 @@ import type {
  * @param {ComponentPropsWithRef<T>["ref"]} ref 렌더링된 요소 또는 컴포넌트에 연결할 ref.
  */
 
-export interface ChipProps extends ToggleButtonProps {
+export interface _ChipProps extends ToggleButtonProps {
   label: string;
   onDelete?: () => void;
 }
 
+export type ChipProps<C extends ElementType> = PolymorphicComponentProps<
+  C,
+  _ChipProps
+>;
+
 type ChipComponent = <T extends ElementType = "button">(
-  props: PolymorphicComponentProps<T, ChipProps>
-) => ReactNode | null;
+  props: ChipProps<T>
+) => ReactNode;
 
 const ChipLabel = ({
   label,
@@ -66,7 +71,7 @@ const Chip: ChipComponent & { displayName?: string } = forwardRef(
       defaultChecked = false,
       disabled = false,
       ...rest
-    }: PolymorphicComponentProps<T, ChipProps>,
+    }: ChipProps<T>,
     ref: PolymorphicRef<T>
   ) => {
     const Component = as || "button";
@@ -98,8 +103,6 @@ const Chip: ChipComponent & { displayName?: string } = forwardRef(
 
     return (
       <Component
-        // aria-label={`chip button ${isChecked ? "activated" : "inactivated"}`}
-        data-selected={isChecked}
         ref={ref}
         className={chip({
           clickable: disabled ? false : clickable,
@@ -108,6 +111,8 @@ const Chip: ChipComponent & { displayName?: string } = forwardRef(
         onClick={handleClick}
         // onKeyDown={handleKeyDown}
         {...rest.customStyle}
+        aria-label={`chip button ${isChecked ? "activated" : "inactivated"}`}
+        data-selected={isChecked}
       >
         <ChipLabel disabled={disabled} isChecked={isChecked} label={label} />
       </Component>