@tydavidson/design-system 1.1.16 → 1.1.18

package/dist/themes/index.d.mts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ThemeProviderProps } from 'next-themes/dist/types';
-import * as React from 'react';
 
 /**
  * Utility functions for theme handling
@@ -60,57 +59,6 @@ declare function ThemeProvider({ children, ...props }: ThemeProviderProps): reac
  */
 declare function ThemeProviderNoSSR({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Server-safe theme hook that can be used in Server Components
- * Returns default theme values without accessing client-side APIs
- */
-declare function useThemeServer(): {
-    theme: string;
-    setTheme: (theme: string) => void;
-    resolvedTheme: string;
-    isDark: boolean;
-};
-/**
- * @deprecated Use ThemeProvider from './theme-provider' instead
- * This component is kept for backward compatibility but is no longer needed
- */
-declare function ThemeContextProvider({ children }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-/**
- * @deprecated Use useTheme from next-themes directly or use the ThemeProvider
- * This hook is kept for backward compatibility but is no longer needed
- */
-declare function useTheme(): {
-    theme: string;
-    setTheme: (theme: string) => void;
-    resolvedTheme: string;
-    isDark: boolean;
-};
-
-/**
- * Props for the ThemeToggle component
- */
-interface ThemeToggleProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Variant of the toggle
-     * @default 'icon'
-     */
-    variant?: 'icon' | 'switch' | 'button';
-    /**
-     * Size of the toggle
-     * @default 'md'
-     */
-    size?: 'sm' | 'md' | 'lg';
-}
-/**
- * ThemeToggle component to switch between light and dark themes
- *
- * IMPORTANT: This component uses React hooks and must only be used in Client Components.
- * For Server Components, use ClientThemeToggle from the themes package instead.
- */
-declare function ThemeToggle({ className, variant, size, ...props }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Client-only theme provider wrapper
  * This component ensures theme functionality only runs on the client side
@@ -124,4 +72,15 @@ declare function ClientThemeProvider({ children, ...props }: ThemeProviderProps)
  */
 declare function ClientThemeToggle(props: any): react_jsx_runtime.JSX.Element;
 
-export { ClientThemeProvider, ClientThemeToggle, type ComponentVariant, type ThemeColor, ThemeContextProvider, ThemeProvider, ThemeProviderNoSSR, ThemeToggle, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useTheme, useThemeServer };
+/**
+ * Server-safe theme hook that can be used in Server Components
+ * Returns default theme values without accessing client-side APIs
+ */
+declare function useThemeServer(): {
+    theme: string;
+    setTheme: (theme: string) => void;
+    resolvedTheme: string;
+    isDark: boolean;
+};
+
+export { ClientThemeProvider, ClientThemeToggle, type ComponentVariant, type ThemeColor, ThemeProvider, ThemeProviderNoSSR, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useThemeServer };

package/dist/themes/index.d.ts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ThemeProviderProps } from 'next-themes/dist/types';
-import * as React from 'react';
 
 /**
  * Utility functions for theme handling
@@ -60,57 +59,6 @@ declare function ThemeProvider({ children, ...props }: ThemeProviderProps): reac
  */
 declare function ThemeProviderNoSSR({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Server-safe theme hook that can be used in Server Components
- * Returns default theme values without accessing client-side APIs
- */
-declare function useThemeServer(): {
-    theme: string;
-    setTheme: (theme: string) => void;
-    resolvedTheme: string;
-    isDark: boolean;
-};
-/**
- * @deprecated Use ThemeProvider from './theme-provider' instead
- * This component is kept for backward compatibility but is no longer needed
- */
-declare function ThemeContextProvider({ children }: {
-    children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
-/**
- * @deprecated Use useTheme from next-themes directly or use the ThemeProvider
- * This hook is kept for backward compatibility but is no longer needed
- */
-declare function useTheme(): {
-    theme: string;
-    setTheme: (theme: string) => void;
-    resolvedTheme: string;
-    isDark: boolean;
-};
-
-/**
- * Props for the ThemeToggle component
- */
-interface ThemeToggleProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Variant of the toggle
-     * @default 'icon'
-     */
-    variant?: 'icon' | 'switch' | 'button';
-    /**
-     * Size of the toggle
-     * @default 'md'
-     */
-    size?: 'sm' | 'md' | 'lg';
-}
-/**
- * ThemeToggle component to switch between light and dark themes
- *
- * IMPORTANT: This component uses React hooks and must only be used in Client Components.
- * For Server Components, use ClientThemeToggle from the themes package instead.
- */
-declare function ThemeToggle({ className, variant, size, ...props }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Client-only theme provider wrapper
  * This component ensures theme functionality only runs on the client side
@@ -124,4 +72,15 @@ declare function ClientThemeProvider({ children, ...props }: ThemeProviderProps)
  */
 declare function ClientThemeToggle(props: any): react_jsx_runtime.JSX.Element;
 
-export { ClientThemeProvider, ClientThemeToggle, type ComponentVariant, type ThemeColor, ThemeContextProvider, ThemeProvider, ThemeProviderNoSSR, ThemeToggle, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useTheme, useThemeServer };
+/**
+ * Server-safe theme hook that can be used in Server Components
+ * Returns default theme values without accessing client-side APIs
+ */
+declare function useThemeServer(): {
+    theme: string;
+    setTheme: (theme: string) => void;
+    resolvedTheme: string;
+    isDark: boolean;
+};
+
+export { ClientThemeProvider, ClientThemeToggle, type ComponentVariant, type ThemeColor, ThemeProvider, ThemeProviderNoSSR, getColorVariantClasses, isDarkTheme, mapColorToShadcnVariant, mapVariantToShadcnVariant, useThemeServer };

package/dist/themes/index.js

@@ -2,9 +2,6 @@
 
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var iconsReact = require('@tabler/icons-react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -26,227 +23,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-function useThemeServer() {
-  return {
-    theme: "system",
-    setTheme: (theme) => {
-    },
-    resolvedTheme: "light",
-    isDark: false
-  };
-}
-function ThemeContextProvider({
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-}
-function useTheme() {
-  const [themeData, setThemeData] = React__namespace.useState({
-    theme: "system",
-    setTheme: (theme) => {
-    },
-    resolvedTheme: "light",
-    isDark: false
-  });
-  const [mounted, setMounted] = React__namespace.useState(false);
-  React__namespace.useEffect(() => {
-    if (typeof window === "undefined") return;
-    import('next-themes').then((nextThemes) => {
-      const themeManager = {
-        getTheme: () => {
-          if (typeof window !== "undefined") {
-            const savedTheme = localStorage.getItem("theme");
-            if (savedTheme) return savedTheme;
-            if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
-              return "dark";
-            }
-          }
-          return "light";
-        },
-        setTheme: (theme) => {
-          if (typeof window !== "undefined") {
-            localStorage.setItem("theme", theme);
-            document.documentElement.classList.toggle("dark", theme === "dark");
-            setThemeData((prev) => ({
-              ...prev,
-              theme,
-              resolvedTheme: theme,
-              isDark: theme === "dark"
-            }));
-          }
-        }
-      };
-      const currentTheme = themeManager.getTheme();
-      const isDark = currentTheme === "dark";
-      setThemeData({
-        theme: currentTheme,
-        setTheme: themeManager.setTheme,
-        resolvedTheme: currentTheme,
-        isDark
-      });
-      setMounted(true);
-    });
-  }, []);
-  return themeData;
-}
-var init_theme_context = __esm({
-  "src/themes/theme-context.tsx"() {
-    "use client";
-  }
-});
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var init_utils = __esm({
-  "src/lib/utils.ts"() {
-  }
-});
-function ThemeToggle({
-  className,
-  variant = "icon",
-  size = "md",
-  ...props
-}) {
-  if (typeof window === "undefined") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "inline-flex items-center justify-center rounded-md border border-input bg-background",
-          size === "sm" ? "h-8 w-8" : size === "lg" ? "h-12 w-12" : "h-10 w-10",
-          className
-        ),
-        "aria-label": "Toggle theme",
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: size === "sm" ? 16 : size === "lg" ? 24 : 20, stroke: 1.5 })
-      }
-    );
-  }
-  const { theme, setTheme, resolvedTheme } = useTheme();
-  const [mounted, setMounted] = React__namespace.useState(false);
-  React__namespace.useEffect(() => {
-    setMounted(true);
-  }, []);
-  if (!mounted) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "inline-flex items-center justify-center rounded-md border border-input bg-background",
-          size === "sm" ? "h-8 w-8" : size === "lg" ? "h-12 w-12" : "h-10 w-10",
-          className
-        ),
-        "aria-label": "Toggle theme",
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: size === "sm" ? 16 : size === "lg" ? 24 : 20, stroke: 1.5 })
-      }
-    );
-  }
-  const toggleTheme = () => {
-    setTheme(resolvedTheme === "dark" ? "light" : "dark");
-  };
-  const iconSize = {
-    sm: 16,
-    md: 20,
-    lg: 24
-  };
-  const sizeClasses = {
-    sm: "h-8 w-8",
-    md: "h-10 w-10",
-    lg: "h-12 w-12"
-  };
-  const textSizeClasses = {
-    sm: "text-xs",
-    md: "text-sm",
-    lg: "text-base"
-  };
-  if (variant === "icon") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: toggleTheme,
-        className: cn(
-          "inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-          sizeClasses[size],
-          className
-        ),
-        "aria-label": "Toggle theme",
-        ...props,
-        children: resolvedTheme === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: iconSize[size], stroke: 1.5 }) : /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconMoon, { size: iconSize[size], stroke: 1.5 })
-      }
-    );
-  }
-  if (variant === "button") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: toggleTheme,
-        className: cn(
-          "inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2",
-          textSizeClasses[size],
-          "hover:bg-accent hover:text-accent-foreground",
-          className
-        ),
-        "aria-label": "Toggle theme",
-        ...props,
-        children: resolvedTheme === "dark" ? "Light Mode" : "Dark Mode"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      onClick: toggleTheme,
-      className: cn(
-        "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",
-        textSizeClasses[size],
-        resolvedTheme === "dark" ? "bg-accent text-accent-foreground hover:bg-accent/80" : "bg-muted text-muted-foreground hover:bg-muted/80",
-        className
-      ),
-      "aria-label": "Toggle theme",
-      ...props,
-      children: resolvedTheme === "dark" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconSun, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
-        "Light"
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconMoon, { size: iconSize[size], stroke: 1.5, className: "mr-2" }),
-        "Dark"
-      ] })
-    }
-  );
-}
-var init_theme_toggle = __esm({
-  "src/components/ui/theme-toggle/theme-toggle.tsx"() {
-    "use client";
-    init_theme_context();
-    init_utils();
-  }
-});
-
-// src/components/ui/theme-toggle/index.ts
-var theme_toggle_exports = {};
-__export(theme_toggle_exports, {
-  ThemeToggle: () => ThemeToggle
-});
-var init_theme_toggle2 = __esm({
-  "src/components/ui/theme-toggle/index.ts"() {
-    init_theme_toggle();
-  }
-});
+// src/themes/theme-provider.tsx
 function ThemeProvider({
   children,
   ...props
@@ -287,10 +64,6 @@ function ThemeProviderNoSSR({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeProvider, { ...props, children });
 }
-
-// src/themes/index.ts
-init_theme_context();
-init_theme_toggle2();
 function ClientThemeProvider({
   children,
   ...props
@@ -306,14 +79,25 @@ function ClientThemeProvider({
 }
 function ClientThemeToggle(props) {
   const [mounted, setMounted] = React__namespace.useState(false);
-  const [ThemeToggleComponent, setThemeToggleComponent] = React__namespace.useState(void 0);
+  const [isDark, setIsDark] = React__namespace.useState(false);
   React__namespace.useEffect(() => {
     setMounted(true);
-    Promise.resolve().then(() => (init_theme_toggle2(), theme_toggle_exports)).then(({ ThemeToggle: ThemeToggle2 }) => {
-      setThemeToggleComponent(() => ThemeToggle2);
-    });
+    if (typeof window !== "undefined") {
+      const savedTheme = localStorage.getItem("theme");
+      const systemPrefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      const currentTheme = savedTheme || (systemPrefersDark ? "dark" : "light");
+      setIsDark(currentTheme === "dark");
+    }
   }, []);
-  if (!mounted || !ThemeToggleComponent) {
+  const toggleTheme = () => {
+    if (typeof window !== "undefined") {
+      const newTheme = isDark ? "light" : "dark";
+      localStorage.setItem("theme", newTheme);
+      document.documentElement.classList.toggle("dark", newTheme === "dark");
+      setIsDark(newTheme === "dark");
+    }
+  };
+  if (!mounted) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -348,7 +132,62 @@ function ClientThemeToggle(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ThemeToggleComponent, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: toggleTheme,
+      className: "inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10",
+      "aria-label": "Toggle theme",
+      ...props,
+      children: isDark ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20v2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4.93 4.93 1.41 1.41" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m17.66 17.66 1.41 1.41" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12h2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 12h2" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6.34 17.66-1.41 1.41" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m19.07 4.93-1.41 1.41" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+        }
+      )
+    }
+  );
+}
+function useThemeServer() {
+  return {
+    theme: "system",
+    setTheme: (theme) => {
+    },
+    resolvedTheme: "light",
+    isDark: false
+  };
 }
 
 // src/lib/theme-utils.ts
@@ -410,15 +249,12 @@ var isDarkTheme = (theme, systemTheme) => {
 
 exports.ClientThemeProvider = ClientThemeProvider;
 exports.ClientThemeToggle = ClientThemeToggle;
-exports.ThemeContextProvider = ThemeContextProvider;
 exports.ThemeProvider = ThemeProvider;
 exports.ThemeProviderNoSSR = ThemeProviderNoSSR;
-exports.ThemeToggle = ThemeToggle;
 exports.getColorVariantClasses = getColorVariantClasses;
 exports.isDarkTheme = isDarkTheme;
 exports.mapColorToShadcnVariant = mapColorToShadcnVariant;
 exports.mapVariantToShadcnVariant = mapVariantToShadcnVariant;
-exports.useTheme = useTheme;
 exports.useThemeServer = useThemeServer;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../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/theme-provider.tsx","../../src/themes/index.ts","../../src/themes/client-wrapper.tsx","../../src/lib/theme-utils.ts"],"names":["jsx","Fragment","React2","twMerge","clsx","IconSun","React3","IconMoon","jsxs","init_theme_toggle","React","React4","ThemeToggle"],"mappings":"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","file":"index.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\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}\n\n/**\n * @deprecated Use useTheme from next-themes directly or use the ThemeProvider\n * This hook is kept for backward compatibility but is no longer needed\n */\nexport function useTheme() {\n  // Import next-themes dynamically to avoid SSR issues\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 run on client side\n    if (typeof window === 'undefined') return;\n\n    // Import next-themes and use it properly\n    import('next-themes').then((nextThemes) => {\n      // Create a simple theme manager that doesn't violate hook rules\n      const themeManager = {\n        getTheme: () => {\n          // Get theme from localStorage or system preference\n          if (typeof window !== 'undefined') {\n            const savedTheme = localStorage.getItem('theme');\n            if (savedTheme) return savedTheme;\n            \n            // Check system preference\n            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n              return 'dark';\n            }\n          }\n          return 'light';\n        },\n        setTheme: (theme: string) => {\n          if (typeof window !== 'undefined') {\n            localStorage.setItem('theme', theme);\n            document.documentElement.classList.toggle('dark', theme === 'dark');\n            // Trigger a re-render\n            setThemeData(prev => ({\n              ...prev,\n              theme,\n              resolvedTheme: theme,\n              isDark: theme === 'dark'\n            }));\n          }\n        }\n      };\n\n      const currentTheme = themeManager.getTheme();\n      const isDark = currentTheme === 'dark';\n      \n      setThemeData({\n        theme: currentTheme,\n        setTheme: themeManager.setTheme,\n        resolvedTheme: currentTheme,\n        isDark,\n      });\n      setMounted(true);\n    });\n  }, []);\n\n  return themeData;\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 * \n * IMPORTANT: This component uses React hooks and must only be used in Client Components.\n * For Server Components, use ClientThemeToggle from the themes package instead.\n */\nexport function ThemeToggle({ \n  className, \n  variant = 'icon', \n  size = 'md',\n  ...props \n}: ThemeToggleProps) {\n  // Additional Server Component protection\n  if (typeof window === 'undefined') {\n    // Return a placeholder during SSR to prevent hydration issues\n    return (\n      <button\n        type=\"button\"\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background\",\n          size === 'sm' ? 'h-8 w-8' : size === 'lg' ? 'h-12 w-12' : 'h-10 w-10',\n          className\n        )}\n        aria-label=\"Toggle theme\"\n        {...props}\n      >\n        <IconSun size={size === 'sm' ? 16 : size === 'lg' ? 24 : 20} stroke={1.5} />\n      </button>\n    );\n  }\n\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) {\n    return (\n      <button\n        type=\"button\"\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md border border-input bg-background\",\n          size === 'sm' ? 'h-8 w-8' : size === 'lg' ? 'h-12 w-12' : 'h-10 w-10',\n          className\n        )}\n        aria-label=\"Toggle theme\"\n        {...props}\n      >\n        <IconSun size={size === 'sm' ? 16 : size === 'lg' ? 24 : 20} stroke={1.5} />\n      </button>\n    );\n  }\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=\"Toggle 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        aria-label=\"Toggle theme\"\n        {...props}\n      >\n        {resolvedTheme === \"dark\" ? \"Light Mode\" : \"Dark Mode\"}\n      </button>\n    )\n  }\n\n  // Default variant (switch-like)\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=\"Toggle 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';","\"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>(undefined);\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}","// 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// Client-only wrappers for Server Component compatibility\nexport { ClientThemeProvider, ClientThemeToggle } from './client-wrapper';\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 * as React from \"react\"\nimport { ThemeProvider } from \"./theme-provider\"\nimport type { ThemeProviderProps } from \"next-themes/dist/types\"\n\n/**\n * Client-only theme provider wrapper\n * This component ensures theme functionality only runs on the client side\n * without using next/dynamic which causes Server Component issues\n */\nexport function ClientThemeProvider({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  // During SSR or before mounting, render children without theme provider\n  if (!mounted) {\n    return <>{children}</>;\n  }\n\n  // Once mounted, render with theme provider\n  return (\n    <ThemeProvider {...props}>\n      {children}\n    </ThemeProvider>\n  );\n}\n\n/**\n * Client-only theme toggle wrapper\n * This component ensures theme toggle only renders on the client side\n * and provides a safe fallback for Server Components\n */\nexport function ClientThemeToggle(props: any) {\n  const [mounted, setMounted] = React.useState(false);\n  const [ThemeToggleComponent, setThemeToggleComponent] = React.useState<any>(undefined);\n\n  React.useEffect(() => {\n    setMounted(true);\n    import(\"../components/ui/theme-toggle\").then(({ ThemeToggle }) => {\n      setThemeToggleComponent(() => ThemeToggle);\n    });\n  }, []);\n\n  // During SSR or before mounting, render a placeholder\n  if (!mounted || !ThemeToggleComponent) {\n    return (\n      <button\n        type=\"button\"\n        className=\"inline-flex items-center justify-center rounded-md border border-input bg-background h-10 w-10\"\n        aria-label=\"Toggle theme\"\n        {...props}\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path d=\"M12 2v2\" />\n          <path d=\"M12 20v2\" />\n          <path d=\"m4.93 4.93 1.41 1.41\" />\n          <path d=\"m17.66 17.66 1.41 1.41\" />\n          <path d=\"M2 12h2\" />\n          <path d=\"M20 12h2\" />\n          <path d=\"m6.34 17.66-1.41 1.41\" />\n          <path d=\"m19.07 4.93-1.41 1.41\" />\n        </svg>\n      </button>\n    );\n  }\n\n  return <ThemeToggleComponent {...props} />;\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};"]}
+{"version":3,"sources":["../../src/themes/theme-provider.tsx","../../src/themes/client-wrapper.tsx","../../src/themes/theme-context.tsx","../../src/lib/theme-utils.ts"],"names":["React","jsx","React2","Fragment","jsxs"],"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>(undefined);\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}","\"use client\"\n\nimport * as React from \"react\"\nimport { ThemeProvider } from \"./theme-provider\"\nimport type { ThemeProviderProps } from \"next-themes/dist/types\"\n\n/**\n * Client-only theme provider wrapper\n * This component ensures theme functionality only runs on the client side\n * without using next/dynamic which causes Server Component issues\n */\nexport function ClientThemeProvider({ \n  children, \n  ...props \n}: ThemeProviderProps) {\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  // During SSR or before mounting, render children without theme provider\n  if (!mounted) {\n    return <>{children}</>;\n  }\n\n  // Once mounted, render with theme provider\n  return (\n    <ThemeProvider {...props}>\n      {children}\n    </ThemeProvider>\n  );\n}\n\n/**\n * Client-only theme toggle wrapper\n * This component ensures theme toggle only renders on the client side\n * and provides a safe fallback for Server Components\n */\nexport function ClientThemeToggle(props: any) {\n  const [mounted, setMounted] = React.useState(false);\n  const [isDark, setIsDark] = React.useState(false);\n\n  React.useEffect(() => {\n    setMounted(true);\n    // Check current theme\n    if (typeof window !== 'undefined') {\n      const savedTheme = localStorage.getItem('theme');\n      const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n      const currentTheme = savedTheme || (systemPrefersDark ? 'dark' : 'light');\n      setIsDark(currentTheme === 'dark');\n    }\n  }, []);\n\n  const toggleTheme = () => {\n    if (typeof window !== 'undefined') {\n      const newTheme = isDark ? 'light' : 'dark';\n      localStorage.setItem('theme', newTheme);\n      document.documentElement.classList.toggle('dark', newTheme === 'dark');\n      setIsDark(newTheme === 'dark');\n    }\n  };\n\n  // During SSR or before mounting, render a placeholder\n  if (!mounted) {\n    return (\n      <button\n        type=\"button\"\n        className=\"inline-flex items-center justify-center rounded-md border border-input bg-background h-10 w-10\"\n        aria-label=\"Toggle theme\"\n        {...props}\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path d=\"M12 2v2\" />\n          <path d=\"M12 20v2\" />\n          <path d=\"m4.93 4.93 1.41 1.41\" />\n          <path d=\"m17.66 17.66 1.41 1.41\" />\n          <path d=\"M2 12h2\" />\n          <path d=\"M20 12h2\" />\n          <path d=\"m6.34 17.66-1.41 1.41\" />\n          <path d=\"m19.07 4.93-1.41 1.41\" />\n        </svg>\n      </button>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={toggleTheme}\n      className=\"inline-flex items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10\"\n      aria-label=\"Toggle theme\"\n      {...props}\n    >\n      {isDark ? (\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"4\" />\n          <path d=\"M12 2v2\" />\n          <path d=\"M12 20v2\" />\n          <path d=\"m4.93 4.93 1.41 1.41\" />\n          <path d=\"m17.66 17.66 1.41 1.41\" />\n          <path d=\"M2 12h2\" />\n          <path d=\"M20 12h2\" />\n          <path d=\"m6.34 17.66-1.41 1.41\" />\n          <path d=\"m19.07 4.93-1.41 1.41\" />\n        </svg>\n      ) : (\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\" />\n        </svg>\n      )}\n    </button>\n  );\n} ","\"use client\"\n\nimport * as React from \"react\"\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}\n\n/**\n * @deprecated Use useTheme from next-themes directly or use the ThemeProvider\n * This hook is kept for backward compatibility but is no longer needed\n */\nexport function useTheme() {\n  // Import next-themes dynamically to avoid SSR issues\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 run on client side\n    if (typeof window === 'undefined') return;\n\n    // Import next-themes and use it properly\n    import('next-themes').then((nextThemes) => {\n      // Create a simple theme manager that doesn't violate hook rules\n      const themeManager = {\n        getTheme: () => {\n          // Get theme from localStorage or system preference\n          if (typeof window !== 'undefined') {\n            const savedTheme = localStorage.getItem('theme');\n            if (savedTheme) return savedTheme;\n            \n            // Check system preference\n            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n              return 'dark';\n            }\n          }\n          return 'light';\n        },\n        setTheme: (theme: string) => {\n          if (typeof window !== 'undefined') {\n            localStorage.setItem('theme', theme);\n            document.documentElement.classList.toggle('dark', theme === 'dark');\n            // Trigger a re-render\n            setThemeData(prev => ({\n              ...prev,\n              theme,\n              resolvedTheme: theme,\n              isDark: theme === 'dark'\n            }));\n          }\n        }\n      };\n\n      const currentTheme = themeManager.getTheme();\n      const isDark = currentTheme === 'dark';\n      \n      setThemeData({\n        theme: currentTheme,\n        setTheme: themeManager.setTheme,\n        resolvedTheme: currentTheme,\n        isDark,\n      });\n      setMounted(true);\n    });\n  }, []);\n\n  return themeData;\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};"]}