@gbgr/react-headless 0.1.0 → 0.1.1

package/dist/accordion/useAccordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAccordion.d.ts","sourceRoot":"","sources":["../../src/accordion/useAccordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEjD,KAAK,oBAAoB,GAAG,MAAM,GAAG,IAAI,CAAA;AACzC,KAAK,sBAAsB,GAAG,MAAM,EAAE,CAAA;AAEtC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,oBAAoB,GAAG,sBAAsB,CAAA;IACrD,YAAY,CAAC,EAAE,oBAAoB,GAAG,sBAAsB,CAAA;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,sBAAsB,KAAK,IAAI,CAAA;IAC9E;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAMD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB;;;;4BAwCvC,MAAM;6BAUN,MAAM,YAAY,OAAO;4BA2BzB,MAAM;4BA2BR,cAAc,UAAU,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAOhE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc;+BAOjD,iBAAiB,UAClB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KAyBhD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,cAAc;+BAO1D,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,UAC9B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAevC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc;EAgB5D"}
+{"version":3,"file":"useAccordion.d.ts","sourceRoot":"","sources":["../../src/accordion/useAccordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEjD,KAAK,oBAAoB,GAAG,MAAM,GAAG,IAAI,CAAA;AACzC,KAAK,sBAAsB,GAAG,MAAM,EAAE,CAAA;AAEtC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,oBAAoB,GAAG,sBAAsB,CAAA;IACrD,YAAY,CAAC,EAAE,oBAAoB,GAAG,sBAAsB,CAAA;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,sBAAsB,KAAK,IAAI,CAAA;IAC9E;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAMD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB;;;;4BAwCvC,MAAM;6BAUN,MAAM,YAAY,OAAO;4BA2BzB,MAAM;4BA2BR,cAAc,UAAU,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAOhE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc;+BAOjD,iBAAiB,UAClB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KA2BhD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,cAAc;+BAO1D,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,UAC9B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAevC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc;EAgB5D"}

package/dist/accordion/useAccordion.js

@@ -8,8 +8,7 @@ export function useAccordion(props) {
     const baseId = React.useId();
     const [uncontrolledSingle, setUncontrolledSingle] = React.useState(typeof defaultValue === "string" ? defaultValue : null);
     const [uncontrolledMultiple, setUncontrolledMultiple] = React.useState(Array.isArray(defaultValue) ? defaultValue : []);
-    const currentValue = value ??
-        (type === "multiple" ? uncontrolledMultiple : uncontrolledSingle);
+    const currentValue = value ?? (type === "multiple" ? uncontrolledMultiple : uncontrolledSingle);
     const setValue = React.useCallback((next) => {
         if (value === undefined) {
             if (type === "multiple") {

package/dist/accordion/useAccordion.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useAccordion.test.d.ts.map

package/dist/accordion/useAccordion.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccordion.test.d.ts","sourceRoot":"","sources":["../../src/accordion/useAccordion.test.ts"],"names":[],"mappings":""}

package/dist/accordion/useAccordion.test.js

@@ -0,0 +1,23 @@
+import { act, renderHook } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { useAccordion } from "./useAccordion";
+describe("useAccordion", () => {
+    it("single 모드에서 collapsible이면 같은 아이템을 다시 누를 때 닫힌다", () => {
+        const { result } = renderHook(() => useAccordion({ type: "single", collapsible: true }));
+        act(() => {
+            result.current.toggleItem("item-a");
+        });
+        expect(result.current.value).toBe("item-a");
+        act(() => {
+            result.current.toggleItem("item-a");
+        });
+        expect(result.current.value).toBeNull();
+    });
+    it("disabled 상태에서는 토글해도 닫힌 상태를 유지한다", () => {
+        const { result } = renderHook(() => useAccordion({ type: "single", disabled: true }));
+        act(() => {
+            result.current.toggleItem("item-a");
+        });
+        expect(result.current.isItemOpen("item-a")).toBe(false);
+    });
+});

package/dist/button/useButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useButton.d.ts","sourceRoot":"","sources":["../../src/button/useButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;AAEtE,KAAK,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEhF,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,MAAM,CACnB,GAAG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC5C,CAAC;AAkBF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc;;;;;;;iCA2EnB,MAAM;+BAER,MAAM,YAAY,OAAO;;;iBA+F5C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,cAAc;EAEpE"}
+{"version":3,"file":"useButton.d.ts","sourceRoot":"","sources":["../../src/button/useButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAA;AAErE,KAAK,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;AAE/E,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,MAAM,CACnB,GAAG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC3C,CAAA;AAkBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc;;;;;;;iCA2EnB,MAAM;+BAER,MAAM,YAAY,OAAO;;;iBA+F5C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,cAAc;EAEpE"}

package/dist/button/useButton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useButton.test.d.ts.map

package/dist/button/useButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useButton.test.d.ts","sourceRoot":"","sources":["../../src/button/useButton.test.ts"],"names":[],"mappings":""}

package/dist/button/useButton.test.js

@@ -0,0 +1,53 @@
+import { act, renderHook } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { useButton } from "./useButton";
+describe("useButton", () => {
+    it("포인터 이벤트에 따라 상태가 전환된다", () => {
+        const { result } = renderHook(() => useButton({}));
+        act(() => {
+            result.current.events.pointerEnter();
+        });
+        expect(result.current.state).toBe("hovered");
+        act(() => {
+            result.current.events.pointerDown(1);
+        });
+        expect(result.current.state).toBe("pressed");
+        act(() => {
+            result.current.events.pointerUp(1, true);
+        });
+        expect(result.current.state).toBe("hovered");
+        act(() => {
+            result.current.events.pointerLeave();
+        });
+        expect(result.current.state).toBe("idle");
+    });
+    it("클릭 시 onPress를 호출한다", () => {
+        const onPress = vi.fn();
+        const { result } = renderHook(() => useButton({ onPress }));
+        const event = {
+            defaultPrevented: false,
+            preventDefault: vi.fn(),
+            stopPropagation: vi.fn(),
+        };
+        act(() => {
+            result.current.buttonProps.onClick?.(event);
+        });
+        expect(onPress).toHaveBeenCalledTimes(1);
+    });
+    it("disabled이면 클릭을 막고 이벤트를 중단한다", () => {
+        const onPress = vi.fn();
+        const { result } = renderHook(() => useButton({ disabled: true, onPress }));
+        const event = {
+            defaultPrevented: false,
+            preventDefault: vi.fn(),
+            stopPropagation: vi.fn(),
+        };
+        act(() => {
+            result.current.buttonProps.onClick?.(event);
+        });
+        expect(onPress).not.toHaveBeenCalled();
+        expect(event.preventDefault).toHaveBeenCalledTimes(1);
+        expect(event.stopPropagation).toHaveBeenCalledTimes(1);
+        expect(result.current.state).toBe("disabled");
+    });
+});

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export type { ButtonPressEvent, UseButtonProps } from "./button/useButton";
-export { useButton } from "./button/useButton";
 export type { AccordionType, UseAccordionProps } from "./accordion/useAccordion";
 export { useAccordion } from "./accordion/useAccordion";
-export type { ModeToggleValue, UseModeToggleProps } from "./mode-toggle/useModeToggle";
+export type { ButtonPressEvent, UseButtonProps } from "./button/useButton";
+export { useButton } from "./button/useButton";
+export type { ModeToggleValue, UseModeToggleProps, } from "./mode-toggle/useModeToggle";
 export { useModeToggle } from "./mode-toggle/useModeToggle";
 export type { UseTextFieldProps } from "./text-field/useTextField";
 export { useTextField } from "./text-field/useTextField";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,YAAY,EACX,eAAe,EACf,kBAAkB,GAClB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/index.js

@@ -1,4 +1,4 @@
-export { useButton } from "./button/useButton";
 export { useAccordion } from "./accordion/useAccordion";
+export { useButton } from "./button/useButton";
 export { useModeToggle } from "./mode-toggle/useModeToggle";
 export { useTextField } from "./text-field/useTextField";

package/dist/index.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.test.d.ts.map

package/dist/index.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../src/index.test.ts"],"names":[],"mappings":""}

package/dist/index.test.js

@@ -0,0 +1,12 @@
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+import { describe, expect, it } from "vitest";
+describe("react-headless 엔트리 export", () => {
+    it("모든 공개 훅 export를 유지한다", () => {
+        const source = readFileSync(resolve(__dirname, "./index.ts"), "utf8");
+        expect(source).toContain('export { useAccordion }');
+        expect(source).toContain('export { useButton }');
+        expect(source).toContain('export { useModeToggle }');
+        expect(source).toContain('export { useTextField }');
+    });
+});

package/dist/internal/composeEventHandlers.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 type Handler<E> = ((event: E) => void) | undefined;
 export declare function composeEventHandlers<E extends React.SyntheticEvent>(originalHandler: Handler<E>, ourHandler: Handler<E>, options?: {
     checkDefaultPrevented?: boolean;

package/dist/internal/composeEventHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../../src/internal/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,cAAc,EAClE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE;IAAE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAE,IAErC,OAAO,CAAC,UAShB"}
+{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../../src/internal/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;AAElD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,cAAc,EAClE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,EACtB,OAAO,CAAC,EAAE;IAAE,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAE,IAErC,OAAO,CAAC,UAShB"}

package/dist/internal/composeEventHandlers.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=composeEventHandlers.test.d.ts.map

package/dist/internal/composeEventHandlers.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeEventHandlers.test.d.ts","sourceRoot":"","sources":["../../src/internal/composeEventHandlers.test.ts"],"names":[],"mappings":""}

package/dist/internal/composeEventHandlers.test.js

@@ -0,0 +1,22 @@
+import { describe, expect, it, vi } from "vitest";
+import { composeEventHandlers } from "./composeEventHandlers";
+describe("composeEventHandlers", () => {
+    it("기본값에서는 defaultPrevented면 내부 핸들러를 호출하지 않는다", () => {
+        const original = vi.fn((event) => {
+            event.defaultPrevented = true;
+        });
+        const ours = vi.fn();
+        const handler = composeEventHandlers(original, ours);
+        handler({ defaultPrevented: false });
+        expect(ours).not.toHaveBeenCalled();
+    });
+    it("checkDefaultPrevented를 false로 주면 항상 내부 핸들러를 호출한다", () => {
+        const original = vi.fn((event) => {
+            event.defaultPrevented = true;
+        });
+        const ours = vi.fn();
+        const handler = composeEventHandlers(original, ours, { checkDefaultPrevented: false });
+        handler({ defaultPrevented: false });
+        expect(ours).toHaveBeenCalledTimes(1);
+    });
+});

package/dist/internal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAAE,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,CAAA"}

package/dist/mode-toggle/useModeToggle.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useModeToggle.test.d.ts.map

package/dist/mode-toggle/useModeToggle.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModeToggle.test.d.ts","sourceRoot":"","sources":["../../src/mode-toggle/useModeToggle.test.ts"],"names":[],"mappings":""}

package/dist/mode-toggle/useModeToggle.test.js

@@ -0,0 +1,42 @@
+import { act, renderHook } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { useModeToggle } from "./useModeToggle";
+describe("useModeToggle", () => {
+    it("기본값 light에서 toggleValue 호출 시 dark로 바뀐다", () => {
+        const { result } = renderHook(() => useModeToggle({ defaultValue: "light" }));
+        expect(result.current.value).toBe("light");
+        act(() => {
+            result.current.toggleValue();
+        });
+        expect(result.current.value).toBe("dark");
+        expect(result.current.buttonProps["aria-checked"]).toBe(true);
+    });
+    it("onClick으로 값이 토글되고 onValueChange가 호출된다", () => {
+        const onValueChange = vi.fn();
+        const { result } = renderHook(() => useModeToggle({ onValueChange }));
+        const event = {
+            defaultPrevented: false,
+            preventDefault: vi.fn(),
+            stopPropagation: vi.fn(),
+        };
+        act(() => {
+            result.current.buttonProps.onClick?.(event);
+        });
+        expect(onValueChange).toHaveBeenCalledWith("dark");
+    });
+    it("disabled면 클릭 토글을 막는다", () => {
+        const onValueChange = vi.fn();
+        const { result } = renderHook(() => useModeToggle({ disabled: true, onValueChange }));
+        const event = {
+            defaultPrevented: false,
+            preventDefault: vi.fn(),
+            stopPropagation: vi.fn(),
+        };
+        act(() => {
+            result.current.buttonProps.onClick?.(event);
+        });
+        expect(onValueChange).not.toHaveBeenCalled();
+        expect(event.preventDefault).toHaveBeenCalledTimes(1);
+        expect(event.stopPropagation).toHaveBeenCalledTimes(1);
+    });
+});

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}

package/dist/test-setup.js

@@ -0,0 +1,5 @@
+import { cleanup } from "@testing-library/react";
+import { afterEach } from "vitest";
+afterEach(() => {
+    cleanup();
+});

package/dist/text-field/useTextField.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useTextField.test.d.ts.map

package/dist/text-field/useTextField.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextField.test.d.ts","sourceRoot":"","sources":["../../src/text-field/useTextField.test.ts"],"names":[],"mappings":""}

package/dist/text-field/useTextField.test.js

@@ -0,0 +1,43 @@
+import { act, renderHook } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { useTextField } from "./useTextField";
+describe("useTextField", () => {
+    it("password 타입은 기본적으로 inputType이 password다", () => {
+        const { result } = renderHook(() => useTextField({ type: "password" }));
+        expect(result.current.isPassword).toBe(true);
+        expect(result.current.isPasswordVisible).toBe(false);
+        expect(result.current.inputType).toBe("password");
+    });
+    it("togglePasswordVisible 호출 시 가시성이 전환된다", () => {
+        const { result } = renderHook(() => useTextField({ type: "password" }));
+        act(() => {
+            result.current.togglePasswordVisible();
+        });
+        expect(result.current.inputType).toBe("text");
+        act(() => {
+            result.current.togglePasswordVisible();
+        });
+        expect(result.current.inputType).toBe("password");
+    });
+    it("disabled이면 비밀번호 가시성 토글을 막는다", () => {
+        const onPasswordVisibleChange = vi.fn();
+        const { result } = renderHook(() => useTextField({
+            type: "password",
+            disabled: true,
+            onPasswordVisibleChange,
+        }));
+        act(() => {
+            result.current.togglePasswordVisible();
+        });
+        expect(result.current.isPasswordVisible).toBe(false);
+        expect(onPasswordVisibleChange).not.toHaveBeenCalled();
+    });
+    it("password가 아닌 타입은 토글해도 타입이 바뀌지 않는다", () => {
+        const { result } = renderHook(() => useTextField({ type: "email" }));
+        act(() => {
+            result.current.togglePasswordVisible();
+        });
+        expect(result.current.isPassword).toBe(false);
+        expect(result.current.inputType).toBe("email");
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gbgr/react-headless",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -8,10 +8,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "default": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
     "./*": "./dist/*"
   },
@@ -32,6 +31,8 @@
   "scripts": {
     "build": "rm -rf dist tsconfig.tsbuildinfo && tsc -b tsconfig.json --force",
     "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "clean": "rm -rf dist tsconfig.tsbuildinfo && find src -type f \\( -name '*.js' -o -name '*.js.map' -o -name '*.d.ts' -o -name '*.d.ts.map' \\) -delete"
   }
 }