@teo-garcia/react-shared 0.1.9 → 1.2.0

package/dist/types.d.ts

@@ -1,40 +1,21 @@
-/**
- * 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;
+import type { ComponentType, ReactNode, ErrorInfo } from 'react';
+export interface FallbackProps {
+    error: Error;
+    resetError: () => 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;
+    children: ReactNode;
+    /** A React component receiving `{ error, resetError }` — highest priority fallback */
+    FallbackComponent?: ComponentType<FallbackProps>;
+    /** Render prop receiving `{ error, resetError }` */
+    fallbackRender?: (props: FallbackProps) => ReactNode;
+    /** Static element or function `(error) => ReactNode` — lower priority than the two above */
+    fallback?: ReactNode | ((error: Error) => ReactNode);
+    /** Called after every caught error — use for logging/reporting */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    /** Called whenever the boundary resets */
+    onReset?: () => void;
+    /** When any value in this array changes the boundary resets automatically */
+    resetKeys?: Array<unknown>;
 }
 //# 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,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;IAChD,oDAAoD;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,SAAS,CAAA;IACpD,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAA;IACpD,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IACtD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CAC3B"}

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/format-date.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Thin wrapper around `Intl.DateTimeFormat` with sensible defaults.
+ * Covers the 80% case — reach for `date-fns` for complex scheduling logic.
+ *
+ * @example
+ * formatDate(new Date())                          // "March 22, 2026"
+ * formatDate(new Date(), 'en-US', { dateStyle: 'short' })  // "3/22/26"
+ * formatDate('2026-01-01', 'es-ES')               // "1 de enero de 2026"
+ */
+export declare function formatDate(date: Date | string | number, locale?: string, options?: Intl.DateTimeFormatOptions): string;
+//# sourceMappingURL=format-date.d.ts.map

package/dist/utils/format-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-date.d.ts","sourceRoot":"","sources":["../../src/utils/format-date.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,MAAM,CAAC,EAAE,MAAM,EACf,OAAO,GAAE,IAAI,CAAC,qBAA6C,GAC1D,MAAM,CAER"}

package/dist/utils/format-date.js

@@ -0,0 +1,12 @@
+/**
+ * Thin wrapper around `Intl.DateTimeFormat` with sensible defaults.
+ * Covers the 80% case — reach for `date-fns` for complex scheduling logic.
+ *
+ * @example
+ * formatDate(new Date())                          // "March 22, 2026"
+ * formatDate(new Date(), 'en-US', { dateStyle: 'short' })  // "3/22/26"
+ * formatDate('2026-01-01', 'es-ES')               // "1 de enero de 2026"
+ */
+export function formatDate(date, locale, options = { dateStyle: 'long' }) {
+    return new Intl.DateTimeFormat(locale, options).format(new Date(date));
+}

package/dist/utils/format-number.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Thin wrapper around `Intl.NumberFormat` with sensible defaults.
+ *
+ * @example
+ * formatNumber(1234567)                                      // "1,234,567"
+ * formatNumber(0.1234, 'en-US', { style: 'percent' })       // "12%"
+ * formatNumber(9900, 'en-US', { style: 'currency', currency: 'USD' })  // "$9,900.00"
+ * formatNumber(1200000, 'en-US', { notation: 'compact' })   // "1.2M"
+ */
+export declare function formatNumber(value: number, locale?: string, options?: Intl.NumberFormatOptions): string;
+//# sourceMappingURL=format-number.d.ts.map

package/dist/utils/format-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-number.d.ts","sourceRoot":"","sources":["../../src/utils/format-number.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,GACjC,MAAM,CAER"}

package/dist/utils/format-number.js

@@ -0,0 +1,12 @@
+/**
+ * Thin wrapper around `Intl.NumberFormat` with sensible defaults.
+ *
+ * @example
+ * formatNumber(1234567)                                      // "1,234,567"
+ * formatNumber(0.1234, 'en-US', { style: 'percent' })       // "12%"
+ * formatNumber(9900, 'en-US', { style: 'currency', currency: 'USD' })  // "$9,900.00"
+ * formatNumber(1200000, 'en-US', { notation: 'compact' })   // "1.2M"
+ */
+export function formatNumber(value, locale, options) {
+    return new Intl.NumberFormat(locale, options).format(value);
+}

package/dist/utils/index.d.ts

@@ -1,6 +1,5 @@
-/**
- * Utilities - Pure functions and helpers
- */
-export * from './environment.js';
-export * from './msw.js';
+export { cn } from './cn.js';
+export { formatDate } from './format-date.js';
+export { formatNumber } from './format-number.js';
+export { truncate } from './truncate.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;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA"}

package/dist/utils/index.js

@@ -1,5 +1,4 @@
-/**
- * Utilities - Pure functions and helpers
- */
-export * from './environment.js';
-export * from './msw.js';
+export { cn } from './cn.js';
+export { formatDate } from './format-date.js';
+export { formatNumber } from './format-number.js';
+export { truncate } from './truncate.js';

package/dist/utils/truncate.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Truncates a string to `maxLength` characters, appending `suffix` if truncated.
+ * The total length of the result never exceeds `maxLength`.
+ *
+ * @example
+ * truncate('Hello world', 8)         // "Hello…"
+ * truncate('Short', 10)              // "Short"
+ * truncate('Hello world', 8, '...')  // "Hello..."
+ */
+export declare function truncate(str: string, maxLength: number, suffix?: string): string;
+//# sourceMappingURL=truncate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"truncate.d.ts","sourceRoot":"","sources":["../../src/utils/truncate.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,SAAM,GAAG,MAAM,CAG7E"}

package/dist/utils/truncate.js

