@blastlabs/utils 1.11.1 → 1.12.1

package/dist/hooks/time/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../src/hooks/time/useInterval.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CA0BrE"}

package/dist/hooks/time/useInterval.js

@@ -0,0 +1,61 @@
+import { useEffect, useRef } from 'react';
+/**
+ * 일정 시간 간격으로 콜백을 실행하는 hook
+ * interval을 자동으로 관리하고 컴포넌트 언마운트 시 정리합니다.
+ *
+ * @param callback - 일정 간격으로 실행할 함수
+ * @param delay - 실행 간격 (밀리초)
+ *
+ * @example
+ * // 1초마다 카운터 증가
+ * function TimerComponent() {
+ *   const [count, setCount] = useState(0);
+ *
+ *   useInterval(() => {
+ *     setCount(c => c + 1);
+ *   }, 1000);
+ *
+ *   return <div>Count: {count}</div>;
+ * }
+ *
+ * @example
+ * // delay 변경으로 interval 속도 조절
+ * function AdjustableTimer() {
+ *   const [count, setCount] = useState(0);
+ *   const [delay, setDelay] = useState(1000);
+ *
+ *   useInterval(() => {
+ *     setCount(c => c + 1);
+ *   }, delay);
+ *
+ *   return (
+ *     <div>
+ *       <div>Count: {count}</div>
+ *       <button onClick={() => setDelay(500)}>Speed up</button>
+ *       <button onClick={() => setDelay(2000)}>Slow down</button>
+ *     </div>
+ *   );
+ * }
+ */
+export function useInterval(callback, delay) {
+    const intervalRef = useRef(null);
+    const stopInterval = () => {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+        }
+    };
+    const startInterval = (nextDelay) => {
+        stopInterval();
+        intervalRef.current = setInterval(() => {
+            callback();
+        }, nextDelay);
+    };
+    useEffect(() => {
+        startInterval(delay);
+    }, [delay]);
+    useEffect(() => {
+        return () => {
+            stopInterval();
+        };
+    }, []);
+}

package/dist/hooks/time/useStopwatch.d.ts

