@teo-garcia/react-shared 0.1.9 → 1.0.0

package/README.md

@@ -81,10 +81,7 @@ export function HealthStatus() {
 ### Utilities
 
 ```tsx
-import {
-  isClient,
-  isDevelopment,
-} from '@teo-garcia/react-shared/utils'
+import { isClient, isDevelopment } from '@teo-garcia/react-shared/utils'
 
 if (isDevelopment()) {
   console.log('Running in dev mode')
@@ -108,13 +105,13 @@ export function App() {
 
 ## Exports
 
-| Export | Description |
-| ------ | ----------- |
-| `@teo-garcia/react-shared/components` | Shared React UI components |
-| `@teo-garcia/react-shared/hooks` | Shared React hooks |
-| `@teo-garcia/react-shared/utils` | Framework-agnostic utilities |
-| `@teo-garcia/react-shared/adapters/theme` | Theme adapters |
-| `@teo-garcia/react-shared/adapters/environment` | Environment adapters |
+| Export                                          | Description                  |
+| ----------------------------------------------- | ---------------------------- |
+| `@teo-garcia/react-shared/components`           | Shared React UI components   |
+| `@teo-garcia/react-shared/hooks`                | Shared React hooks           |
+| `@teo-garcia/react-shared/utils`                | Framework-agnostic utilities |
+| `@teo-garcia/react-shared/adapters/theme`       | Theme adapters               |
+| `@teo-garcia/react-shared/adapters/environment` | Environment adapters         |
 
 ## Included APIs
 

package/dist/components/error-boundary/error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC;;;OAGG;IACH,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAOjE,MAAM,IAAI,SAAS;CAwCpB"}
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/components/error-boundary/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAC1C,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAKrC;;;OAGG;IACH,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAOjE,MAAM,IAAI,SAAS;CA0CpB"}

package/dist/components/error-boundary/error-boundary.js

@@ -85,7 +85,7 @@ export class ErrorBoundary extends Component {
                 return fallback;
             }
             // Default fallback UI if none provided
-            return (_jsxs("div", { role: "alert", style: {
+            return (_jsxs("div", { role: 'alert', style: {
                     padding: '20px',
                     margin: '20px',
                     border: '1px solid #f5c6cb',

package/dist/components/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * Components - Reusable React UI components
- */
 export * from './error-boundary/index.js';
-export * from './theme-switch/index.js';
-export * from './viewport-info/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}

package/dist/components/index.js

@@ -1,6 +1 @@
-/**
- * Components - Reusable React UI components
- */
 export * from './error-boundary/index.js';
-export * from './theme-switch/index.js';
-export * from './viewport-info/index.js';

package/dist/hooks/index.d.ts

@@ -1,6 +1,7 @@
-/**
- * Hooks - Reusable React hooks for common functionality
- */
-export { useHealthcheck } from './use-healthcheck.js';
-export type { UseHealthcheckOptions } from './use-healthcheck.js';
+export { useDebounce } from './use-debounce.js';
+export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect.js';
+export { useLocalStorage } from './use-local-storage.js';
+export { useMediaQuery } from './use-media-query.js';
+export { useOnClickOutside } from './use-on-click-outside.js';
+export { usePrevious } from './use-previous.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/hooks/index.js

@@ -1,4 +1,6 @@
-/**
- * Hooks - Reusable React hooks for common functionality
- */
-export { useHealthcheck } from './use-healthcheck.js';
+export { useDebounce } from './use-debounce.js';
+export { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect.js';
+export { useLocalStorage } from './use-local-storage.js';
+export { useMediaQuery } from './use-media-query.js';
+export { useOnClickOutside } from './use-on-click-outside.js';
+export { usePrevious } from './use-previous.js';

package/dist/hooks/use-debounce.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebounce<T>(value: T, delay: number): T;
+//# sourceMappingURL=use-debounce.d.ts.map

package/dist/hooks/use-debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CASzD"}

package/dist/hooks/use-debounce.js

@@ -0,0 +1,9 @@
+import { useEffect, useState } from 'react';
+export function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(timer);
+    }, [value, delay]);
+    return debouncedValue;
+}

package/dist/hooks/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+//# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/dist/hooks/use-isomorphic-layout-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/hooks/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAIlD,eAAO,MAAM,yBAAyB,kBACuB,CAAA"}

package/dist/hooks/use-isomorphic-layout-effect.js

@@ -0,0 +1,4 @@
+import { useEffect, useLayoutEffect } from 'react';
+// useLayoutEffect warns in SSR. This hook silences that by falling back to
+// useEffect on the server where window is not available.
+export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;

package/dist/hooks/use-local-storage.d.ts

@@ -0,0 +1,2 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((prev: T) => T)) => void, () => void];
+//# sourceMappingURL=use-local-storage.d.ts.map

package/dist/hooks/use-local-storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-local-storage.d.ts","sourceRoot":"","sources":["../../src/hooks/use-local-storage.ts"],"names":[],"mappings":"AAYA,wBAAgB,eAAe,CAAC,CAAC,EAC/B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,GACd,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAmCxD"}

package/dist/hooks/use-local-storage.js

@@ -0,0 +1,37 @@
+import { useCallback, useRef, useState } from 'react';
+function readFromStorage(key, fallback) {
+    if (typeof window === 'undefined')
+        return fallback;
+    try {
+        const item = window.localStorage.getItem(key);
+        return item !== null ? JSON.parse(item) : fallback;
+    }
+    catch {
+        return fallback;
+    }
+}
+export function useLocalStorage(key, initialValue) {
+    const initialValueRef = useRef(initialValue);
+    const [storedValue, setStoredValue] = useState(() => readFromStorage(key, initialValueRef.current));
+    const setValue = useCallback((value) => {
+        setStoredValue((prev) => {
+            const next = value instanceof Function ? value(prev) : value;
+            if (typeof window !== 'undefined') {
+                try {
+                    window.localStorage.setItem(key, JSON.stringify(next));
+                }
+                catch (error) {
+                    console.error(`useLocalStorage: failed to write key "${key}"`, error);
+                }
+            }
+            return next;
+        });
+    }, [key]);
+    const removeValue = useCallback(() => {
+        if (typeof window !== 'undefined') {
+            window.localStorage.removeItem(key);
+        }
+        setStoredValue(initialValueRef.current);
+    }, [key]);
+    return [storedValue, setValue, removeValue];
+}

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,2 @@
+export declare function useMediaQuery(query: string): boolean;
+//# sourceMappingURL=use-media-query.d.ts.map

package/dist/hooks/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAkBpD"}

package/dist/hooks/use-media-query.js

@@ -0,0 +1,18 @@
+import { useEffect, useState } from 'react';
+export function useMediaQuery(query) {
+    const [matches, setMatches] = useState(() => {
+        if (typeof window === 'undefined')
+            return false;
+        return window.matchMedia(query).matches;
+    });
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const mql = window.matchMedia(query);
+        setMatches(mql.matches);
+        const handler = (event) => setMatches(event.matches);
+        mql.addEventListener('change', handler);
+        return () => mql.removeEventListener('change', handler);
+    }, [query]);
+    return matches;
+}

package/dist/hooks/use-on-click-outside.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from 'react';
+export declare function useOnClickOutside<T extends HTMLElement>(ref: RefObject<T | null>, handler: (event: MouseEvent | TouchEvent) => void): void;
+//# sourceMappingURL=use-on-click-outside.d.ts.map

package/dist/hooks/use-on-click-outside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-click-outside.d.ts","sourceRoot":"","sources":["../../src/hooks/use-on-click-outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAA;AAEjD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EACrD,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EACxB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,GAChD,IAAI,CAeN"}

package/dist/hooks/use-on-click-outside.js

@@ -0,0 +1,17 @@
+import { useEffect } from 'react';
+export function useOnClickOutside(ref, handler) {
+    useEffect(() => {
+        const listener = (event) => {
+            const el = ref.current;
+            if (!el || el.contains(event.target))
+                return;
+            handler(event);
+        };
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, [ref, handler]);
+}

package/dist/hooks/use-previous.d.ts

@@ -0,0 +1,2 @@
+export declare function usePrevious<T>(value: T): T | undefined;
+//# sourceMappingURL=use-previous.d.ts.map

package/dist/hooks/use-previous.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.d.ts","sourceRoot":"","sources":["../../src/hooks/use-previous.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAQtD"}

package/dist/hooks/use-previous.js

@@ -0,0 +1,8 @@
+import { useEffect, useRef } from 'react';
+export function usePrevious(value) {
+    const ref = useRef(undefined);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}

package/dist/index.d.ts

@@ -1,16 +1,18 @@
 /**
  * @teo-garcia/react-shared
  *
- * Shared React components, hooks, utilities, and adapters for fullstack web templates.
+ * Shared React hooks, utilities, and test helpers for the teo-garcia template portfolio.
  *
- * This package provides framework-agnostic React utilities that work across
- * Next.js, React Router, and other React-based frameworks.
+ * Exports:
+ * - Hooks: useDebounce, useIsomorphicLayoutEffect, useLocalStorage, useMediaQuery, useOnClickOutside, usePrevious
+ * - Components: ErrorBoundary
+ * - Utils: cn (clsx + tailwind-merge)
+ * - Test utilities: createWrapper, renderWithProviders (import from react-shared/test-utils)
  *
  * @packageDocumentation
  */
 export * from './components/index.js';
 export * from './hooks/index.js';
 export * from './utils/index.js';
-export * from './adapters/index.js';
 export * from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,cAAc,uBAAuB,CAAA;AAGrC,cAAc,kBAAkB,CAAA;AAGhC,cAAc,kBAAkB,CAAA;AAGhC,cAAc,qBAAqB,CAAA;AAGnC,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -1,20 +1,17 @@
 /**
  * @teo-garcia/react-shared
  *
- * Shared React components, hooks, utilities, and adapters for fullstack web templates.
+ * Shared React hooks, utilities, and test helpers for the teo-garcia template portfolio.
  *
- * This package provides framework-agnostic React utilities that work across
- * Next.js, React Router, and other React-based frameworks.
+ * Exports:
+ * - Hooks: useDebounce, useIsomorphicLayoutEffect, useLocalStorage, useMediaQuery, useOnClickOutside, usePrevious
+ * - Components: ErrorBoundary
+ * - Utils: cn (clsx + tailwind-merge)
+ * - Test utilities: createWrapper, renderWithProviders (import from react-shared/test-utils)
  *
  * @packageDocumentation
  */
-// Export all components
 export * from './components/index.js';
-// Export all hooks
 export * from './hooks/index.js';
-// Export all utilities
 export * from './utils/index.js';
-// Export all adapters
-export * from './adapters/index.js';
-// Export all types
 export * from './types.js';

package/dist/test-utils/index.d.ts

@@ -0,0 +1,14 @@
+import { QueryClient } from '@tanstack/react-query';
+import { type RenderOptions, type RenderResult } from '@testing-library/react';
+import { type ReactNode } from 'react';
+export interface WrapperOptions {
+    queryClient?: QueryClient;
+}
+export declare function createWrapper(options?: WrapperOptions): ({ children }: {
+    children: ReactNode;
+}) => import("react").FunctionComponentElement<import("@tanstack/react-query").QueryClientProviderProps>;
+export interface RenderWithProvidersOptions extends Omit<RenderOptions, 'wrapper'> {
+    queryClient?: QueryClient;
+}
+export declare function renderWithProviders(ui: React.ReactElement, options?: RenderWithProvidersOptions): RenderResult;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test-utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAA;AACxE,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,wBAAgB,aAAa,CAAC,OAAO,GAAE,cAAmB,IAUhC,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,wGAG9D;AAED,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,KAAK,CAAC,YAAY,EACtB,OAAO,GAAE,0BAA+B,GACvC,YAAY,CAMd"}

package/dist/test-utils/index.js

@@ -0,0 +1,22 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { render, } from '@testing-library/react';
+import { createElement } from 'react';
+export function createWrapper(options = {}) {
+    const client = options.queryClient ??
+        new QueryClient({
+            defaultOptions: {
+                queries: { retry: false, gcTime: 0 },
+                mutations: { retry: false },
+            },
+        });
+    return function Wrapper({ children }) {
+        return createElement(QueryClientProvider, { client }, children);
+    };
+}
+export function renderWithProviders(ui, options = {}) {
+    const { queryClient, ...renderOptions } = options;
+    return render(ui, {
+        wrapper: createWrapper({ queryClient }),
+        ...renderOptions,
+    });
+}

package/dist/types.d.ts

@@ -1,40 +1,6 @@
-/**
- * Theme mode type - represents the three possible theme states
- */
-export type ThemeMode = 'light' | 'dark' | 'system';
-/**
- * ThemeAdapter interface - allows components to work with different theme providers
- * Implementations should map their specific theme library to this interface
- */
-export interface ThemeAdapter {
-    /** Current theme mode */
-    theme: ThemeMode;
-    /** Function to update the theme */
-    setTheme: (theme: ThemeMode) => void;
-}
-/**
- * EnvironmentAdapter interface - abstracts environment detection across frameworks
- * Different frameworks (Next.js vs Vite) use different environment variable systems
- */
-export interface EnvironmentAdapter {
-    /** Check if running in development mode */
-    isDevelopment: () => boolean;
-    /** Check if running in production mode */
-    isProduction?: () => boolean;
-    /** Check if running on server */
-    isServer?: () => boolean;
-    /** Check if running on client */
-    isClient?: () => boolean;
-}
-/**
- * ErrorBoundary fallback render function type
- */
 export interface ErrorBoundaryProps {
-    /** The React children to wrap */
     children: React.ReactNode;
-    /** Optional fallback UI to render on error */
     fallback?: React.ReactNode | ((error: Error) => React.ReactNode);
-    /** Optional callback when an error is caught */
     onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEnD;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CACrC;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,aAAa,EAAE,MAAM,OAAO,CAAA;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,OAAO,CAAA;IAC5B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;IACxB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAChE,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;CAC7D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAChE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;CAC7D"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/utils/cn.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/utils/index.d.ts

@@ -1,6 +1,2 @@
-/**
- * Utilities - Pure functions and helpers
- */
-export * from './environment.js';
-export * from './msw.js';
+export { cn } from './cn.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA"}

package/dist/utils/index.js

@@ -1,5 +1 @@
-/**
- * Utilities - Pure functions and helpers
- */
-export * from './environment.js';
-export * from './msw.js';
+export { cn } from './cn.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@teo-garcia/react-shared",
-  "version": "0.1.9",
-  "description": "Shared React components, hooks, utilities, and adapters for fullstack web templates",
+  "version": "1.0.0",
+  "description": "Shared React hooks, utilities, and test helpers for the teo-garcia template portfolio",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,14 +14,6 @@
       "import": "./dist/components/index.js",
       "types": "./dist/components/index.d.ts"
     },
-    "./components/theme-switch": {
-      "import": "./dist/components/theme-switch/index.js",
-      "types": "./dist/components/theme-switch/index.d.ts"
-    },
-    "./components/viewport-info": {
-      "import": "./dist/components/viewport-info/index.js",
-      "types": "./dist/components/viewport-info/index.d.ts"
-    },
     "./components/error-boundary": {
       "import": "./dist/components/error-boundary/index.js",
       "types": "./dist/components/error-boundary/index.d.ts"
@@ -30,33 +22,41 @@
       "import": "./dist/hooks/index.js",
       "types": "./dist/hooks/index.d.ts"
     },
-    "./hooks/use-healthcheck": {
-      "import": "./dist/hooks/use-healthcheck.js",
-      "types": "./dist/hooks/use-healthcheck.d.ts"
+    "./hooks/use-debounce": {
+      "import": "./dist/hooks/use-debounce.js",
+      "types": "./dist/hooks/use-debounce.d.ts"
     },
-    "./utils": {
-      "import": "./dist/utils/index.js",
-      "types": "./dist/utils/index.d.ts"
+    "./hooks/use-isomorphic-layout-effect": {
+      "import": "./dist/hooks/use-isomorphic-layout-effect.js",
+      "types": "./dist/hooks/use-isomorphic-layout-effect.d.ts"
+    },
+    "./hooks/use-local-storage": {
+      "import": "./dist/hooks/use-local-storage.js",
+      "types": "./dist/hooks/use-local-storage.d.ts"
+    },
+    "./hooks/use-media-query": {
+      "import": "./dist/hooks/use-media-query.js",
+      "types": "./dist/hooks/use-media-query.d.ts"
     },
-    "./utils/environment": {
-      "import": "./dist/utils/environment.js",
-      "types": "./dist/utils/environment.d.ts"
+    "./hooks/use-on-click-outside": {
+      "import": "./dist/hooks/use-on-click-outside.js",
+      "types": "./dist/hooks/use-on-click-outside.d.ts"
     },
-    "./utils/msw": {
-      "import": "./dist/utils/msw.js",
-      "types": "./dist/utils/msw.d.ts"
+    "./hooks/use-previous": {
+      "import": "./dist/hooks/use-previous.js",
+      "types": "./dist/hooks/use-previous.d.ts"
     },
-    "./adapters": {
-      "import": "./dist/adapters/index.js",
-      "types": "./dist/adapters/index.d.ts"
+    "./utils": {
+      "import": "./dist/utils/index.js",
+      "types": "./dist/utils/index.d.ts"
     },
-    "./adapters/theme": {
-      "import": "./dist/adapters/theme/index.js",
-      "types": "./dist/adapters/theme/index.d.ts"
+    "./utils/cn": {
+      "import": "./dist/utils/cn.js",
+      "types": "./dist/utils/cn.d.ts"
     },
-    "./adapters/environment": {
-      "import": "./dist/adapters/environment/index.js",
-      "types": "./dist/adapters/environment/index.d.ts"
+    "./test-utils": {
+      "import": "./dist/test-utils/index.js",
+      "types": "./dist/test-utils/index.d.ts"
     },
     "./types": {
       "import": "./dist/types.js",
@@ -70,13 +70,10 @@
   ],
   "keywords": [
     "react",
-    "components",
     "hooks",
     "utilities",
-    "shared",
-    "typescript",
-    "nextjs",
-    "react-router"
+    "testing",
+    "typescript"
   ],
   "author": "teo-garcia",
   "license": "MIT",
@@ -84,35 +81,53 @@
     "type": "git",
     "url": "git+https://github.com/teo-garcia/react-shared.git"
   },
+  "prettier": "@teo-garcia/prettier-config-shared",
   "packageManager": "pnpm@10.2.0",
   "engines": {
     "node": ">=24"
   },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.0.0"
+  },
   "peerDependencies": {
-    "lucide-react": "^0.400.0",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "@tanstack/react-query": "^5.0.0",
+    "@testing-library/react": "^16.0.0"
   },
   "peerDependenciesMeta": {
-    "lucide-react": {
-      "optional": false
+    "@tanstack/react-query": {
+      "optional": true
+    },
+    "@testing-library/react": {
+      "optional": true
     }
   },
   "devDependencies": {
+    "@teo-garcia/prettier-config-shared": "^0.2.9",
     "@tanstack/react-query": "^5.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.0.0",
     "@types/node": "^24.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "msw": "^2.0.0",
-    "next-themes": "^0.4.0",
+    "@vitejs/plugin-react": "^5.0.4",
+    "happy-dom": "^16.0.0",
     "prettier": "^3.0.0",
-    "typescript": "^5.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.0.0",
+    "vite-tsconfig-paths": "^6.0.0",
+    "vitest": "^4.0.0"
   },
   "scripts": {
-    "build": "tsc",
-    "check": "pnpm format:check && pnpm build",
+    "build": "rm -rf dist && tsc",
+    "check": "pnpm format:check && pnpm build && pnpm test",
+    "coverage": "vitest run --coverage",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
+    "test": "vitest run",
     "prepublishOnly": "pnpm build"
   }
 }

package/dist/adapters/environment/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Environment adapters - abstract environment detection across different frameworks
- */
-export { nextEnvironmentAdapter } from './next.js';
-export { viteEnvironmentAdapter } from './vite.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/adapters/environment/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/environment/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA"}

package/dist/adapters/environment/index.js

@@ -1,5 +0,0 @@
-/**
- * Environment adapters - abstract environment detection across different frameworks
- */
-export { nextEnvironmentAdapter } from './next.js';
-export { viteEnvironmentAdapter } from './vite.js';