@@ -0,0 +1,14 @@
+/**
+ * Truncates a string to `maxLength` characters, appending `suffix` if truncated.
+ * The total length of the result never exceeds `maxLength`.
+ *
+ * @example
+ * truncate('Hello world', 8)         // "Hello…"
+ * truncate('Short', 10)              // "Short"
+ * truncate('Hello world', 8, '...')  // "Hello..."
+ */
+export function truncate(str, maxLength, suffix = '…') {
+    if (str.length <= maxLength)
+        return str;
+    return str.slice(0, maxLength - suffix.length) + suffix;
+}

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.2.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,49 +14,133 @@
       "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"
     },
+    "./components/focus-trap": {
+      "import": "./dist/components/focus-trap/index.js",
+      "types": "./dist/components/focus-trap/index.d.ts"
+    },
+    "./components/portal": {
+      "import": "./dist/components/portal/index.js",
+      "types": "./dist/components/portal/index.d.ts"
+    },
+    "./components/skeleton": {
+      "import": "./dist/components/skeleton/index.js",
+      "types": "./dist/components/skeleton/index.d.ts"
+    },
+    "./components/visually-hidden": {
+      "import": "./dist/components/visually-hidden/index.js",
+      "types": "./dist/components/visually-hidden/index.d.ts"
+    },
+    "./components/aspect-ratio": {
+      "import": "./dist/components/aspect-ratio/index.js",
+      "types": "./dist/components/aspect-ratio/index.d.ts"
+    },
+    "./components/debug-json": {
+      "import": "./dist/components/debug-json/index.js",
+      "types": "./dist/components/debug-json/index.d.ts"
+    },
+    "./components/dev-panel": {
+      "import": "./dist/components/dev-panel/index.js",
+      "types": "./dist/components/dev-panel/index.d.ts"
+    },
+    "./components/separator": {
+      "import": "./dist/components/separator/index.js",
+      "types": "./dist/components/separator/index.d.ts"
+    },
+    "./components/skip-link": {
+      "import": "./dist/components/skip-link/index.js",
+      "types": "./dist/components/skip-link/index.d.ts"
+    },
     "./hooks": {
       "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"
+    },
+    "./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"
+    },
+    "./hooks/use-on-click-outside": {
+      "import": "./dist/hooks/use-on-click-outside.js",
+      "types": "./dist/hooks/use-on-click-outside.d.ts"
+    },
+    "./hooks/use-previous": {
+      "import": "./dist/hooks/use-previous.js",
+      "types": "./dist/hooks/use-previous.d.ts"
+    },
+    "./hooks/use-copy-to-clipboard": {
+      "import": "./dist/hooks/use-copy-to-clipboard.js",
+      "types": "./dist/hooks/use-copy-to-clipboard.d.ts"
+    },
+    "./hooks/use-event-listener": {
+      "import": "./dist/hooks/use-event-listener.js",
+      "types": "./dist/hooks/use-event-listener.d.ts"
+    },
+    "./hooks/use-idle": {
+      "import": "./dist/hooks/use-idle.js",
+      "types": "./dist/hooks/use-idle.d.ts"
+    },
+    "./hooks/use-intersection-observer": {
+      "import": "./dist/hooks/use-intersection-observer.js",
+      "types": "./dist/hooks/use-intersection-observer.d.ts"
+    },
+    "./hooks/use-latest": {
+      "import": "./dist/hooks/use-latest.js",
+      "types": "./dist/hooks/use-latest.d.ts"
+    },
+    "./hooks/use-network-status": {
+      "import": "./dist/hooks/use-network-status.js",
+      "types": "./dist/hooks/use-network-status.d.ts"
+    },
+    "./hooks/use-render-count": {
+      "import": "./dist/hooks/use-render-count.js",
+      "types": "./dist/hooks/use-render-count.d.ts"
+    },
+    "./hooks/use-toggle": {
+      "import": "./dist/hooks/use-toggle.js",
+      "types": "./dist/hooks/use-toggle.d.ts"
+    },
+    "./hooks/use-why-did-you-render": {
+      "import": "./dist/hooks/use-why-did-you-render.js",
+      "types": "./dist/hooks/use-why-did-you-render.d.ts"
     },
     "./utils": {
       "import": "./dist/utils/index.js",
       "types": "./dist/utils/index.d.ts"
     },
-    "./utils/environment": {
-      "import": "./dist/utils/environment.js",
-      "types": "./dist/utils/environment.d.ts"
+    "./utils/cn": {
+      "import": "./dist/utils/cn.js",
+      "types": "./dist/utils/cn.d.ts"
     },
-    "./utils/msw": {
-      "import": "./dist/utils/msw.js",
-      "types": "./dist/utils/msw.d.ts"
+    "./utils/format-date": {
+      "import": "./dist/utils/format-date.js",
+      "types": "./dist/utils/format-date.d.ts"
     },
-    "./adapters": {
-      "import": "./dist/adapters/index.js",
-      "types": "./dist/adapters/index.d.ts"
+    "./utils/format-number": {
+      "import": "./dist/utils/format-number.js",
+      "types": "./dist/utils/format-number.d.ts"
     },
-    "./adapters/theme": {
-      "import": "./dist/adapters/theme/index.js",
-      "types": "./dist/adapters/theme/index.d.ts"
+    "./utils/truncate": {
+      "import": "./dist/utils/truncate.js",
+      "types": "./dist/utils/truncate.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 +154,10 @@
   ],
   "keywords": [
     "react",
-    "components",
     "hooks",
     "utilities",
-    "shared",
-    "typescript",
-    "nextjs",
-    "react-router"
+    "testing",
+    "typescript"
   ],
   "author": "teo-garcia",
   "license": "MIT",
@@ -84,35 +165,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';

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"}