@teo-garcia/react-shared 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 teo-garcia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,259 @@
+# @teo-garcia/react-shared
+
+Shared React components, hooks, utilities, and adapters for fullstack web templates.
+
+This package provides framework-agnostic React utilities that work across Next.js, React Router, and other React-based frameworks using the adapter pattern.
+
+## Installation
+
+```bash
+pnpm add @teo-garcia/react-shared
+```
+
+### Peer Dependencies
+
+This package requires the following peer dependencies:
+
+```bash
+pnpm add react react-dom lucide-react
+```
+
+For hooks functionality, you'll also need:
+
+```bash
+pnpm add @tanstack/react-query
+```
+
+For MSW utilities:
+
+```bash
+pnpm add -D msw
+```
+
+## Features
+
+- 🎨 **Components**: Ready-to-use UI components (ThemeSwitch, ViewportInfo, ErrorBoundary)
+- 🪝 **Hooks**: Reusable React hooks (useHealthcheck)
+- 🛠️ **Utilities**: Pure helper functions (environment detection, MSW setup)
+- 🔌 **Adapters**: Framework bridges for theme providers and environment detection
+- 📦 **Framework Agnostic**: Works with Next.js, React Router, and other React frameworks
+- 🎯 **TypeScript**: Full type safety with TypeScript definitions
+- 🌲 **Tree-shakeable**: Import only what you need
+
+## Usage
+
+### Components
+
+#### ThemeSwitch
+
+A button that cycles through light, dark, and system themes.
+
+**Next.js (with next-themes):**
+
+```tsx
+import { ThemeSwitch } from '@teo-garcia/react-shared/components'
+import { useNextThemesAdapter } from '@teo-garcia/react-shared/adapters/theme'
+
+export function App() {
+  const themeAdapter = useNextThemesAdapter()
+  return <ThemeSwitch themeAdapter={themeAdapter} />
+}
+```
+
+**React Router (with custom 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'
+
+export function App() {
+  const themeAdapter = createCustomThemeAdapter(useTheme())
+  return <ThemeSwitch themeAdapter={themeAdapter} />
+}
+```
+
+#### ViewportInfo
+
+Displays current viewport dimensions and Tailwind breakpoint (dev mode only).
+
+```tsx
+import { ViewportInfo } from '@teo-garcia/react-shared/components'
+import { nextEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
+
+export function App() {
+  return <ViewportInfo environmentAdapter={nextEnvironmentAdapter} />
+}
+```
+
+**For Vite/React Router:**
+
+```tsx
+import { ViewportInfo } from '@teo-garcia/react-shared/components'
+import { viteEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
+
+export function App() {
+  return <ViewportInfo environmentAdapter={viteEnvironmentAdapter} />
+}
+```
+
+#### ErrorBoundary
+
+Catches JavaScript errors in child components.
+
+```tsx
+import { ErrorBoundary } from '@teo-garcia/react-shared/components'
+
+export function App() {
+  return (
+    <ErrorBoundary
+      fallback={(error) => (
+        <div>
+          <h1>Something went wrong</h1>
+          <p>{error.message}</p>
+        </div>
+      )}
+      onError={(error, errorInfo) => {
+        console.error('Error caught:', error, errorInfo)
+      }}
+    >
+      <YourApp />
+    </ErrorBoundary>
+  )
+}
+```
+
+### Hooks
+
+#### useHealthcheck
+
+Fetches health status from an API endpoint using React Query.
+
+```tsx
+import { useHealthcheck } from '@teo-garcia/react-shared/hooks'
+
+export function HealthStatus() {
+  const { data, isLoading, error } = useHealthcheck({
+    url: 'http://localhost:3000/api/healthcheck',
+  })
+
+  if (isLoading) return <div>Checking...</div>
+  if (error) return <div>Health check failed</div>
+  return <div>Status: {data?.status}</div>
+}
+```
+
+### Utilities
+
+#### Environment Detection
+
+```tsx
+import { isDevelopment, isProduction, isServer, isClient } from '@teo-garcia/react-shared/utils'
+
+if (isDevelopment()) {
+  console.log('Running in dev mode')
+}
+
+if (isClient()) {
+  // Access browser APIs
+  localStorage.setItem('key', 'value')
+}
+```
+
+#### MSW Setup
+
+```tsx
+import { setupMSWBrowser } from '@teo-garcia/react-shared/utils'
+import { handlers } from './mocks/handlers'
+
+// In your app initialization
+if (isDevelopment()) {
+  await setupMSWBrowser(handlers)
+}
+```
+
+### Adapters
+
+Adapters bridge the gap between different framework-specific implementations and our components.
+
+#### Theme Adapters
+
+**Next.js (next-themes):**
+
+```tsx
+import { useNextThemesAdapter } from '@teo-garcia/react-shared/adapters/theme'
+
+const themeAdapter = useNextThemesAdapter()
+```
+
+**Custom Theme Provider:**
+
+```tsx
+import { createCustomThemeAdapter } from '@teo-garcia/react-shared/adapters/theme'
+import { useTheme } from '~/your-theme-provider'
+
+const themeAdapter = createCustomThemeAdapter(useTheme())
+```
+
+#### Environment Adapters
+
+**Next.js:**
+
+```tsx
+import { nextEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
+;<ViewportInfo environmentAdapter={nextEnvironmentAdapter} />
+```
+
+**Vite/React Router:**
+
+```tsx
+import { viteEnvironmentAdapter } from '@teo-garcia/react-shared/adapters/environment'
+;<ViewportInfo environmentAdapter={viteEnvironmentAdapter} />
+```
+
+## API Reference
+
+### Components
+
+- `ThemeSwitch` - Theme switcher button
+- `ViewportInfo` - Viewport dimensions display (dev only)
+- `ErrorBoundary` - Error boundary component
+
+### Hooks
+
+- `useHealthcheck` - API health check hook
+
+### Utilities
+
+- `isDevelopment()` - Check if in development mode
+- `isProduction()` - Check if in production mode
+- `isServer()` - Check if running on server
+- `isClient()` - Check if running on client
+- `setupMSWBrowser()` - Setup MSW for browser
+- `setupMSWServer()` - Setup MSW for Node.js/tests
+
+### Adapters
+
+**Theme:**
+
+- `useNextThemesAdapter()` - Adapter for next-themes
+- `createCustomThemeAdapter()` - Create adapter for custom theme provider
+
+**Environment:**
+
+- `nextEnvironmentAdapter` - Environment detection for Next.js
+- `viteEnvironmentAdapter` - Environment detection for Vite
+
+## Requirements
+
+- **Tailwind CSS**: Components use Tailwind CSS classes
+- **React 18+**: Uses modern React features
+- **TypeScript**: Full type definitions included
+
+## License
+
+MIT
+
+## Author
+
+teo-garcia

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

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

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

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

package/dist/adapters/environment/index.js

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

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+/**
+ * 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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+/**
+ * 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

@@ -0,0 +1,9 @@
+/**
+ * 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';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/adapters/index.js

@@ -0,0 +1,8 @@
+/**
+ * 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';
+export * from './theme';

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

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,26 @@
+/**
+ * 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

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

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

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

package/dist/adapters/theme/index.js

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

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+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/error-boundary/error-boundary.d.ts

@@ -0,0 +1,71 @@
+import { Component, type ReactNode } from 'react';
+import type { ErrorBoundaryProps } from '../../types';
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+/**
+ * ErrorBoundary component - Catches JavaScript errors in child components
+ *
+ * This component wraps your application (or part of it) to catch runtime errors
+ * and display a fallback UI instead of crashing the entire app.
+ *
+ * Features:
+ * - Catches errors in child component tree
+ * - Displays custom fallback UI
+ * - Optional error callback for logging
+ * - Follows React error boundary best practices
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { ErrorBoundary } from '@teo-garcia/react-shared/components'
+ *
+ * function App() {
+ *   return (
+ *     <ErrorBoundary fallback={<div>Something went wrong</div>}>
+ *       <YourApp />
+ *     </ErrorBoundary>
+ *   )
+ * }
+ * ```
+ *
+ * @example With dynamic fallback
+ * ```tsx
+ * import { ErrorBoundary } from '@teo-garcia/react-shared/components'
+ *
+ * function App() {
+ *   return (
+ *     <ErrorBoundary
+ *       fallback={(error) => (
+ *         <div>
+ *           <h1>Error: {error.message}</h1>
+ *           <button onClick={() => window.location.reload()}>Reload</button>
+ *         </div>
+ *       )}
+ *       onError={(error, errorInfo) => {
+ *         console.error('Error caught:', error, errorInfo)
+ *         // Send to error tracking service
+ *       }}
+ *     >
+ *       <YourApp />
+ *     </ErrorBoundary>
+ *   )
+ * }
+ * ```
+ */
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    /**
+     * Static method called when an error is thrown in a child component
+     * Updates state to trigger fallback UI rendering
+     */
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    /**
+     * Called after an error is caught
+     * Used for side effects like logging
+     */
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map

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

@@ -0,0 +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"}