@reitwagen/design-components 0.6.2 → 0.6.3

package/dist/components/TextInput/TextInput.d.ts

@@ -2,6 +2,11 @@ import { ComponentPropsWithRef } from "react";
 import { VariantProps } from "class-variance-authority";
 import { inputVariants } from "./TextInput.styles";
 export type TextInputProps = ComponentPropsWithRef<"input"> & VariantProps<typeof inputVariants> & {
+    /**
+     * 입력값의 단위 (예: "km", "원", "%")
+     * 입력 필드 오른쪽에 표시됩니다.
+     */
+    unit?: string;
     /**
      * 클리어 버튼이 표시되는 조건
      * - 'never': 표시 안 함
@@ -10,10 +15,9 @@ export type TextInputProps = ComponentPropsWithRef<"input"> & VariantProps<typeo
      */
     clearButtonMode?: "always" | "while-editing" | "never";
     /**
-     * 입력값의 단위 (예: "km", "원", "%")
-     * 입력 필드 오른쪽에 표시됩니다.
+     * 클리어 버튼 클릭 시 호출되는 콜백 함수
      */
-    unit?: string;
+    onClear?: () => void;
 };
 /**
  * `TextInput`: 텍스트 입력을 위한 기본 컴포넌트입니다. FormControl과 함께 사용하면 label, validation 등의 기능을 자동으로 제공받습니다.
@@ -41,7 +45,7 @@ export type TextInputProps = ComponentPropsWithRef<"input"> & VariantProps<typeo
  * />
  * ```
  */
-export declare function TextInput({ variant, disabled, className, clearButtonMode, unit, value: controlledValue, onChange, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextInput({ variant, disabled, className, clearButtonMode, unit, value: controlledValue, onChange, onClear, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TextInput {
     var displayName: string;
 }

package/dist/components/TextInput/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,qBAAqB,EAKtB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAQnD,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC,OAAO,CAAC,GACzD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,eAAe,GAAG,OAAO,CAAC;IACvD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAiC,EACjC,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CA6GhB;yBAtHe,SAAS"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,qBAAqB,EAKtB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAQnD,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC,OAAO,CAAC,GACzD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,eAAe,GAAG,OAAO,CAAC;IACvD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,eAAiC,EACjC,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,2CA+GhB;yBAzHe,SAAS"}

package/dist/components/TextInput/TextInput.js

@@ -37,7 +37,7 @@ const SPACING = {
  * />
  * ```
  */
-function TextInput({ variant, disabled, className, clearButtonMode = "while-editing", unit, value: controlledValue, onChange, ...props }) {
+function TextInput({ variant, disabled, className, clearButtonMode = "while-editing", unit, value: controlledValue, onChange, onClear, ...props }) {
     const [internalValue, setInternalValue] = (0, react_1.useState)("");
     const [isFocused, setIsFocused] = (0, react_1.useState)(false);
     const [rightContentWidth, setRightContentWidth] = (0, react_1.useState)(0);
@@ -72,6 +72,7 @@ function TextInput({ variant, disabled, className, clearButtonMode = "while-edit
             setInternalValue("");
         }
         onChange?.(syntheticEvent);
+        onClear?.();
     };
     (0, react_1.useEffect)(() => {
         let totalWidth = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reitwagen/design-components",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "sideEffects": [
     "**/*.css"
   ],
@@ -50,8 +50,8 @@
     "ts-node": "^10.9.2",
     "typescript": "5.9.2",
     "@reitwagen/eslint-config": "0.0.0",
-    "@reitwagen/tailwind-config": "0.0.0",
-    "@reitwagen/typescript-config": "0.0.0"
+    "@reitwagen/typescript-config": "0.0.0",
+    "@reitwagen/tailwind-config": "0.0.0"
   },
   "dependencies": {
     "axios": "^1.13.2",