@teo-garcia/react-shared 0.1.9 → 1.0.0

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

@@ -1,17 +0,0 @@
-import type { EnvironmentAdapter } from '../../types';
-/**
- * Environment adapter for Next.js applications
- * Uses process.env.NODE_ENV for environment detection
- *
- * @example
- * ```tsx
- * import { nextEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={nextEnvironmentAdapter} />
- * }
- * ```
- */
-export declare const nextEnvironmentAdapter: EnvironmentAdapter;
-//# sourceMappingURL=next.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../../src/adapters/environment/next.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB,EAAE,kBAKpC,CAAA"}

package/dist/adapters/environment/next.js

@@ -1,20 +0,0 @@
-/**
- * Environment adapter for Next.js applications
- * Uses process.env.NODE_ENV for environment detection
- *
- * @example
- * ```tsx
- * import { nextEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={nextEnvironmentAdapter} />
- * }
- * ```
- */
-export const nextEnvironmentAdapter = {
-    isDevelopment: () => process.env.NODE_ENV === 'development',
-    isProduction: () => process.env.NODE_ENV === 'production',
-    isServer: () => typeof window === 'undefined',
-    isClient: () => typeof window !== 'undefined',
-};

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

@@ -1,17 +0,0 @@
-import type { EnvironmentAdapter } from '../../types';
-/**
- * Environment adapter for Vite-based applications (React Router, vanilla Vite)
- * Uses import.meta.env for environment detection
- *
- * @example
- * ```tsx
- * import { viteEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={viteEnvironmentAdapter} />
- * }
- * ```
- */
-export declare const viteEnvironmentAdapter: EnvironmentAdapter;
-//# sourceMappingURL=vite.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../../src/adapters/environment/vite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,sBAAsB,EAAE,kBAKpC,CAAA"}

package/dist/adapters/environment/vite.js

@@ -1,20 +0,0 @@
-/**
- * Environment adapter for Vite-based applications (React Router, vanilla Vite)
- * Uses import.meta.env for environment detection
- *
- * @example
- * ```tsx
- * import { viteEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={viteEnvironmentAdapter} />
- * }
- * ```
- */
-export const viteEnvironmentAdapter = {
-    isDevelopment: () => import.meta.env.DEV === true,
-    isProduction: () => import.meta.env.PROD === true,
-    isServer: () => import.meta.env.SSR === true,
-    isClient: () => import.meta.env.SSR !== true,
-};

package/dist/adapters/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Adapters - bridge between different frameworks and our shared components
- *
- * Adapters allow our components to work with different theme libraries,
- * environment detection systems, and other framework-specific APIs
- */
-export * from './environment/index.js';
-export * from './theme/index.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adapters/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA"}

package/dist/adapters/index.js

@@ -1,8 +0,0 @@
-/**
- * Adapters - bridge between different frameworks and our shared components
- *
- * Adapters allow our components to work with different theme libraries,
- * environment detection systems, and other framework-specific APIs
- */
-export * from './environment/index.js';
-export * from './theme/index.js';

package/dist/adapters/theme/custom.d.ts

@@ -1,32 +0,0 @@
-import type { ThemeAdapter, ThemeMode } from '../../types';
-/**
- * Custom theme provider result interface
- * This matches the common pattern of custom theme providers
- */
-interface CustomThemeHook {
-    theme: ThemeMode;
-    setTheme: (theme: ThemeMode) => void;
-}
-/**
- * Factory function to create a theme adapter from a custom theme hook
- * Use this when you have a custom theme provider implementation
- *
- * @param themeHookResult - The result from your custom useTheme hook
- * @returns ThemeAdapter compatible interface
- *
- * @example
- * ```tsx
- * import { createCustomThemeAdapter } from '@teo-garcia/react-shared/adapters/theme'
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- * import { useTheme } from '~/components/theme-provider' // Your custom hook
- *
- * function App() {
- *   const customTheme = useTheme()
- *   const themeAdapter = createCustomThemeAdapter(customTheme)
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- */
-export declare const createCustomThemeAdapter: (themeHookResult: CustomThemeHook) => ThemeAdapter;
-export {};
-//# sourceMappingURL=custom.d.ts.map

