@teo-garcia/react-shared 0.1.8 → 1.0.0

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.8",
-  "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,33 +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": ">=20"
+    "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",
+    "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';

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