@@ -0,0 +1,142 @@
+export interface UseStopwatchOptions {
+    /** 업데이트 간격 (밀리초, 기본값: 10ms) */
+    interval?: number;
+    /** 자동 시작 여부 (기본값: false) */
+    autoStart?: boolean;
+}
+export interface UseStopwatchReturn {
+    /** 경과 시간 (밀리초) */
+    elapsed: number;
+    /** 경과 시간 (초) */
+    elapsedSeconds: number;
+    /** 스톱워치 시작 */
+    start: () => void;
+    /** 스톱워치 일시정지 */
+    pause: () => void;
+    /** 스톱워치 재개 */
+    resume: () => void;
+    /** 스톱워치 리셋 */
+    reset: () => void;
+    /** 스톱워치 실행 중 여부 */
+    isRunning: boolean;
+}
+/**
+ * 스톱워치 hook
+ *
+ * 경과 시간을 측정하는 스톱워치를 제공합니다.
+ *
+ * @example
+ * ```tsx
+ * // 기본 사용
+ * function Stopwatch() {
+ *   const { elapsed, elapsedSeconds, start, pause, reset, isRunning } = useStopwatch();
+ *
+ *   return (
+ *     <div>
+ *       <div>경과 시간: {elapsedSeconds.toFixed(2)}초</div>
+ *       <div>밀리초: {elapsed}ms</div>
+ *       <button onClick={start} disabled={isRunning}>시작</button>
+ *       <button onClick={pause} disabled={!isRunning}>일시정지</button>
+ *       <button onClick={reset}>리셋</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 포맷팅된 시간 표시
+ * function FormattedStopwatch() {
+ *   const { elapsed } = useStopwatch({ autoStart: true });
+ *
+ *   const formatTime = (ms: number) => {
+ *     const seconds = Math.floor(ms / 1000);
+ *     const minutes = Math.floor(seconds / 60);
+ *     const hours = Math.floor(minutes / 60);
+ *
+ *     const displaySeconds = seconds % 60;
+ *     const displayMinutes = minutes % 60;
+ *     const displayMs = ms % 1000;
+ *
+ *     return `${hours.toString().padStart(2, '0')}:${displayMinutes
+ *       .toString()
+ *       .padStart(2, '0')}:${displaySeconds.toString().padStart(2, '0')}.${Math.floor(
+ *       displayMs / 10
+ *     )
+ *       .toString()
+ *       .padStart(2, '0')}`;
+ *   };
+ *
+ *   return <div>{formatTime(elapsed)}</div>;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 랩 타임 기록
+ * function LapTimer() {
+ *   const { elapsed, start, pause, reset, isRunning } = useStopwatch();
+ *   const [laps, setLaps] = useState<number[]>([]);
+ *
+ *   const handleLap = () => {
+ *     setLaps((prev) => [...prev, elapsed]);
+ *   };
+ *
+ *   const handleReset = () => {
+ *     reset();
+ *     setLaps([]);
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <div>경과 시간: {(elapsed / 1000).toFixed(2)}초</div>
+ *       <button onClick={isRunning ? pause : start}>
+ *         {isRunning ? '일시정지' : '시작'}
+ *       </button>
+ *       <button onClick={handleLap} disabled={!isRunning}>
+ *         랩
+ *       </button>
+ *       <button onClick={handleReset}>리셋</button>
+ *
+ *       <div>
+ *         <h3>랩 타임</h3>
+ *         {laps.map((lap, index) => (
+ *           <div key={index}>
+ *             Lap {index + 1}: {(lap / 1000).toFixed(2)}초
+ *           </div>
+ *         ))}
+ *       </div>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 성능 측정
+ * function PerformanceTracker() {
+ *   const { elapsed, start, pause, reset } = useStopwatch();
+ *
+ *   const handleTaskStart = () => {
+ *     reset(); // 이전 측정 리셋
+ *     start(); // 새 측정 시작
+ *     // 작업 수행...
+ *   };
+ *
+ *   const handleTaskEnd = () => {
+ *     pause();
+ *     console.log(`작업 완료 시간: ${elapsed}ms`);
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleTaskStart}>작업 시작</button>
+ *       <button onClick={handleTaskEnd}>작업 완료</button>
+ *       <div>측정 시간: {elapsed}ms</div>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useStopwatch(options?: UseStopwatchOptions): UseStopwatchReturn;
+//# sourceMappingURL=useStopwatch.d.ts.map

package/dist/hooks/time/useStopwatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStopwatch.d.ts","sourceRoot":"","sources":["../../../src/hooks/time/useStopwatch.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,kBAAkB;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc;IACd,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc;IACd,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mBAAmB;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqHG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,kBAAkB,CAqElF"}

package/dist/hooks/time/useStopwatch.js

@@ -0,0 +1,179 @@
+import { useState, useCallback, useRef, useEffect } from 'react';
+/**
+ * 스톱워치 hook
+ *
+ * 경과 시간을 측정하는 스톱워치를 제공합니다.
+ *
+ * @example
+ * ```tsx
+ * // 기본 사용
+ * function Stopwatch() {
+ *   const { elapsed, elapsedSeconds, start, pause, reset, isRunning } = useStopwatch();
+ *
+ *   return (
+ *     <div>
+ *       <div>경과 시간: {elapsedSeconds.toFixed(2)}초</div>
+ *       <div>밀리초: {elapsed}ms</div>
+ *       <button onClick={start} disabled={isRunning}>시작</button>
+ *       <button onClick={pause} disabled={!isRunning}>일시정지</button>
+ *       <button onClick={reset}>리셋</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 포맷팅된 시간 표시
+ * function FormattedStopwatch() {
+ *   const { elapsed } = useStopwatch({ autoStart: true });
+ *
+ *   const formatTime = (ms: number) => {
+ *     const seconds = Math.floor(ms / 1000);
+ *     const minutes = Math.floor(seconds / 60);
+ *     const hours = Math.floor(minutes / 60);
+ *
+ *     const displaySeconds = seconds % 60;
+ *     const displayMinutes = minutes % 60;
+ *     const displayMs = ms % 1000;
+ *
+ *     return `${hours.toString().padStart(2, '0')}:${displayMinutes
+ *       .toString()
+ *       .padStart(2, '0')}:${displaySeconds.toString().padStart(2, '0')}.${Math.floor(
+ *       displayMs / 10
+ *     )
+ *       .toString()
+ *       .padStart(2, '0')}`;
+ *   };
+ *
+ *   return <div>{formatTime(elapsed)}</div>;
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 랩 타임 기록
+ * function LapTimer() {
+ *   const { elapsed, start, pause, reset, isRunning } = useStopwatch();
+ *   const [laps, setLaps] = useState<number[]>([]);
+ *
+ *   const handleLap = () => {
+ *     setLaps((prev) => [...prev, elapsed]);
+ *   };
+ *
+ *   const handleReset = () => {
+ *     reset();
+ *     setLaps([]);
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <div>경과 시간: {(elapsed / 1000).toFixed(2)}초</div>
+ *       <button onClick={isRunning ? pause : start}>
+ *         {isRunning ? '일시정지' : '시작'}
+ *       </button>
+ *       <button onClick={handleLap} disabled={!isRunning}>
+ *         랩
+ *       </button>
+ *       <button onClick={handleReset}>리셋</button>
+ *
+ *       <div>
+ *         <h3>랩 타임</h3>
+ *         {laps.map((lap, index) => (
+ *           <div key={index}>
+ *             Lap {index + 1}: {(lap / 1000).toFixed(2)}초
+ *           </div>
+ *         ))}
+ *       </div>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 성능 측정
+ * function PerformanceTracker() {
+ *   const { elapsed, start, pause, reset } = useStopwatch();
+ *
+ *   const handleTaskStart = () => {
+ *     reset(); // 이전 측정 리셋
+ *     start(); // 새 측정 시작
+ *     // 작업 수행...
+ *   };
+ *
+ *   const handleTaskEnd = () => {
+ *     pause();
+ *     console.log(`작업 완료 시간: ${elapsed}ms`);
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleTaskStart}>작업 시작</button>
+ *       <button onClick={handleTaskEnd}>작업 완료</button>
+ *       <div>측정 시간: {elapsed}ms</div>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function useStopwatch(options = {}) {
+    const { interval = 10, autoStart = false } = options;
+    const [elapsed, setElapsed] = useState(0);
+    const [isRunning, setIsRunning] = useState(autoStart);
+    const intervalRef = useRef(null);
+    const startTimeRef = useRef(null);
+    const previousElapsedRef = useRef(0);
+    const clear = useCallback(() => {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+        }
+    }, []);
+    const start = useCallback(() => {
+        if (!isRunning) {
+            startTimeRef.current = Date.now() - previousElapsedRef.current;
+            setIsRunning(true);
+        }
+    }, [isRunning]);
+    const pause = useCallback(() => {
+        clear();
+        setIsRunning(false);
+        previousElapsedRef.current = elapsed;
+    }, [clear, elapsed]);
+    const resume = useCallback(() => {
+        if (!isRunning) {
+            startTimeRef.current = Date.now() - previousElapsedRef.current;
+            setIsRunning(true);
+        }
+    }, [isRunning]);
+    const reset = useCallback(() => {
+        clear();
+        setElapsed(0);
+        setIsRunning(false);
+        startTimeRef.current = null;
+        previousElapsedRef.current = 0;
+    }, [clear]);
+    useEffect(() => {
+        if (isRunning) {
+            if (startTimeRef.current === null) {
+                startTimeRef.current = Date.now() - previousElapsedRef.current;
+            }
+            intervalRef.current = setInterval(() => {
+                if (startTimeRef.current !== null) {
+                    setElapsed(Date.now() - startTimeRef.current);
+                }
+            }, interval);
+            return () => clear();
+        }
+    }, [isRunning, interval, clear]);
+    return {
+        elapsed,
+        elapsedSeconds: elapsed / 1000,
+        start,
+        pause,
+        resume,
+        reset,
+        isRunning,
+    };
+}

package/dist/hooks/ui/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * UI/UX Hooks
+ */
+export * from './useMediaQuery';
+export * from './useWindowSize';
+export * from './useTabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC"}