package/dist/adapters/theme/custom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../src/adapters/theme/custom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE1D;;;GAGG;AACH,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CACrC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,GAAI,iBAAiB,eAAe,KAAG,YAK3E,CAAA"}

package/dist/adapters/theme/custom.js

@@ -1,26 +0,0 @@
-/**
- * Factory function to create a theme adapter from a custom theme hook
- * Use this when you have a custom theme provider implementation
- *
- * @param themeHookResult - The result from your custom useTheme hook
- * @returns ThemeAdapter compatible interface
- *
- * @example
- * ```tsx
- * import { createCustomThemeAdapter } from '@teo-garcia/react-shared/adapters/theme'
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- * import { useTheme } from '~/components/theme-provider' // Your custom hook
- *
- * function App() {
- *   const customTheme = useTheme()
- *   const themeAdapter = createCustomThemeAdapter(customTheme)
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- */
-export const createCustomThemeAdapter = (themeHookResult) => {
-    return {
-        theme: themeHookResult.theme,
-        setTheme: themeHookResult.setTheme,
-    };
-};

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

@@ -1,6 +0,0 @@
-/**
- * Theme adapters - bridge between different theme libraries and our components
- */
-export { createCustomThemeAdapter } from './custom.js';
-export { useNextThemesAdapter } from './next-themes.js';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/theme/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/adapters/theme/index.js

@@ -1,5 +0,0 @@
-/**
- * Theme adapters - bridge between different theme libraries and our components
- */
-export { createCustomThemeAdapter } from './custom.js';
-export { useNextThemesAdapter } from './next-themes.js';

package/dist/adapters/theme/next-themes.d.ts

@@ -1,18 +0,0 @@
-import type { ThemeAdapter } from '../../types';
-/**
- * Adapter for next-themes library
- * Maps the next-themes useTheme hook to our standard ThemeAdapter interface
- *
- * @example
- * ```tsx
- * import { useNextThemesAdapter } from '@teo-garcia/react-shared/adapters/theme'
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   const themeAdapter = useNextThemesAdapter()
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- */
-export declare const useNextThemesAdapter: () => ThemeAdapter;
-//# sourceMappingURL=next-themes.d.ts.map

package/dist/adapters/theme/next-themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-themes.d.ts","sourceRoot":"","sources":["../../../src/adapters/theme/next-themes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,aAAa,CAAA;AAE1D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,QAAO,YAOvC,CAAA"}

package/dist/adapters/theme/next-themes.js

@@ -1,23 +0,0 @@
-import { useTheme } from 'next-themes';
-/**
- * Adapter for next-themes library
- * Maps the next-themes useTheme hook to our standard ThemeAdapter interface
- *
- * @example
- * ```tsx
- * import { useNextThemesAdapter } from '@teo-garcia/react-shared/adapters/theme'
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- *
- * function App() {
- *   const themeAdapter = useNextThemesAdapter()
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- */
-export const useNextThemesAdapter = () => {
-    const { theme, setTheme } = useTheme();
-    return {
-        theme: (theme ?? 'system'),
-        setTheme: (newTheme) => setTheme(newTheme),
-    };
-};

package/dist/components/theme-switch/index.d.ts

@@ -1,3 +0,0 @@
-export { ThemeSwitch } from './theme-switch.js';
-export type { ThemeSwitchProps } from './theme-switch.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/theme-switch/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme-switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/theme-switch/index.js

@@ -1 +0,0 @@
-export { ThemeSwitch } from './theme-switch.js';

package/dist/components/theme-switch/theme-switch.d.ts

