@tydavidson/design-system 1.1.8 → 1.1.9

package/dist/themes/index.d.mts

@@ -82,7 +82,7 @@ declare function useTheme(): {
  */
 declare function useThemeServer(): {
     theme: string;
-    setTheme: () => void;
+    setTheme: (theme: string) => void;
     resolvedTheme: string;
     isDark: boolean;
 };
@@ -91,7 +91,7 @@ declare function useThemeServer(): {
  * This component is kept for backward compatibility but is no longer needed
  */
 declare function ThemeContextProvider({ children }: {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 /**

package/dist/themes/index.d.ts

@@ -82,7 +82,7 @@ declare function useTheme(): {
  */
 declare function useThemeServer(): {
     theme: string;
-    setTheme: () => void;
+    setTheme: (theme: string) => void;
     resolvedTheme: string;
     isDark: boolean;
 };
@@ -91,7 +91,7 @@ declare function useThemeServer(): {
  * This component is kept for backward compatibility but is no longer needed
  */
 declare function ThemeContextProvider({ children }: {
-    children: React.ReactNode;
+    children: React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
 /**

package/dist/themes/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var nextThemes = require('next-themes');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -51,11 +50,19 @@ function ThemeProvider({
   children,
   ...props
 }) {
-  if (typeof window === "undefined") {
+  const [NextThemesProvider, setNextThemesProvider] = React__namespace.useState(null);
+  const [mounted, setMounted] = React__namespace.useState(false);
+  React__namespace.useEffect(() => {
+    import('next-themes').then(({ ThemeProvider: Provider }) => {
+      setNextThemesProvider(() => Provider);
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted || !NextThemesProvider) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    nextThemes.ThemeProvider,
+    NextThemesProvider,
     {
       attribute: "class",
       defaultTheme: "system",
@@ -147,28 +154,42 @@ var init_theme_utils = __esm({
   }
 });
 function useTheme() {
-  if (typeof window === "undefined") {
+  const [themeData, setThemeData] = React__namespace.useState({
+    theme: "system",
+    setTheme: (theme) => {
+    },
+    resolvedTheme: "light",
+    isDark: false
+  });
+  const [mounted, setMounted] = React__namespace.useState(false);
+  React__namespace.useEffect(() => {
+    import('next-themes').then(({ useTheme: useNextTheme }) => {
+      const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();
+      const isDark = exports.isDarkTheme(theme, systemTheme);
+      setThemeData({
+        theme: theme || "system",
+        setTheme,
+        resolvedTheme: resolvedTheme || "light",
+        isDark
+      });
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted) {
     return {
       theme: "system",
-      setTheme: () => {
+      setTheme: (theme) => {
       },
       resolvedTheme: "light",
       isDark: false
     };
   }
-  const { theme, setTheme, resolvedTheme, systemTheme } = nextThemes.useTheme();
-  const isDark = exports.isDarkTheme(theme, systemTheme);
-  return {
-    theme: theme || "system",
-    setTheme,
-    resolvedTheme: resolvedTheme || "light",
-    isDark
-  };
+  return themeData;
 }
 function useThemeServer() {
   return {
     theme: "system",
-    setTheme: () => {
+    setTheme: (theme) => {
     },
     resolvedTheme: "light",
     isDark: false

package/dist/themes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/themes/theme-provider.tsx","../../src/lib/theme-utils.ts","../../src/themes/theme-context.tsx","../../src/lib/utils.ts","../../src/components/ui/theme-toggle/theme-toggle.tsx","../../src/components/ui/theme-toggle/index.ts","../../src/themes/index.ts","../../src/themes/dynamic-imports.tsx"],"names":["jsx","NextThemesProvider","React","mapColorToShadcnVariant","mapVariantToShadcnVariant","getColorVariantClasses","isDarkTheme","useNextTheme","Fragment","twMerge","clsx","React2","IconSun","IconMoon","jsxs","init_theme_toggle","dynamic"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ThemeProvider as NextThemesProvider } from \"next-themes\"\nimport type { ThemeProviderProps } from \"next-themes/dist/types\"\n\n/**\n * ThemeProvider component for handling theme state\n * \n * This wraps the next-themes provider with sensible defaults\n * for handling light/dark themes and system preferences\n * \n * IMPORTANT: This component must be used in a Client Component context.\n * For Server Components, use the NoSSR wrapper or dynamic imports.\n */\nexport function ThemeProvider({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  // Ensure we're in a client environment\n  if (typeof window === 'undefined') {\n    // Return children without theme provider in SSR\n    return <>{children}</>;\n  }\n\n  return (\n    <NextThemesProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n      {...props}\n    >\n      {children}\n    </NextThemesProvider>\n  )\n}\n\n/**\n * NoSSR wrapper for theme provider to prevent SSR issues\n * Use this when you need to ensure the theme provider only renders on the client\n */\nexport function ThemeProviderNoSSR({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) {\n    return <>{children}</>;\n  }\n\n  return (\n    <ThemeProvider {...props}>\n      {children}\n    </ThemeProvider>\n  );\n}","/**\n * Utility functions for theme handling\n */\n\n/**\n * Supported color theme values\n */\nexport type ThemeColor = 'brand' | 'error' | 'warning' | 'success';\n\n/**\n * Supported component variant types\n */\nexport type ComponentVariant = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * Map design system colors to shadcn variants\n * \n * @param color - The design system color\n * @returns The corresponding shadcn variant\n */\nexport const mapColorToShadcnVariant = (color: ThemeColor) => {\n  switch (color) {\n    case 'brand': return 'default';\n    case 'error': return 'destructive';\n    case 'warning':\n    case 'success':\n      return 'secondary'; // Will need additional classes\n    default: return 'default';\n  }\n};\n\n/**\n * Map design system variants to shadcn variants\n * \n * @param variant - The design system variant\n * @returns The corresponding shadcn variant\n */\nexport const mapVariantToShadcnVariant = (variant: ComponentVariant) => {\n  switch (variant) {\n    case 'primary': return 'default';\n    case 'secondary': return 'outline';\n    case 'tertiary': return 'ghost';\n    default: return 'default';\n  }\n};\n\n/**\n * Generate Tailwind classes for color/variant combinations\n * \n * @param color - The design system color\n * @param variant - The design system variant\n * @returns String of Tailwind classes\n */\nexport const getColorVariantClasses = (\n  color: ThemeColor, \n  variant: ComponentVariant\n): string => {\n  const colorVariantMap: Record<ComponentVariant, Record<ThemeColor, string>> = {\n    primary: {\n      brand: 'bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500',\n      error: 'bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500',\n      warning: 'bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500',\n      success: 'bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500',\n    },\n    secondary: {\n      brand: 'border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    },\n    tertiary: {\n      brand: 'text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    }\n  };\n\n  return colorVariantMap[variant]?.[color] || '';\n};\n\n/**\n * Determine if the current theme is dark\n * \n * @param theme - The current theme\n * @param systemTheme - The system theme\n * @returns True if the theme is dark\n */\nexport const isDarkTheme = (theme: string | undefined, systemTheme: string | undefined): boolean => {\n  if (theme === 'system') {\n    return systemTheme === 'dark';\n  }\n  return theme === 'dark';\n};","\"use client\"\n\nimport { useTheme as useNextTheme } from \"next-themes\"\nimport { isDarkTheme } from \"../lib/theme-utils\"\n\n/**\n * Enhanced useTheme hook that works directly with next-themes\n * \n * This hook provides a simplified interface to next-themes with additional\n * utility properties for better compatibility with Next.js App Router\n * \n * IMPORTANT: This hook must be used within a Client Component.\n * For Server Components, use the useThemeServer hook instead.\n */\nexport function useTheme() {\n  // Ensure we're in a client environment\n  if (typeof window === 'undefined') {\n    // Return default values for SSR\n    return {\n      theme: \"system\",\n      setTheme: () => {},\n      resolvedTheme: \"light\",\n      isDark: false,\n    };\n  }\n\n  const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();\n  \n  // Determine if the theme is dark\n  const isDark = isDarkTheme(theme, systemTheme);\n  \n  return {\n    theme: theme || \"system\",\n    setTheme,\n    resolvedTheme: resolvedTheme || \"light\",\n    isDark,\n  };\n}\n\n/**\n * Server-safe theme hook that can be used in Server Components\n * Returns default theme values without accessing client-side APIs\n */\nexport function useThemeServer() {\n  return {\n    theme: \"system\",\n    setTheme: () => {},\n    resolvedTheme: \"light\",\n    isDark: false,\n  };\n}\n\n/**\n * @deprecated Use ThemeProvider from './theme-provider' instead\n * This component is kept for backward compatibility but is no longer needed\n */\nexport function ThemeContextProvider({ \n  children \n}: { \n  children: React.ReactNode \n}) {\n  // This is now a no-op wrapper for backward compatibility\n  return <>{children}</>;\n}","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Combines multiple class values into a single className string\n * with proper Tailwind CSS class merging.\n * \n * @param inputs - Class values to merge\n * @returns Merged className string\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Utility function to generate a unique ID.\n * Useful for ensuring unique IDs for form elements.\n * \n * @param prefix - Optional prefix for the ID\n * @returns A unique ID string\n */\nexport function generateId(prefix = 'id'): string {\n  const randomId = Math.random().toString(36).substring(2, 9);\n  return `${prefix}-${randomId}`;\n}\n\n/**\n * Type guard to check if a value is not null or undefined\n * \n * @param value - Value to check\n * @returns True if value is not null or undefined\n */\nexport function isNotNullOrUndefined<T>(value: T | null | undefined): value is T {\n  return value !== null && value !== undefined;\n}\n\n/**\n * Returns only the props that are safe to spread onto a DOM element\n * by filtering out custom props\n * \n * @param props - The props object\n * @param propNames - Names of custom props to filter out\n * @returns Object with only DOM-safe props\n */\nexport function filterDOMProps<T extends Record<string, any>, K extends keyof T>(\n  props: T, \n  propNames: K[]\n): Omit<T, K> {\n  const result = { ...props };\n  propNames.forEach(name => delete result[name]);\n  return result;\n}","\"use client\"\n\nimport * as React from \"react\"\nimport { useTheme } from \"../../../themes/theme-context\"\nimport { cn } from \"../../../lib/utils\"\nimport { IconMoon, IconSun } from \"@tabler/icons-react\"\n\n/**\n * Props for the ThemeToggle component\n */\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant of the toggle\n   * @default 'icon'\n   */\n  variant?: 'icon' | 'switch' | 'button';\n  \n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/**\n * ThemeToggle component to switch between light and dark themes\n */\nexport function ThemeToggle({ \n  className, \n  variant = 'icon', \n  size = 'md',\n  ...props \n}: ThemeToggleProps) {\n  const { theme, setTheme, resolvedTheme } = useTheme()\n  const [mounted, setMounted] = React.useState(false)\n\n  // Handle hydration mismatch\n  React.useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  // Only render on client to prevent hydration mismatch\n  if (!mounted) return null;\n\n  // Toggle between light and dark\n  const toggleTheme = () => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\")\n  }\n\n  // Size mapping for Tabler icons\n  const iconSize = {\n    sm: 16,\n    md: 20,\n    lg: 24,\n  }\n\n  // Size classes for button\n  const sizeClasses = {\n    sm: 'h-8 w-8',\n    md: 'h-10 w-10',\n    lg: 'h-12 w-12',\n  }\n\n  // Text size classes\n  const textSizeClasses = {\n    sm: 'text-xs',\n    md: 'text-sm',\n    lg: 'text-base',\n  }\n\n  // Variant specific rendering\n  if (variant === 'icon') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n          sizeClasses[size],\n          className\n        )}\n        aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? (\n          <IconSun size={iconSize[size]} stroke={1.5} />\n        ) : (\n          <IconMoon size={iconSize[size]} stroke={1.5} />\n        )}\n      </button>\n    )\n  }\n  \n  // Button variant\n  if (variant === 'button') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2\",\n          textSizeClasses[size],\n          \"hover:bg-accent hover:text-accent-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? \"Light Mode\" : \"Dark Mode\"}\n      </button>\n    )\n  }\n  \n  // Switch variant\n  return (\n    <button\n      type=\"button\"\n      onClick={toggleTheme}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-md px-3 py-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        textSizeClasses[size],\n        resolvedTheme === \"dark\" \n          ? \"bg-accent text-accent-foreground hover:bg-accent/80\" \n          : \"bg-muted text-muted-foreground hover:bg-muted/80\",\n        className\n      )}\n      aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n      {...props}\n    >\n      {resolvedTheme === \"dark\" ? (\n        <span className=\"flex items-center\">\n          <IconSun size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Light\n        </span>\n      ) : (\n        <span className=\"flex items-center\">\n          <IconMoon size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Dark\n        </span>\n      )}\n    </button>\n  )\n}","export * from './theme-toggle';","// Theme system exports\nexport { ThemeProvider, ThemeProviderNoSSR } from './theme-provider';\nexport { ThemeContextProvider, useTheme, useThemeServer } from './theme-context';\nexport { ThemeToggle } from '../components/ui/theme-toggle/index';\n\n// Dynamic imports for Server Component compatibility\nexport { \n  DynamicThemeProvider, \n  DynamicThemeProviderNoSSR, \n  DynamicThemeToggle,\n  SafeThemeProvider \n} from './dynamic-imports';\n\n// Re-export theme utilities\nexport { isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, getColorVariantClasses } from '../lib/theme-utils';\n\n// Export types\nexport type { ThemeColor, ComponentVariant } from '../lib/theme-utils';\n","\"use client\"\n\nimport dynamic from 'next/dynamic'\nimport type { ComponentType } from 'react'\n\n/**\n * Dynamically import theme components to prevent SSR issues\n * Use these imports when you need to use theme components in Server Components\n */\n\n// Dynamic import for ThemeProvider\nexport const DynamicThemeProvider = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProvider })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeProviderNoSSR\nexport const DynamicThemeProviderNoSSR = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProviderNoSSR })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeToggle\nexport const DynamicThemeToggle = dynamic(\n  () => import('../components/ui/theme-toggle').then(mod => ({ default: mod.ThemeToggle })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n/**\n * Safe theme provider for Next.js App Router\n * Automatically handles Server Component compatibility\n */\nexport function SafeThemeProvider({ \n  children, \n  noSSR = false,\n  ...props \n}: {\n  children: React.ReactNode\n  noSSR?: boolean\n  [key: string]: any\n}) {\n  if (noSSR) {\n    return <DynamicThemeProviderNoSSR {...props}>{children}</DynamicThemeProviderNoSSR>\n  }\n  \n  return <DynamicThemeProvider {...props}>{children}</DynamicThemeProvider>\n} "]}
+{"version":3,"sources":["../../src/themes/theme-provider.tsx","../../src/lib/theme-utils.ts","../../src/themes/theme-context.tsx","../../src/lib/utils.ts","../../src/components/ui/theme-toggle/theme-toggle.tsx","../../src/components/ui/theme-toggle/index.ts","../../src/themes/index.ts","../../src/themes/dynamic-imports.tsx"],"names":["React","jsx","mapColorToShadcnVariant","mapVariantToShadcnVariant","getColorVariantClasses","isDarkTheme","React2","Fragment","twMerge","clsx","React3","IconSun","IconMoon","jsxs","init_theme_toggle","dynamic"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport type { ThemeProviderProps } from \"next-themes/dist/types\"\n\n/**\n * ThemeProvider component for handling theme state\n * \n * This wraps the next-themes provider with sensible defaults\n * for handling light/dark themes and system preferences\n * \n * IMPORTANT: This component must be used in a Client Component context.\n * For Server Components, use the NoSSR wrapper or dynamic imports.\n */\nexport function ThemeProvider({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [NextThemesProvider, setNextThemesProvider] = React.useState<any>(null);\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    // Only import next-themes on the client side\n    import('next-themes').then(({ ThemeProvider: Provider }) => {\n      setNextThemesProvider(() => Provider);\n      setMounted(true);\n    });\n  }, []);\n\n  // Return children without theme provider during SSR or before mounting\n  if (!mounted || !NextThemesProvider) {\n    return <>{children}</>;\n  }\n\n  return (\n    <NextThemesProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n      {...props}\n    >\n      {children}\n    </NextThemesProvider>\n  )\n}\n\n/**\n * NoSSR wrapper for theme provider to prevent SSR issues\n * Use this when you need to ensure the theme provider only renders on the client\n */\nexport function ThemeProviderNoSSR({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) {\n    return <>{children}</>;\n  }\n\n  return (\n    <ThemeProvider {...props}>\n      {children}\n    </ThemeProvider>\n  );\n}","/**\n * Utility functions for theme handling\n */\n\n/**\n * Supported color theme values\n */\nexport type ThemeColor = 'brand' | 'error' | 'warning' | 'success';\n\n/**\n * Supported component variant types\n */\nexport type ComponentVariant = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * Map design system colors to shadcn variants\n * \n * @param color - The design system color\n * @returns The corresponding shadcn variant\n */\nexport const mapColorToShadcnVariant = (color: ThemeColor) => {\n  switch (color) {\n    case 'brand': return 'default';\n    case 'error': return 'destructive';\n    case 'warning':\n    case 'success':\n      return 'secondary'; // Will need additional classes\n    default: return 'default';\n  }\n};\n\n/**\n * Map design system variants to shadcn variants\n * \n * @param variant - The design system variant\n * @returns The corresponding shadcn variant\n */\nexport const mapVariantToShadcnVariant = (variant: ComponentVariant) => {\n  switch (variant) {\n    case 'primary': return 'default';\n    case 'secondary': return 'outline';\n    case 'tertiary': return 'ghost';\n    default: return 'default';\n  }\n};\n\n/**\n * Generate Tailwind classes for color/variant combinations\n * \n * @param color - The design system color\n * @param variant - The design system variant\n * @returns String of Tailwind classes\n */\nexport const getColorVariantClasses = (\n  color: ThemeColor, \n  variant: ComponentVariant\n): string => {\n  const colorVariantMap: Record<ComponentVariant, Record<ThemeColor, string>> = {\n    primary: {\n      brand: 'bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500',\n      error: 'bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500',\n      warning: 'bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500',\n      success: 'bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500',\n    },\n    secondary: {\n      brand: 'border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    },\n    tertiary: {\n      brand: 'text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    }\n  };\n\n  return colorVariantMap[variant]?.[color] || '';\n};\n\n/**\n * Determine if the current theme is dark\n * \n * @param theme - The current theme\n * @param systemTheme - The system theme\n * @returns True if the theme is dark\n */\nexport const isDarkTheme = (theme: string | undefined, systemTheme: string | undefined): boolean => {\n  if (theme === 'system') {\n    return systemTheme === 'dark';\n  }\n  return theme === 'dark';\n};","\"use client\"\n\nimport * as React from \"react\"\nimport { isDarkTheme } from \"../lib/theme-utils\"\n\n/**\n * Enhanced useTheme hook that works directly with next-themes\n * \n * This hook provides a simplified interface to next-themes with additional\n * utility properties for better compatibility with Next.js App Router\n * \n * IMPORTANT: This hook must be used within a Client Component.\n * For Server Components, use the useThemeServer hook instead.\n */\nexport function useTheme() {\n  const [themeData, setThemeData] = React.useState({\n    theme: \"system\",\n    setTheme: (theme: string) => {},\n    resolvedTheme: \"light\",\n    isDark: false,\n  });\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    // Only import next-themes on the client side\n    import('next-themes').then(({ useTheme: useNextTheme }) => {\n      const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();\n      const isDark = isDarkTheme(theme, systemTheme);\n      \n      setThemeData({\n        theme: theme || \"system\",\n        setTheme,\n        resolvedTheme: resolvedTheme || \"light\",\n        isDark,\n      });\n      setMounted(true);\n    });\n  }, []);\n\n  // Return default values during SSR or before mounting\n  if (!mounted) {\n    return {\n      theme: \"system\",\n      setTheme: (theme: string) => {},\n      resolvedTheme: \"light\",\n      isDark: false,\n    };\n  }\n\n  return themeData;\n}\n\n/**\n * Server-safe theme hook that can be used in Server Components\n * Returns default theme values without accessing client-side APIs\n */\nexport function useThemeServer() {\n  return {\n    theme: \"system\",\n    setTheme: (theme: string) => {},\n    resolvedTheme: \"light\",\n    isDark: false,\n  };\n}\n\n/**\n * @deprecated Use ThemeProvider from './theme-provider' instead\n * This component is kept for backward compatibility but is no longer needed\n */\nexport function ThemeContextProvider({ \n  children \n}: { \n  children: React.ReactNode \n}) {\n  // This is now a no-op wrapper for backward compatibility\n  return <>{children}</>;\n}","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Combines multiple class values into a single className string\n * with proper Tailwind CSS class merging.\n * \n * @param inputs - Class values to merge\n * @returns Merged className string\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Utility function to generate a unique ID.\n * Useful for ensuring unique IDs for form elements.\n * \n * @param prefix - Optional prefix for the ID\n * @returns A unique ID string\n */\nexport function generateId(prefix = 'id'): string {\n  const randomId = Math.random().toString(36).substring(2, 9);\n  return `${prefix}-${randomId}`;\n}\n\n/**\n * Type guard to check if a value is not null or undefined\n * \n * @param value - Value to check\n * @returns True if value is not null or undefined\n */\nexport function isNotNullOrUndefined<T>(value: T | null | undefined): value is T {\n  return value !== null && value !== undefined;\n}\n\n/**\n * Returns only the props that are safe to spread onto a DOM element\n * by filtering out custom props\n * \n * @param props - The props object\n * @param propNames - Names of custom props to filter out\n * @returns Object with only DOM-safe props\n */\nexport function filterDOMProps<T extends Record<string, any>, K extends keyof T>(\n  props: T, \n  propNames: K[]\n): Omit<T, K> {\n  const result = { ...props };\n  propNames.forEach(name => delete result[name]);\n  return result;\n}","\"use client\"\n\nimport * as React from \"react\"\nimport { useTheme } from \"../../../themes/theme-context\"\nimport { cn } from \"../../../lib/utils\"\nimport { IconMoon, IconSun } from \"@tabler/icons-react\"\n\n/**\n * Props for the ThemeToggle component\n */\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant of the toggle\n   * @default 'icon'\n   */\n  variant?: 'icon' | 'switch' | 'button';\n  \n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/**\n * ThemeToggle component to switch between light and dark themes\n */\nexport function ThemeToggle({ \n  className, \n  variant = 'icon', \n  size = 'md',\n  ...props \n}: ThemeToggleProps) {\n  const { theme, setTheme, resolvedTheme } = useTheme()\n  const [mounted, setMounted] = React.useState(false)\n\n  // Handle hydration mismatch\n  React.useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  // Only render on client to prevent hydration mismatch\n  if (!mounted) return null;\n\n  // Toggle between light and dark\n  const toggleTheme = () => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\")\n  }\n\n  // Size mapping for Tabler icons\n  const iconSize = {\n    sm: 16,\n    md: 20,\n    lg: 24,\n  }\n\n  // Size classes for button\n  const sizeClasses = {\n    sm: 'h-8 w-8',\n    md: 'h-10 w-10',\n    lg: 'h-12 w-12',\n  }\n\n  // Text size classes\n  const textSizeClasses = {\n    sm: 'text-xs',\n    md: 'text-sm',\n    lg: 'text-base',\n  }\n\n  // Variant specific rendering\n  if (variant === 'icon') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n          sizeClasses[size],\n          className\n        )}\n        aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? (\n          <IconSun size={iconSize[size]} stroke={1.5} />\n        ) : (\n          <IconMoon size={iconSize[size]} stroke={1.5} />\n        )}\n      </button>\n    )\n  }\n  \n  // Button variant\n  if (variant === 'button') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2\",\n          textSizeClasses[size],\n          \"hover:bg-accent hover:text-accent-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? \"Light Mode\" : \"Dark Mode\"}\n      </button>\n    )\n  }\n  \n  // Switch variant\n  return (\n    <button\n      type=\"button\"\n      onClick={toggleTheme}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-md px-3 py-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        textSizeClasses[size],\n        resolvedTheme === \"dark\" \n          ? \"bg-accent text-accent-foreground hover:bg-accent/80\" \n          : \"bg-muted text-muted-foreground hover:bg-muted/80\",\n        className\n      )}\n      aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n      {...props}\n    >\n      {resolvedTheme === \"dark\" ? (\n        <span className=\"flex items-center\">\n          <IconSun size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Light\n        </span>\n      ) : (\n        <span className=\"flex items-center\">\n          <IconMoon size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Dark\n        </span>\n      )}\n    </button>\n  )\n}","export * from './theme-toggle';","// Theme system exports\nexport { ThemeProvider, ThemeProviderNoSSR } from './theme-provider';\nexport { ThemeContextProvider, useTheme, useThemeServer } from './theme-context';\nexport { ThemeToggle } from '../components/ui/theme-toggle/index';\n\n// Dynamic imports for Server Component compatibility\nexport { \n  DynamicThemeProvider, \n  DynamicThemeProviderNoSSR, \n  DynamicThemeToggle,\n  SafeThemeProvider \n} from './dynamic-imports';\n\n// Re-export theme utilities\nexport { isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, getColorVariantClasses } from '../lib/theme-utils';\n\n// Export types\nexport type { ThemeColor, ComponentVariant } from '../lib/theme-utils';\n","\"use client\"\n\nimport dynamic from 'next/dynamic'\nimport type { ComponentType } from 'react'\n\n/**\n * Dynamically import theme components to prevent SSR issues\n * Use these imports when you need to use theme components in Server Components\n */\n\n// Dynamic import for ThemeProvider\nexport const DynamicThemeProvider = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProvider })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeProviderNoSSR\nexport const DynamicThemeProviderNoSSR = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProviderNoSSR })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeToggle\nexport const DynamicThemeToggle = dynamic(\n  () => import('../components/ui/theme-toggle').then(mod => ({ default: mod.ThemeToggle })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n/**\n * Safe theme provider for Next.js App Router\n * Automatically handles Server Component compatibility\n */\nexport function SafeThemeProvider({ \n  children, \n  noSSR = false,\n  ...props \n}: {\n  children: React.ReactNode\n  noSSR?: boolean\n  [key: string]: any\n}) {\n  if (noSSR) {\n    return <DynamicThemeProviderNoSSR {...props}>{children}</DynamicThemeProviderNoSSR>\n  }\n  \n  return <DynamicThemeProvider {...props}>{children}</DynamicThemeProvider>\n} "]}

package/dist/themes/index.mjs

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1 } from 'next-themes';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -26,11 +25,19 @@ function ThemeProvider({
   children,
   ...props
 }) {
-  if (typeof window === "undefined") {
+  const [NextThemesProvider, setNextThemesProvider] = React.useState(null);
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    import('next-themes').then(({ ThemeProvider: Provider }) => {
+      setNextThemesProvider(() => Provider);
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted || !NextThemesProvider) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
   return /* @__PURE__ */ jsx(
-    ThemeProvider$1,
+    NextThemesProvider,
     {
       attribute: "class",
       defaultTheme: "system",
@@ -122,28 +129,42 @@ var init_theme_utils = __esm({
   }
 });
 function useTheme() {
-  if (typeof window === "undefined") {
+  const [themeData, setThemeData] = React.useState({
+    theme: "system",
+    setTheme: (theme) => {
+    },
+    resolvedTheme: "light",
+    isDark: false
+  });
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    import('next-themes').then(({ useTheme: useNextTheme }) => {
+      const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();
+      const isDark = isDarkTheme(theme, systemTheme);
+      setThemeData({
+        theme: theme || "system",
+        setTheme,
+        resolvedTheme: resolvedTheme || "light",
+        isDark
+      });
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted) {
     return {
       theme: "system",
-      setTheme: () => {
+      setTheme: (theme) => {
       },
       resolvedTheme: "light",
       isDark: false
     };
   }
-  const { theme, setTheme, resolvedTheme, systemTheme } = useTheme$1();
-  const isDark = isDarkTheme(theme, systemTheme);
-  return {
-    theme: theme || "system",
-    setTheme,
-    resolvedTheme: resolvedTheme || "light",
-    isDark
-  };
+  return themeData;
 }
 function useThemeServer() {
   return {
     theme: "system",
-    setTheme: () => {
+    setTheme: (theme) => {
     },
     resolvedTheme: "light",
     isDark: false

package/dist/themes/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/themes/theme-provider.tsx","../../src/lib/theme-utils.ts","../../src/themes/theme-context.tsx","../../src/lib/utils.ts","../../src/components/ui/theme-toggle/theme-toggle.tsx","../../src/components/ui/theme-toggle/index.ts","../../src/themes/index.ts","../../src/themes/dynamic-imports.tsx"],"names":["NextThemesProvider","useNextTheme","jsx","Fragment","React2","init_theme_toggle"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAA,sBAAA,GAAA,EAAA;AAAA,QAAA,CAAA,sBAAA,EAAA;AAAA,EAAA,aAAA,EAAA,MAAA,aAAA;AAAA,EAAA,kBAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAeO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AAErB,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEjC,IAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBACE,GAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,OAAA;AAAA,MACV,YAAA,EAAa,QAAA;AAAA,MACb,YAAA,EAAY,IAAA;AAAA,MACZ,yBAAA,EAAyB,IAAA;AAAA,MACxB,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAMO,SAAS,kBAAA,CAAmB;AAAA,EACjC,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAU,eAAS,KAAK,CAAA;AAElD,EAAM,gBAAU,MAAM;AACpB,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBACE,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,EAChB,QAAA,EACH,CAAA;AAEJ;AA7DA,IAAA,mBAAA,GAAA,KAAA,CAAA;AAAA,EAAA,+BAAA,GAAA;AAAA,IAAA,YAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAoBa,uBAAA,CAAA,CAiBA,2BAgBA,sBAAA,CAAA,CAmCA;AAxFb,IAAA,gBAAA,GAAA,KAAA,CAAA;AAAA,EAAA,wBAAA,GAAA;AAoBO,IAAM,uBAAA,GAA0B,CAAC,KAAA,KAAsB;AAC5D,MAAA,QAAQ,KAAA;AAAO,QACb,KAAK,OAAA;AAAS,UAAA,OAAO,SAAA;AAAA,QACrB,KAAK,OAAA;AAAS,UAAA,OAAO,aAAA;AAAA,QACrB,KAAK,SAAA;AAAA,QACL,KAAK,SAAA;AACH,UAAA,OAAO,WAAA;AAAA;AAAA,QACT;AAAS,UAAA,OAAO,SAAA;AAAA;AAClB,IACF,CAAA;AAQO,IAAM,yBAAA,GAA4B,CAAC,OAAA,KAA8B;AACtE,MAAA,QAAQ,OAAA;AAAS,QACf,KAAK,SAAA;AAAW,UAAA,OAAO,SAAA;AAAA,QACvB,KAAK,WAAA;AAAa,UAAA,OAAO,SAAA;AAAA,QACzB,KAAK,UAAA;AAAY,UAAA,OAAO,OAAA;AAAA,QACxB;AAAS,UAAA,OAAO,SAAA;AAAA;AAClB,IACF,CAAA;AASO,IAAM,sBAAA,GAAyB,CACpC,KAAA,EACA,OAAA,KACW;AACX,MAAA,MAAM,eAAA,GAAwE;AAAA,QAC5E,OAAA,EAAS;AAAA,UACP,KAAA,EAAO,yEAAA;AAAA,UACP,KAAA,EAAO,yEAAA;AAAA,UACP,OAAA,EAAS,+EAAA;AAAA,UACT,OAAA,EAAS;AAAA,SACX;AAAA,QACA,SAAA,EAAW;AAAA,UACT,KAAA,EAAO,gFAAA;AAAA,UACP,KAAA,EAAO,gFAAA;AAAA,UACP,OAAA,EAAS,wFAAA;AAAA,UACT,OAAA,EAAS;AAAA,SACX;AAAA,QACA,QAAA,EAAU;AAAA,UACR,KAAA,EAAO,+DAAA;AAAA,UACP,KAAA,EAAO,+DAAA;AAAA,UACP,OAAA,EAAS,qEAAA;AAAA,UACT,OAAA,EAAS;AAAA;AACX,OACF;AAEA,MAAA,OAAO,eAAA,CAAgB,OAAO,CAAA,GAAI,KAAK,CAAA,IAAK,EAAA;AAAA,IAC9C,CAAA;AASO,IAAM,WAAA,GAAc,CAAC,KAAA,EAA2B,WAAA,KAA6C;AAClG,MAAA,IAAI,UAAU,QAAA,EAAU;AACtB,QAAA,OAAO,WAAA,KAAgB,MAAA;AAAA,MACzB;AACA,MAAA,OAAO,KAAA,KAAU,MAAA;AAAA,IACnB,CAAA;AAAA,EAAA;AAAA,CAAA,CAAA;AC/EO,SAAS,QAAA,GAAW;AAEzB,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEjC,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,QAAA;AAAA,MACP,UAAU,MAAM;AAAA,MAAC,CAAA;AAAA,MACjB,aAAA,EAAe,OAAA;AAAA,MACf,MAAA,EAAQ;AAAA,KACV;AAAA,EACF;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAU,aAAA,EAAe,WAAA,KAAgBC,UAAA,EAAa;AAGrE,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,KAAA,EAAO,WAAW,CAAA;AAE7C,EAAA,OAAO;AAAA,IACL,OAAO,KAAA,IAAS,QAAA;AAAA,IAChB,QAAA;AAAA,IACA,eAAe,aAAA,IAAiB,OAAA;AAAA,IAChC;AAAA,GACF;AACF;AAMO,SAAS,cAAA,GAAiB;AAC/B,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,QAAA;AAAA,IACP,UAAU,MAAM;AAAA,IAAC,CAAA;AAAA,IACjB,aAAA,EAAe,OAAA;AAAA,IACf,MAAA,EAAQ;AAAA,GACV;AACF;AAMO,SAAS,oBAAA,CAAqB;AAAA,EACnC;AACF,CAAA,EAEG;AAED,EAAA,uBAAOC,GAAAA,CAAAC,QAAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AACrB;AA/DA,IAAA,kBAAA,GAAA,KAAA,CAAA;AAAA,EAAA,8BAAA,GAAA;AAAA,IAAA,YAAA;AAGA,IAAA,gBAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA;ACOO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAZA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,kBAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;AC2BO,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAU,aAAA,KAAkB,QAAA,EAAS;AACpD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAUC,eAAS,KAAK,CAAA;AAGlD,EAAMA,gBAAU,MAAM;AACpB,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAGrB,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,QAAA,CAAS,aAAA,KAAkB,MAAA,GAAS,OAAA,GAAU,MAAM,CAAA;AAAA,EACtD,CAAA;AAGA,EAAA,MAAM,QAAA,GAAW;AAAA,IACf,EAAA,EAAI,EAAA;AAAA,IACJ,EAAA,EAAI,EAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAGA,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,WAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAGA,EAAA,MAAM,eAAA,GAAkB;AAAA,IACtB,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAGA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,uBACEF,GAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,mIAAA;AAAA,UACA,YAAY,IAAI,CAAA;AAAA,UAChB;AAAA,SACF;AAAA,QACA,YAAA,EAAY,aAAA,KAAkB,MAAA,GAAS,uBAAA,GAA0B,sBAAA;AAAA,QAChE,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,aAAA,KAAkB,yBACjBA,GAAAA,CAAC,WAAQ,IAAA,EAAM,QAAA,CAAS,IAAI,CAAA,EAAG,MAAA,EAAQ,KAAK,CAAA,mBAE5CA,IAAC,QAAA,EAAA,EAAS,IAAA,EAAM,SAAS,IAAI,CAAA,EAAG,QAAQ,GAAA,EAAK;AAAA;AAAA,KAEjD;AAAA,EAEJ;AAGA,EAAA,IAAI,YAAY,QAAA,EAAU;AACxB,IAAA,uBACEA,GAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,gGAAA;AAAA,UACA,gBAAgB,IAAI,CAAA;AAAA,UACpB,8CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,aAAA,KAAkB,SAAS,YAAA,GAAe;AAAA;AAAA,KAC7C;AAAA,EAEJ;AAGA,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,WAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,QACT,oKAAA;AAAA,QACA,gBAAgB,IAAI,CAAA;AAAA,QACpB,aAAA,KAAkB,SACd,qDAAA,GACA,kDAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACA,YAAA,EAAY,aAAA,KAAkB,MAAA,GAAS,uBAAA,GAA0B,sBAAA;AAAA,MAChE,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,aAAA,KAAkB,MAAA,mBACjB,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EACd,QAAA,EAAA;AAAA,wBAAAA,GAAAA,CAAC,WAAQ,IAAA,EAAM,QAAA,CAAS,IAAI,CAAA,EAAG,MAAA,EAAQ,GAAA,EAAK,SAAA,EAAU,MAAA,EAAO,CAAA;AAAA,QAAE;AAAA,OAAA,EAEjE,CAAA,mBAEA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EACd,QAAA,EAAA;AAAA,wBAAAA,GAAAA,CAAC,YAAS,IAAA,EAAM,QAAA,CAAS,IAAI,CAAA,EAAG,MAAA,EAAQ,GAAA,EAAK,SAAA,EAAU,MAAA,EAAO,CAAA;AAAA,QAAE;AAAA,OAAA,EAElE;AAAA;AAAA,GAEJ;AAEJ;AA7IA,IAAA,iBAAA,GAAA,KAAA,CAAA;AAAA,EAAA,iDAAA,GAAA;AAAA,IAAA,YAAA;AAGA,IAAA,kBAAA,EAAA;AACA,IAAA,UAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACJA,IAAA,oBAAA,GAAA,EAAA;AAAA,QAAA,CAAA,oBAAA,EAAA;AAAA,EAAA,WAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,kBAAAA,GAAA,KAAA,CAAA;AAAA,EAAA,yCAAA,GAAA;AAAA,IAAA,iBAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACCA,mBAAA,EAAA;AACA,kBAAA,EAAA;AACAA,kBAAAA,EAAAA;ACQO,IAAM,oBAAA,GAAuB,OAAA;AAAA,EAClC,MAAM,8EAA2B,IAAA,CAAK,CAAA,GAAA,MAAQ,EAAE,OAAA,EAAS,GAAA,CAAI,eAAc,CAAE,CAAA;AAAA,EAC7E;AAAA,IACE,GAAA,EAAK,KAAA;AAAA,IACL,OAAA,EAAS,sBAAMH,GAAAA,CAAC,SAAI,KAAA,EAAO,EAAE,UAAA,EAAY,QAAA,EAAS,EAAG;AAAA;AAEzD;AAGO,IAAM,yBAAA,GAA4B,OAAA;AAAA,EACvC,MAAM,8EAA2B,IAAA,CAAK,CAAA,GAAA,MAAQ,EAAE,OAAA,EAAS,GAAA,CAAI,oBAAmB,CAAE,CAAA;AAAA,EAClF;AAAA,IACE,GAAA,EAAK,KAAA;AAAA,IACL,OAAA,EAAS,sBAAMA,GAAAA,CAAC,SAAI,KAAA,EAAO,EAAE,UAAA,EAAY,QAAA,EAAS,EAAG;AAAA;AAEzD;AAGO,IAAM,kBAAA,GAAqB,OAAA;AAAA,EAChC,MAAM,2EAAwC,IAAA,CAAK,CAAA,GAAA,MAAQ,EAAE,OAAA,EAAS,GAAA,CAAI,aAAY,CAAE,CAAA;AAAA,EACxF;AAAA,IACE,GAAA,EAAK,KAAA;AAAA,IACL,OAAA,EAAS,sBAAMA,GAAAA,CAAC,SAAI,KAAA,EAAO,EAAE,UAAA,EAAY,QAAA,EAAS,EAAG;AAAA;AAEzD;AAMO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,GAAG;AACL,CAAA,EAIG;AACD,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBAAOA,GAAAA,CAAC,yBAAA,EAAA,EAA2B,GAAG,OAAQ,QAAA,EAAS,CAAA;AAAA,EACzD;AAEA,EAAA,uBAAOA,GAAAA,CAAC,oBAAA,EAAA,EAAsB,GAAG,OAAQ,QAAA,EAAS,CAAA;AACpD;;;ADzCA,gBAAA,EAAA","file":"index.mjs","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ThemeProvider as NextThemesProvider } from \"next-themes\"\nimport type { ThemeProviderProps } from \"next-themes/dist/types\"\n\n/**\n * ThemeProvider component for handling theme state\n * \n * This wraps the next-themes provider with sensible defaults\n * for handling light/dark themes and system preferences\n * \n * IMPORTANT: This component must be used in a Client Component context.\n * For Server Components, use the NoSSR wrapper or dynamic imports.\n */\nexport function ThemeProvider({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  // Ensure we're in a client environment\n  if (typeof window === 'undefined') {\n    // Return children without theme provider in SSR\n    return <>{children}</>;\n  }\n\n  return (\n    <NextThemesProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n      {...props}\n    >\n      {children}\n    </NextThemesProvider>\n  )\n}\n\n/**\n * NoSSR wrapper for theme provider to prevent SSR issues\n * Use this when you need to ensure the theme provider only renders on the client\n */\nexport function ThemeProviderNoSSR({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) {\n    return <>{children}</>;\n  }\n\n  return (\n    <ThemeProvider {...props}>\n      {children}\n    </ThemeProvider>\n  );\n}","/**\n * Utility functions for theme handling\n */\n\n/**\n * Supported color theme values\n */\nexport type ThemeColor = 'brand' | 'error' | 'warning' | 'success';\n\n/**\n * Supported component variant types\n */\nexport type ComponentVariant = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * Map design system colors to shadcn variants\n * \n * @param color - The design system color\n * @returns The corresponding shadcn variant\n */\nexport const mapColorToShadcnVariant = (color: ThemeColor) => {\n  switch (color) {\n    case 'brand': return 'default';\n    case 'error': return 'destructive';\n    case 'warning':\n    case 'success':\n      return 'secondary'; // Will need additional classes\n    default: return 'default';\n  }\n};\n\n/**\n * Map design system variants to shadcn variants\n * \n * @param variant - The design system variant\n * @returns The corresponding shadcn variant\n */\nexport const mapVariantToShadcnVariant = (variant: ComponentVariant) => {\n  switch (variant) {\n    case 'primary': return 'default';\n    case 'secondary': return 'outline';\n    case 'tertiary': return 'ghost';\n    default: return 'default';\n  }\n};\n\n/**\n * Generate Tailwind classes for color/variant combinations\n * \n * @param color - The design system color\n * @param variant - The design system variant\n * @returns String of Tailwind classes\n */\nexport const getColorVariantClasses = (\n  color: ThemeColor, \n  variant: ComponentVariant\n): string => {\n  const colorVariantMap: Record<ComponentVariant, Record<ThemeColor, string>> = {\n    primary: {\n      brand: 'bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500',\n      error: 'bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500',\n      warning: 'bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500',\n      success: 'bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500',\n    },\n    secondary: {\n      brand: 'border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    },\n    tertiary: {\n      brand: 'text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    }\n  };\n\n  return colorVariantMap[variant]?.[color] || '';\n};\n\n/**\n * Determine if the current theme is dark\n * \n * @param theme - The current theme\n * @param systemTheme - The system theme\n * @returns True if the theme is dark\n */\nexport const isDarkTheme = (theme: string | undefined, systemTheme: string | undefined): boolean => {\n  if (theme === 'system') {\n    return systemTheme === 'dark';\n  }\n  return theme === 'dark';\n};","\"use client\"\n\nimport { useTheme as useNextTheme } from \"next-themes\"\nimport { isDarkTheme } from \"../lib/theme-utils\"\n\n/**\n * Enhanced useTheme hook that works directly with next-themes\n * \n * This hook provides a simplified interface to next-themes with additional\n * utility properties for better compatibility with Next.js App Router\n * \n * IMPORTANT: This hook must be used within a Client Component.\n * For Server Components, use the useThemeServer hook instead.\n */\nexport function useTheme() {\n  // Ensure we're in a client environment\n  if (typeof window === 'undefined') {\n    // Return default values for SSR\n    return {\n      theme: \"system\",\n      setTheme: () => {},\n      resolvedTheme: \"light\",\n      isDark: false,\n    };\n  }\n\n  const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();\n  \n  // Determine if the theme is dark\n  const isDark = isDarkTheme(theme, systemTheme);\n  \n  return {\n    theme: theme || \"system\",\n    setTheme,\n    resolvedTheme: resolvedTheme || \"light\",\n    isDark,\n  };\n}\n\n/**\n * Server-safe theme hook that can be used in Server Components\n * Returns default theme values without accessing client-side APIs\n */\nexport function useThemeServer() {\n  return {\n    theme: \"system\",\n    setTheme: () => {},\n    resolvedTheme: \"light\",\n    isDark: false,\n  };\n}\n\n/**\n * @deprecated Use ThemeProvider from './theme-provider' instead\n * This component is kept for backward compatibility but is no longer needed\n */\nexport function ThemeContextProvider({ \n  children \n}: { \n  children: React.ReactNode \n}) {\n  // This is now a no-op wrapper for backward compatibility\n  return <>{children}</>;\n}","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Combines multiple class values into a single className string\n * with proper Tailwind CSS class merging.\n * \n * @param inputs - Class values to merge\n * @returns Merged className string\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Utility function to generate a unique ID.\n * Useful for ensuring unique IDs for form elements.\n * \n * @param prefix - Optional prefix for the ID\n * @returns A unique ID string\n */\nexport function generateId(prefix = 'id'): string {\n  const randomId = Math.random().toString(36).substring(2, 9);\n  return `${prefix}-${randomId}`;\n}\n\n/**\n * Type guard to check if a value is not null or undefined\n * \n * @param value - Value to check\n * @returns True if value is not null or undefined\n */\nexport function isNotNullOrUndefined<T>(value: T | null | undefined): value is T {\n  return value !== null && value !== undefined;\n}\n\n/**\n * Returns only the props that are safe to spread onto a DOM element\n * by filtering out custom props\n * \n * @param props - The props object\n * @param propNames - Names of custom props to filter out\n * @returns Object with only DOM-safe props\n */\nexport function filterDOMProps<T extends Record<string, any>, K extends keyof T>(\n  props: T, \n  propNames: K[]\n): Omit<T, K> {\n  const result = { ...props };\n  propNames.forEach(name => delete result[name]);\n  return result;\n}","\"use client\"\n\nimport * as React from \"react\"\nimport { useTheme } from \"../../../themes/theme-context\"\nimport { cn } from \"../../../lib/utils\"\nimport { IconMoon, IconSun } from \"@tabler/icons-react\"\n\n/**\n * Props for the ThemeToggle component\n */\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant of the toggle\n   * @default 'icon'\n   */\n  variant?: 'icon' | 'switch' | 'button';\n  \n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/**\n * ThemeToggle component to switch between light and dark themes\n */\nexport function ThemeToggle({ \n  className, \n  variant = 'icon', \n  size = 'md',\n  ...props \n}: ThemeToggleProps) {\n  const { theme, setTheme, resolvedTheme } = useTheme()\n  const [mounted, setMounted] = React.useState(false)\n\n  // Handle hydration mismatch\n  React.useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  // Only render on client to prevent hydration mismatch\n  if (!mounted) return null;\n\n  // Toggle between light and dark\n  const toggleTheme = () => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\")\n  }\n\n  // Size mapping for Tabler icons\n  const iconSize = {\n    sm: 16,\n    md: 20,\n    lg: 24,\n  }\n\n  // Size classes for button\n  const sizeClasses = {\n    sm: 'h-8 w-8',\n    md: 'h-10 w-10',\n    lg: 'h-12 w-12',\n  }\n\n  // Text size classes\n  const textSizeClasses = {\n    sm: 'text-xs',\n    md: 'text-sm',\n    lg: 'text-base',\n  }\n\n  // Variant specific rendering\n  if (variant === 'icon') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n          sizeClasses[size],\n          className\n        )}\n        aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? (\n          <IconSun size={iconSize[size]} stroke={1.5} />\n        ) : (\n          <IconMoon size={iconSize[size]} stroke={1.5} />\n        )}\n      </button>\n    )\n  }\n  \n  // Button variant\n  if (variant === 'button') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2\",\n          textSizeClasses[size],\n          \"hover:bg-accent hover:text-accent-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? \"Light Mode\" : \"Dark Mode\"}\n      </button>\n    )\n  }\n  \n  // Switch variant\n  return (\n    <button\n      type=\"button\"\n      onClick={toggleTheme}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-md px-3 py-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        textSizeClasses[size],\n        resolvedTheme === \"dark\" \n          ? \"bg-accent text-accent-foreground hover:bg-accent/80\" \n          : \"bg-muted text-muted-foreground hover:bg-muted/80\",\n        className\n      )}\n      aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n      {...props}\n    >\n      {resolvedTheme === \"dark\" ? (\n        <span className=\"flex items-center\">\n          <IconSun size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Light\n        </span>\n      ) : (\n        <span className=\"flex items-center\">\n          <IconMoon size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Dark\n        </span>\n      )}\n    </button>\n  )\n}","export * from './theme-toggle';","// Theme system exports\nexport { ThemeProvider, ThemeProviderNoSSR } from './theme-provider';\nexport { ThemeContextProvider, useTheme, useThemeServer } from './theme-context';\nexport { ThemeToggle } from '../components/ui/theme-toggle/index';\n\n// Dynamic imports for Server Component compatibility\nexport { \n  DynamicThemeProvider, \n  DynamicThemeProviderNoSSR, \n  DynamicThemeToggle,\n  SafeThemeProvider \n} from './dynamic-imports';\n\n// Re-export theme utilities\nexport { isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, getColorVariantClasses } from '../lib/theme-utils';\n\n// Export types\nexport type { ThemeColor, ComponentVariant } from '../lib/theme-utils';\n","\"use client\"\n\nimport dynamic from 'next/dynamic'\nimport type { ComponentType } from 'react'\n\n/**\n * Dynamically import theme components to prevent SSR issues\n * Use these imports when you need to use theme components in Server Components\n */\n\n// Dynamic import for ThemeProvider\nexport const DynamicThemeProvider = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProvider })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeProviderNoSSR\nexport const DynamicThemeProviderNoSSR = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProviderNoSSR })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeToggle\nexport const DynamicThemeToggle = dynamic(\n  () => import('../components/ui/theme-toggle').then(mod => ({ default: mod.ThemeToggle })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n/**\n * Safe theme provider for Next.js App Router\n * Automatically handles Server Component compatibility\n */\nexport function SafeThemeProvider({ \n  children, \n  noSSR = false,\n  ...props \n}: {\n  children: React.ReactNode\n  noSSR?: boolean\n  [key: string]: any\n}) {\n  if (noSSR) {\n    return <DynamicThemeProviderNoSSR {...props}>{children}</DynamicThemeProviderNoSSR>\n  }\n  \n  return <DynamicThemeProvider {...props}>{children}</DynamicThemeProvider>\n} "]}
+{"version":3,"sources":["../../src/themes/theme-provider.tsx","../../src/lib/theme-utils.ts","../../src/themes/theme-context.tsx","../../src/lib/utils.ts","../../src/components/ui/theme-toggle/theme-toggle.tsx","../../src/components/ui/theme-toggle/index.ts","../../src/themes/index.ts","../../src/themes/dynamic-imports.tsx"],"names":["React2","jsx","Fragment","React3","init_theme_toggle"],"mappings":"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","file":"index.mjs","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport type { ThemeProviderProps } from \"next-themes/dist/types\"\n\n/**\n * ThemeProvider component for handling theme state\n * \n * This wraps the next-themes provider with sensible defaults\n * for handling light/dark themes and system preferences\n * \n * IMPORTANT: This component must be used in a Client Component context.\n * For Server Components, use the NoSSR wrapper or dynamic imports.\n */\nexport function ThemeProvider({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [NextThemesProvider, setNextThemesProvider] = React.useState<any>(null);\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    // Only import next-themes on the client side\n    import('next-themes').then(({ ThemeProvider: Provider }) => {\n      setNextThemesProvider(() => Provider);\n      setMounted(true);\n    });\n  }, []);\n\n  // Return children without theme provider during SSR or before mounting\n  if (!mounted || !NextThemesProvider) {\n    return <>{children}</>;\n  }\n\n  return (\n    <NextThemesProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n      {...props}\n    >\n      {children}\n    </NextThemesProvider>\n  )\n}\n\n/**\n * NoSSR wrapper for theme provider to prevent SSR issues\n * Use this when you need to ensure the theme provider only renders on the client\n */\nexport function ThemeProviderNoSSR({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) {\n    return <>{children}</>;\n  }\n\n  return (\n    <ThemeProvider {...props}>\n      {children}\n    </ThemeProvider>\n  );\n}","/**\n * Utility functions for theme handling\n */\n\n/**\n * Supported color theme values\n */\nexport type ThemeColor = 'brand' | 'error' | 'warning' | 'success';\n\n/**\n * Supported component variant types\n */\nexport type ComponentVariant = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * Map design system colors to shadcn variants\n * \n * @param color - The design system color\n * @returns The corresponding shadcn variant\n */\nexport const mapColorToShadcnVariant = (color: ThemeColor) => {\n  switch (color) {\n    case 'brand': return 'default';\n    case 'error': return 'destructive';\n    case 'warning':\n    case 'success':\n      return 'secondary'; // Will need additional classes\n    default: return 'default';\n  }\n};\n\n/**\n * Map design system variants to shadcn variants\n * \n * @param variant - The design system variant\n * @returns The corresponding shadcn variant\n */\nexport const mapVariantToShadcnVariant = (variant: ComponentVariant) => {\n  switch (variant) {\n    case 'primary': return 'default';\n    case 'secondary': return 'outline';\n    case 'tertiary': return 'ghost';\n    default: return 'default';\n  }\n};\n\n/**\n * Generate Tailwind classes for color/variant combinations\n * \n * @param color - The design system color\n * @param variant - The design system variant\n * @returns String of Tailwind classes\n */\nexport const getColorVariantClasses = (\n  color: ThemeColor, \n  variant: ComponentVariant\n): string => {\n  const colorVariantMap: Record<ComponentVariant, Record<ThemeColor, string>> = {\n    primary: {\n      brand: 'bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500',\n      error: 'bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500',\n      warning: 'bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500',\n      success: 'bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500',\n    },\n    secondary: {\n      brand: 'border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    },\n    tertiary: {\n      brand: 'text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',\n      error: 'text-error-700 hover:bg-error-50 focus-visible:ring-error-500',\n      warning: 'text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',\n      success: 'text-success-700 hover:bg-success-50 focus-visible:ring-success-500',\n    }\n  };\n\n  return colorVariantMap[variant]?.[color] || '';\n};\n\n/**\n * Determine if the current theme is dark\n * \n * @param theme - The current theme\n * @param systemTheme - The system theme\n * @returns True if the theme is dark\n */\nexport const isDarkTheme = (theme: string | undefined, systemTheme: string | undefined): boolean => {\n  if (theme === 'system') {\n    return systemTheme === 'dark';\n  }\n  return theme === 'dark';\n};","\"use client\"\n\nimport * as React from \"react\"\nimport { isDarkTheme } from \"../lib/theme-utils\"\n\n/**\n * Enhanced useTheme hook that works directly with next-themes\n * \n * This hook provides a simplified interface to next-themes with additional\n * utility properties for better compatibility with Next.js App Router\n * \n * IMPORTANT: This hook must be used within a Client Component.\n * For Server Components, use the useThemeServer hook instead.\n */\nexport function useTheme() {\n  const [themeData, setThemeData] = React.useState({\n    theme: \"system\",\n    setTheme: (theme: string) => {},\n    resolvedTheme: \"light\",\n    isDark: false,\n  });\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    // Only import next-themes on the client side\n    import('next-themes').then(({ useTheme: useNextTheme }) => {\n      const { theme, setTheme, resolvedTheme, systemTheme } = useNextTheme();\n      const isDark = isDarkTheme(theme, systemTheme);\n      \n      setThemeData({\n        theme: theme || \"system\",\n        setTheme,\n        resolvedTheme: resolvedTheme || \"light\",\n        isDark,\n      });\n      setMounted(true);\n    });\n  }, []);\n\n  // Return default values during SSR or before mounting\n  if (!mounted) {\n    return {\n      theme: \"system\",\n      setTheme: (theme: string) => {},\n      resolvedTheme: \"light\",\n      isDark: false,\n    };\n  }\n\n  return themeData;\n}\n\n/**\n * Server-safe theme hook that can be used in Server Components\n * Returns default theme values without accessing client-side APIs\n */\nexport function useThemeServer() {\n  return {\n    theme: \"system\",\n    setTheme: (theme: string) => {},\n    resolvedTheme: \"light\",\n    isDark: false,\n  };\n}\n\n/**\n * @deprecated Use ThemeProvider from './theme-provider' instead\n * This component is kept for backward compatibility but is no longer needed\n */\nexport function ThemeContextProvider({ \n  children \n}: { \n  children: React.ReactNode \n}) {\n  // This is now a no-op wrapper for backward compatibility\n  return <>{children}</>;\n}","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Combines multiple class values into a single className string\n * with proper Tailwind CSS class merging.\n * \n * @param inputs - Class values to merge\n * @returns Merged className string\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Utility function to generate a unique ID.\n * Useful for ensuring unique IDs for form elements.\n * \n * @param prefix - Optional prefix for the ID\n * @returns A unique ID string\n */\nexport function generateId(prefix = 'id'): string {\n  const randomId = Math.random().toString(36).substring(2, 9);\n  return `${prefix}-${randomId}`;\n}\n\n/**\n * Type guard to check if a value is not null or undefined\n * \n * @param value - Value to check\n * @returns True if value is not null or undefined\n */\nexport function isNotNullOrUndefined<T>(value: T | null | undefined): value is T {\n  return value !== null && value !== undefined;\n}\n\n/**\n * Returns only the props that are safe to spread onto a DOM element\n * by filtering out custom props\n * \n * @param props - The props object\n * @param propNames - Names of custom props to filter out\n * @returns Object with only DOM-safe props\n */\nexport function filterDOMProps<T extends Record<string, any>, K extends keyof T>(\n  props: T, \n  propNames: K[]\n): Omit<T, K> {\n  const result = { ...props };\n  propNames.forEach(name => delete result[name]);\n  return result;\n}","\"use client\"\n\nimport * as React from \"react\"\nimport { useTheme } from \"../../../themes/theme-context\"\nimport { cn } from \"../../../lib/utils\"\nimport { IconMoon, IconSun } from \"@tabler/icons-react\"\n\n/**\n * Props for the ThemeToggle component\n */\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLButtonElement> {\n  /**\n   * Variant of the toggle\n   * @default 'icon'\n   */\n  variant?: 'icon' | 'switch' | 'button';\n  \n  /**\n   * Size of the toggle\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/**\n * ThemeToggle component to switch between light and dark themes\n */\nexport function ThemeToggle({ \n  className, \n  variant = 'icon', \n  size = 'md',\n  ...props \n}: ThemeToggleProps) {\n  const { theme, setTheme, resolvedTheme } = useTheme()\n  const [mounted, setMounted] = React.useState(false)\n\n  // Handle hydration mismatch\n  React.useEffect(() => {\n    setMounted(true)\n  }, [])\n\n  // Only render on client to prevent hydration mismatch\n  if (!mounted) return null;\n\n  // Toggle between light and dark\n  const toggleTheme = () => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\")\n  }\n\n  // Size mapping for Tabler icons\n  const iconSize = {\n    sm: 16,\n    md: 20,\n    lg: 24,\n  }\n\n  // Size classes for button\n  const sizeClasses = {\n    sm: 'h-8 w-8',\n    md: 'h-10 w-10',\n    lg: 'h-12 w-12',\n  }\n\n  // Text size classes\n  const textSizeClasses = {\n    sm: 'text-xs',\n    md: 'text-sm',\n    lg: 'text-base',\n  }\n\n  // Variant specific rendering\n  if (variant === 'icon') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n          sizeClasses[size],\n          className\n        )}\n        aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? (\n          <IconSun size={iconSize[size]} stroke={1.5} />\n        ) : (\n          <IconMoon size={iconSize[size]} stroke={1.5} />\n        )}\n      </button>\n    )\n  }\n  \n  // Button variant\n  if (variant === 'button') {\n    return (\n      <button\n        type=\"button\"\n        onClick={toggleTheme}\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2\",\n          textSizeClasses[size],\n          \"hover:bg-accent hover:text-accent-foreground\",\n          className\n        )}\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? \"Light Mode\" : \"Dark Mode\"}\n      </button>\n    )\n  }\n  \n  // Switch variant\n  return (\n    <button\n      type=\"button\"\n      onClick={toggleTheme}\n      className={cn(\n        \"inline-flex items-center justify-center rounded-md px-3 py-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        textSizeClasses[size],\n        resolvedTheme === \"dark\" \n          ? \"bg-accent text-accent-foreground hover:bg-accent/80\" \n          : \"bg-muted text-muted-foreground hover:bg-muted/80\",\n        className\n      )}\n      aria-label={resolvedTheme === \"dark\" ? \"Switch to light theme\" : \"Switch to dark theme\"}\n      {...props}\n    >\n      {resolvedTheme === \"dark\" ? (\n        <span className=\"flex items-center\">\n          <IconSun size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Light\n        </span>\n      ) : (\n        <span className=\"flex items-center\">\n          <IconMoon size={iconSize[size]} stroke={1.5} className=\"mr-2\" />\n          Dark\n        </span>\n      )}\n    </button>\n  )\n}","export * from './theme-toggle';","// Theme system exports\nexport { ThemeProvider, ThemeProviderNoSSR } from './theme-provider';\nexport { ThemeContextProvider, useTheme, useThemeServer } from './theme-context';\nexport { ThemeToggle } from '../components/ui/theme-toggle/index';\n\n// Dynamic imports for Server Component compatibility\nexport { \n  DynamicThemeProvider, \n  DynamicThemeProviderNoSSR, \n  DynamicThemeToggle,\n  SafeThemeProvider \n} from './dynamic-imports';\n\n// Re-export theme utilities\nexport { isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, getColorVariantClasses } from '../lib/theme-utils';\n\n// Export types\nexport type { ThemeColor, ComponentVariant } from '../lib/theme-utils';\n","\"use client\"\n\nimport dynamic from 'next/dynamic'\nimport type { ComponentType } from 'react'\n\n/**\n * Dynamically import theme components to prevent SSR issues\n * Use these imports when you need to use theme components in Server Components\n */\n\n// Dynamic import for ThemeProvider\nexport const DynamicThemeProvider = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProvider })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeProviderNoSSR\nexport const DynamicThemeProviderNoSSR = dynamic(\n  () => import('./theme-provider').then(mod => ({ default: mod.ThemeProviderNoSSR })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n// Dynamic import for ThemeToggle\nexport const DynamicThemeToggle = dynamic(\n  () => import('../components/ui/theme-toggle').then(mod => ({ default: mod.ThemeToggle })),\n  {\n    ssr: false,\n    loading: () => <div style={{ visibility: 'hidden' }} />,\n  }\n) as ComponentType<any>\n\n/**\n * Safe theme provider for Next.js App Router\n * Automatically handles Server Component compatibility\n */\nexport function SafeThemeProvider({ \n  children, \n  noSSR = false,\n  ...props \n}: {\n  children: React.ReactNode\n  noSSR?: boolean\n  [key: string]: any\n}) {\n  if (noSSR) {\n    return <DynamicThemeProviderNoSSR {...props}>{children}</DynamicThemeProviderNoSSR>\n  }\n  \n  return <DynamicThemeProvider {...props}>{children}</DynamicThemeProvider>\n} "]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tydavidson/design-system",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "Float Design System with email components and theme system",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",