package/dist/hooks/ui/index.js

@@ -0,0 +1,6 @@
+/**
+ * UI/UX Hooks
+ */
+export * from './useMediaQuery';
+export * from './useWindowSize';
+export * from './useTabs';

package/dist/hooks/ui/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/useMediaQuery.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CA8CpD;AAED;;GAEG;AAEH;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAEvC"}

package/dist/hooks/ui/useTabs.d.ts

@@ -0,0 +1,33 @@
+type UseTabsOptions = {
+    items: Array<{
+        id: string;
+    }>;
+    defaultTab?: string;
+    syncWithUrl?: boolean;
+    urlParamName?: string;
+};
+type UseTabsReturn = {
+    selectedTab: string;
+    selectedIndex: number;
+    setSelectedTab: (tabId: string) => void;
+    setSelectedIndex: (index: number) => void;
+    getTabId: (index: number) => string | undefined;
+    getTabIndex: (tabId: string) => number;
+};
+/**
+ * 탭 상태 관리 훅
+ * URL 동기화 및 상태 관리 로직을 제공
+ *
+ * @example
+ * ```tsx
+ * const { selectedTab, setSelectedTab, selectedIndex } = useTabs({
+ *   items: tabs,
+ *   defaultTab: 'tab1',
+ *   syncWithUrl: true,
+ *   urlParamName: 'tab'
+ * });
+ * ```
+ */
+export declare function useTabs({ items, defaultTab, syncWithUrl, urlParamName, }: UseTabsOptions): UseTabsReturn;
+export {};
+//# sourceMappingURL=useTabs.d.ts.map