@@ -1,36 +0,0 @@
-import type { ThemeAdapter } from '../../types';
-export interface ThemeSwitchProps {
-    /** Theme adapter that connects to your theme provider */
-    themeAdapter: ThemeAdapter;
-}
-/**
- * ThemeSwitch component - A button that cycles through light, dark, and system themes
- *
- * This component uses the adapter pattern to work with any theme provider.
- * It cycles through themes in the order: light → dark → system → light
- *
- * @example Next.js with next-themes
- * ```tsx
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- * import { useNextThemesAdapter } from '@teo-garcia/react-shared/adapters/theme'
- *
- * function App() {
- *   const themeAdapter = useNextThemesAdapter()
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- *
- * @example React Router with custom theme provider
- * ```tsx
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- * import { createCustomThemeAdapter } from '@teo-garcia/react-shared/adapters/theme'
- * import { useTheme } from '~/components/theme-provider'
- *
- * function App() {
- *   const themeAdapter = createCustomThemeAdapter(useTheme())
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- */
-export declare const ThemeSwitch: ({ themeAdapter }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=theme-switch.d.ts.map

package/dist/components/theme-switch/theme-switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-switch.d.ts","sourceRoot":"","sources":["../../../src/components/theme-switch/theme-switch.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,aAAa,CAAA;AAE1D,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,YAAY,EAAE,YAAY,CAAA;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,WAAW,GAAI,kBAAkB,gBAAgB,4CAuD7D,CAAA"}

package/dist/components/theme-switch/theme-switch.js

@@ -1,74 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Laptop, Moon, Sun } from 'lucide-react';
-/**
- * ThemeSwitch component - A button that cycles through light, dark, and system themes
- *
- * This component uses the adapter pattern to work with any theme provider.
- * It cycles through themes in the order: light → dark → system → light
- *
- * @example Next.js with next-themes
- * ```tsx
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- * import { useNextThemesAdapter } from '@teo-garcia/react-shared/adapters/theme'
- *
- * function App() {
- *   const themeAdapter = useNextThemesAdapter()
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- *
- * @example React Router with custom theme provider
- * ```tsx
- * import { ThemeSwitch } from '@teo-garcia/react-shared/components'
- * import { createCustomThemeAdapter } from '@teo-garcia/react-shared/adapters/theme'
- * import { useTheme } from '~/components/theme-provider'
- *
- * function App() {
- *   const themeAdapter = createCustomThemeAdapter(useTheme())
- *   return <ThemeSwitch themeAdapter={themeAdapter} />
- * }
- * ```
- */
-export const ThemeSwitch = ({ themeAdapter }) => {
-    const { theme, setTheme } = themeAdapter;
-    // Ensure we have a valid theme, default to 'system' if undefined
-    const activeTheme = (theme ?? 'system');
-    /**
-     * Cycles to the next theme in the sequence
-     * light → dark → system → light
-     */
-    const getNextTheme = () => {
-        switch (activeTheme) {
-            case 'light': {
-                return 'dark';
-            }
-            case 'dark': {
-                return 'system';
-            }
-            default: {
-                return 'light';
-            }
-        }
-    };
-    /**
-     * Returns the appropriate icon for the current theme
-     */
-    const getCurrentIcon = () => {
-        switch (activeTheme) {
-            case 'light': {
-                return _jsx(Sun, { className: "size-5" });
-            }
-            case 'dark': {
-                return _jsx(Moon, { className: "size-5" });
-            }
-            default: {
-                return _jsx(Laptop, { className: "size-5" });
-            }
-        }
-    };
-    const handleClick = () => {
-        setTheme(getNextTheme());
-    };
-    return (_jsx("button", { onClick: handleClick, "aria-label": `Theme switcher, current mode: ${activeTheme}`, className: "fixed right-4 top-4 rounded-lg border p-2 md:right-8 md:top-8 transition-colors duration-200 hover:bg-accent hover:text-accent-foreground", title: `Current theme: ${activeTheme}. Click to switch to ${getNextTheme()}`, children: getCurrentIcon() }));
-};

package/dist/components/viewport-info/index.d.ts

@@ -1,3 +0,0 @@
-export { ViewportInfo } from './viewport-info.js';
-export type { ViewportInfoProps } from './viewport-info.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/viewport-info/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/viewport-info/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/viewport-info/index.js

@@ -1 +0,0 @@
-export { ViewportInfo } from './viewport-info.js';

package/dist/components/viewport-info/viewport-info.d.ts

@@ -1,40 +0,0 @@
-import type { EnvironmentAdapter } from '../../types';
-export interface ViewportInfoProps {
-    /** Environment adapter to detect if running in development mode */
-    environmentAdapter: EnvironmentAdapter;
-}
-/**
- * ViewportInfo component - Displays current viewport dimensions and Tailwind breakpoint
- *
- * This component is useful during development to see the current viewport size and
- * which Tailwind breakpoint is active. It automatically hides in production.
- *
- * Features:
- * - Shows viewport width and height in pixels
- * - Displays active Tailwind CSS breakpoint (default, sm, md, lg, xl, 2xl)
- * - Auto-updates on window resize
- * - Only renders in development mode
- * - Fixed position in bottom-right corner
- *
- * @example Next.js
- * ```tsx
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- * import { nextEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={nextEnvironmentAdapter} />
- * }
- * ```
- *
- * @example React Router / Vite
- * ```tsx
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- * import { viteEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={viteEnvironmentAdapter} />
- * }
- * ```
- */
-export declare const ViewportInfo: ({ environmentAdapter }: ViewportInfoProps) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=viewport-info.d.ts.map

package/dist/components/viewport-info/viewport-info.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewport-info.d.ts","sourceRoot":"","sources":["../../../src/components/viewport-info/viewport-info.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,kBAAkB,EAAE,kBAAkB,CAAA;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,YAAY,GAAI,wBAAwB,iBAAiB,mDAmDrE,CAAA"}

package/dist/components/viewport-info/viewport-info.js