package/dist/hooks/ui/useTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/useTabs.ts"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,UAAU,EACV,WAAmB,EACnB,YAAoB,GACrB,EAAE,cAAc,GAAG,aAAa,CA4GhC"}

package/dist/hooks/ui/useTabs.js

@@ -0,0 +1,117 @@
+'use client';
+import { useState, useEffect, useMemo, useCallback } from 'react';
+/**
+ * 탭 상태 관리 훅
+ * URL 동기화 및 상태 관리 로직을 제공
+ *
+ * @example
+ * ```tsx
+ * const { selectedTab, setSelectedTab, selectedIndex } = useTabs({
+ *   items: tabs,
+ *   defaultTab: 'tab1',
+ *   syncWithUrl: true,
+ *   urlParamName: 'tab'
+ * });
+ * ```
+ */
+export function useTabs({ items, defaultTab, syncWithUrl = false, urlParamName = 'tab', }) {
+    // URL에서 탭 ID 가져오기
+    const getTabFromUrl = useCallback(() => {
+        if (!syncWithUrl || typeof window === 'undefined') {
+            return undefined;
+        }
+        const params = new URLSearchParams(window.location.search);
+        return params.get(urlParamName) || undefined;
+    }, [syncWithUrl, urlParamName]);
+    // 초기 선택된 탭 결정 (우선순위: URL > defaultTab > 첫 번째)
+    const initialSelectedTab = useMemo(() => {
+        if (syncWithUrl) {
+            const urlTab = getTabFromUrl();
+            if (urlTab)
+                return urlTab;
+        }
+        return defaultTab || items[0]?.id || '';
+    }, [syncWithUrl, defaultTab, items, getTabFromUrl]);
+    const [selectedTab, setSelectedTabState] = useState(initialSelectedTab);
+    // 선택된 탭의 인덱스
+    const selectedIndex = useMemo(() => {
+        const index = items.findIndex((item) => item.id === selectedTab);
+        return index >= 0 ? index : 0;
+    }, [items, selectedTab]);
+    // URL 업데이트 함수
+    const updateUrl = (tabId) => {
+        if (!syncWithUrl || typeof window === 'undefined')
+            return;
+        const url = new URL(window.location.href);
+        if (tabId === defaultTab) {
+            // 기본 탭이면 URL에서 제거 (깔끔한 URL 유지)
+            url.searchParams.delete(urlParamName);
+        }
+        else {
+            url.searchParams.set(urlParamName, tabId);
+        }
+        window.history.pushState({}, '', url.toString());
+    };
+    // 탭 ID로 선택
+    const setSelectedTab = (tabId) => {
+        setSelectedTabState(tabId);
+        if (syncWithUrl) {
+            updateUrl(tabId);
+        }
+    };
+    // 인덱스로 선택
+    const setSelectedIndex = (index) => {
+        const tabId = items[index]?.id;
+        if (tabId) {
+            setSelectedTab(tabId);
+        }
+    };
+    // 인덱스로 탭 ID 가져오기
+    const getTabId = (index) => {
+        return items[index]?.id;
+    };
+    // 탭 ID로 인덱스 가져오기
+    const getTabIndex = (tabId) => {
+        return items.findIndex((item) => item.id === tabId);
+    };
+    // 브라우저 뒤로가기/앞으로가기 지원
+    useEffect(() => {
+        if (!syncWithUrl || typeof window === 'undefined')
+            return;
+        const handlePopState = () => {
+            const urlTab = getTabFromUrl();
+            if (urlTab) {
+                setSelectedTabState(urlTab);
+            }
+            else if (defaultTab) {
+                setSelectedTabState(defaultTab);
+            }
+            else if (items[0]?.id) {
+                setSelectedTabState(items[0].id);
+            }
+        };
+        window.addEventListener('popstate', handlePopState);
+        return () => {
+            window.removeEventListener('popstate', handlePopState);
+        };
+    }, [syncWithUrl, defaultTab, items, getTabFromUrl]);
+    // URL 초기 동기화
+    useEffect(() => {
+        if (!syncWithUrl || typeof window === 'undefined')
+            return;
+        const urlTab = getTabFromUrl();
+        if (urlTab && urlTab !== selectedTab) {
+            // URL과 상태가 다를 때만 업데이트 (초기 로드 시)
+            setSelectedTabState(urlTab);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [syncWithUrl, urlParamName]); // 초기 마운트 시에만 실행
+    return {
+        selectedTab,
+        selectedIndex,
+        setSelectedTab,
+        setSelectedIndex,
+        getTabId,
+        getTabIndex,
+    };
+}

package/dist/hooks/ui/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/hooks/ui/useWindowSize.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAoC1C"}

package/dist/index.js

@@ -8,7 +8,7 @@ export * from './string';
 export * from './number';
 // Mock data utilities
 export * from './mock';
-// React Hooks (import separately: 'goodchuck-utils/hooks')
+// React Hooks (import separately: '@blastlabs/utils/hooks')
 // Note: Hooks are not exported from main entry to avoid React dependency for non-React users
 // export * from './hooks';
 // Array utilities (placeholder for future)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blastlabs/utils",
-  "version": "1.11.1",
+  "version": "1.12.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,7 +10,7 @@
   "scripts": {
     "prepare": "npm run build:tsc",
     "prepublishOnly": "npm run test:run && npm run clean && npm run build:tsc",
-    "build": "npm run build",
+    "build": "npm run clean && npm run build:tsc",
     "build:tsc": "tsc",
     "clean": "rm -rf dist",
     "dev": "tsc --watch",
@@ -62,15 +62,22 @@
     "dayjs": "^1.11.19"
   },
   "devDependencies": {
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^25.0.6",
-    "typescript": "^5.9.3",
     "@types/react": "^19.2.8",
     "@vitest/ui": "^4.0.16",
+    "happy-dom": "^20.1.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-hook-form": "^7.71.1",
+    "typescript": "^5.9.3",
     "vitest": "^4.0.16"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react-dom": ">=16.8.0",
+    "react-hook-form": ">=7.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -78,6 +85,9 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
     }
   },
   "publishConfig": {

package/dist/components/dev/IdSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IdSelector.d.ts","sourceRoot":"","sources":["../../../src/components/dev/IdSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,qBAuH3D"}