@@ -1,69 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RulerIcon } from 'lucide-react';
-import { useEffect, useState } from 'react';
-/**
- * ViewportInfo component - Displays current viewport dimensions and Tailwind breakpoint
- *
- * This component is useful during development to see the current viewport size and
- * which Tailwind breakpoint is active. It automatically hides in production.
- *
- * Features:
- * - Shows viewport width and height in pixels
- * - Displays active Tailwind CSS breakpoint (default, sm, md, lg, xl, 2xl)
- * - Auto-updates on window resize
- * - Only renders in development mode
- * - Fixed position in bottom-right corner
- *
- * @example Next.js
- * ```tsx
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- * import { nextEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={nextEnvironmentAdapter} />
- * }
- * ```
- *
- * @example React Router / Vite
- * ```tsx
- * import { ViewportInfo } from '@teo-garcia/react-shared/components'
- * import { viteEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
- *
- * function App() {
- *   return <ViewportInfo environmentAdapter={viteEnvironmentAdapter} />
- * }
- * ```
- */
-export const ViewportInfo = ({ environmentAdapter }) => {
-    // State to track viewport dimensions
-    const [{ width: viewportWidth, height: viewportHeight }, setViewportSize] = useState(() => ({
-        width: 0,
-        height: 0,
-    }));
-    useEffect(() => {
-        // Guard against SSR - window is not available on the server
-        if (globalThis.window == undefined) {
-            return;
-        }
-        // Handler to update viewport dimensions
-        const handleResize = () => {
-            setViewportSize({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        };
-        // Set initial dimensions
-        handleResize();
-        // Listen for resize events
-        window.addEventListener('resize', handleResize);
-        // Cleanup listener on unmount
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    // Only show in development mode
-    if (!environmentAdapter.isDevelopment())
-        return null;
-    return (_jsxs("aside", { className: "fixed bottom-0 right-0 flex items-center gap-x-1 rounded-l-lg px-4 py-2 bg-primary text-primary-foreground font-semibold", children: [_jsx(RulerIcon, { className: "size-5" }), _jsxs("p", { className: "text-lg flex gap-x-2", children: [viewportWidth, "px - ", viewportHeight, "px -", _jsx("span", { className: "inline sm:hidden font-semibold", children: "default" }), _jsx("span", { className: "hidden sm:inline md:hidden font-semibold", children: "sm" }), _jsx("span", { className: "hidden md:inline lg:hidden font-semibold", children: "md" }), _jsx("span", { className: "hidden lg:inline xl:hidden font-semibold", children: "lg " }), _jsx("span", { className: "hidden xl:inline 2xl:hidden font-semibold", children: "xl" }), _jsx("span", { className: "hidden 2xl:inline font-semibold", children: "2xl" })] })] }));
-};

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

@@ -1,42 +0,0 @@
-export interface UseHealthcheckOptions {
-    /** The healthcheck endpoint URL (default: http://localhost:3000/api/healthcheck) */
-    url?: string;
-    /** Enable/disable the query (default: true) */
-    enabled?: boolean;
-}
-/**
- * useHealthcheck hook - Fetches health status from an API endpoint
- *
- * This hook uses React Query to fetch and cache the health status of your API.
- * It's useful for monitoring if your backend is available and responding.
- *
- * @param options - Configuration options
- * @returns React Query result with health status data
- *
- * @example Basic usage
- * ```tsx
- * import { useHealthcheck } from '@teo-garcia/react-shared/hooks'
- *
- * function HealthStatus() {
- *   const { data, isLoading, error } = useHealthcheck()
- *
- *   if (isLoading) return <div>Checking health...</div>
- *   if (error) return <div>Health check failed</div>
- *   return <div>Status: {data?.status}</div>
- * }
- * ```
- *
- * @example Custom URL
- * ```tsx
- * import { useHealthcheck } from '@teo-garcia/react-shared/hooks'
- *
- * function HealthStatus() {
- *   const { data } = useHealthcheck({
- *     url: 'http://localhost:8080/health'
- *   })
- *   return <div>{data?.status}</div>
- * }
- * ```
- */
-export declare const useHealthcheck: (options?: UseHealthcheckOptions) => import("@tanstack/react-query").UseQueryResult<any, Error>;
-//# sourceMappingURL=use-healthcheck.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-healthcheck.d.ts","sourceRoot":"","sources":["../../src/hooks/use-healthcheck.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,oFAAoF;IACpF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,cAAc,GAAI,UAAS,qBAA0B,+DAkBjE,CAAA"}

package/dist/hooks/use-healthcheck.js

@@ -1,53 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-/**
- * useHealthcheck hook - Fetches health status from an API endpoint
- *
- * This hook uses React Query to fetch and cache the health status of your API.
- * It's useful for monitoring if your backend is available and responding.
- *
- * @param options - Configuration options
- * @returns React Query result with health status data
- *
- * @example Basic usage
- * ```tsx
- * import { useHealthcheck } from '@teo-garcia/react-shared/hooks'
- *
- * function HealthStatus() {
- *   const { data, isLoading, error } = useHealthcheck()
- *
- *   if (isLoading) return <div>Checking health...</div>
- *   if (error) return <div>Health check failed</div>
- *   return <div>Status: {data?.status}</div>
- * }
- * ```
- *
- * @example Custom URL
- * ```tsx
- * import { useHealthcheck } from '@teo-garcia/react-shared/hooks'
- *
- * function HealthStatus() {
- *   const { data } = useHealthcheck({
- *     url: 'http://localhost:8080/health'
- *   })
- *   return <div>{data?.status}</div>
- * }
- * ```
- */
-export const useHealthcheck = (options = {}) => {
-    const { url = 'http://localhost:3000/api/healthcheck', enabled = true } = options;
-    return useQuery({
-        queryKey: ['healthcheck', url],
-        queryFn: async () => {
-            const response = await fetch(url);
-            if (!response.ok) {
-                throw new Error(`Health check failed: ${response.statusText}`);
-            }
-            return await response.json();
-        },
-        enabled,
-        // Refetch every 30 seconds to keep health status fresh
-        refetchInterval: 30000,
-        // Retry failed requests
-        retry: 3,
-    });
-};