@admin-layout/tailwind-design-pro 10.0.6-alpha.9 → 10.0.9-alpha.13

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,62 @@
+import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect}from'react';import {themeRegistry}from'./themeRegistry.js';import {applyTheme}from'./themeUtils.js';// Create the context with default values
+const ThemeContext = createContext({
+  theme: 'default',
+  themeType: 'light',
+  primaryColor: '#1890ff',
+  fontFamily: 'Inter, sans-serif',
+  isDarkMode: false,
+  toggleTheme: () => {}
+});
+const ThemeProvider = ({
+  settings,
+  children
+}) => {
+  const {
+    theme = 'default',
+    themeType = 'light',
+    primaryColor = '#1890ff',
+    fontFamily = 'Inter, sans-serif'
+  } = settings;
+  const [isDarkMode, setIsDarkMode] = useState(false);
+  // Toggle dark mode class on document
+  useEffect(() => {
+    if (settings?.navTheme === 'light') {
+      setIsDarkMode(false);
+      document.documentElement.classList.remove('dark');
+    } else if (settings?.navTheme === 'dark') {
+      document.documentElement.classList.add('dark');
+      setIsDarkMode(true);
+    } else {
+      setIsDarkMode(false);
+      document.documentElement.classList.remove('dark');
+    }
+  }, [settings]);
+  // Apply theme effects when component mounts and when theme settings change
+  useEffect(() => {
+    const selectedTheme = themeRegistry[theme] || themeRegistry.default;
+    // Apply CSS variables for the selected theme
+    applyTheme(selectedTheme, {
+      isDarkMode,
+      primaryColor,
+      fontFamily
+    });
+    // Apply font family to document
+    document.documentElement.style.setProperty('--font-family', fontFamily);
+    document.body.className = `font-sans ${isDarkMode ? 'dark' : ''}`;
+    // Apply theme-specific classes
+    document.body.dataset.theme = theme;
+    // Apply radius to all appropriate elements via CSS
+    const radius = selectedTheme.borderRadius.DEFAULT;
+    document.documentElement.style.setProperty('--radius', radius);
+  }, [theme, themeType, primaryColor, fontFamily, isDarkMode]);
+  return jsx(ThemeContext.Provider, {
+    value: {
+      theme,
+      themeType,
+      primaryColor,
+      fontFamily,
+      isDarkMode
+    },
+    children: children
+  });
+};export{ThemeContext,ThemeProvider,ThemeProvider as default};//# sourceMappingURL=ThemeProvider.js.map

package/lib/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"iLAkBA;AACO,MAAM,YAAY,GAAG,aAAa,CAAmB;AACxD,EAAA,KAAA,EAAK,SAAW;AAChB,EAAA,SAAA,EAAS,OAAS;AAClB,EAAA,YAAA,EAAY,SAAW;AACvB,EAAA,UAAA,EAAU,mBAAqB;AAC/B,EAAA,UAAA,EAAU,KAAO;AACjB,EAAA,WAAA,EAAW,MAAO;AACrB,CAAA;AAIY,MAAA,aAAa,GAAiC,CAAC;AACxD,EAAA,QAAM;;MAS+B;QAC5B;AACL,IAAA,KAAA,GAAI,SAAU;aACG,GAAA,OAAA;gBACL,GAAA;cACX,GAAA;AAAM,GAAA,GAAA,QAAA;mBACK,EAAC,iBAAgB,QAAS,CAAC,KAAU,CAAA;;WAEhD,CAAA,MAAA;gBAAO,EAAA,QAAA,KAAA,OAAA,EAAA;mBACS,CAAA,KAAA,CAAC;cACN,CAAA,yBAAiB,CAAA,MAAU,CAAM,MAAC,CAAM;WACnD,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;AACL,MAAG,QAAS,CAAA,eAAG,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;MAC4D,aAAA,CAAA,IAAA,CAAA;KAClE,MAAA;mBACC,CAAA,KAAA,CAAA;cAEuC,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;;cAE/B,CAAA,CAAA;;YAEV,MAAU;AACb,IAAA,MAAC,aAAC,GAAA,aAAA,CAAA,KAAA,CAAA,IAAA,aAAA,CAAA,OAAA;;cAGK,CAAA,aAAgB,EAAA;AACxB,MAAA,UAAQ;kBAEuB;;;AAI/B;YACQ,CAAA,eAAgB,CAAA,KAAM,CAAA,WAAY,CAAA,eAAW,EAAQ,UAAE,CAAA;AACnE,IAAA,QAAS,CAAA,IAAW,CAAA,SAAc,GAAA,CAAA,UAAY,EAAA,UAAY,GAAA,MAAA,GAAG,EAAA,CAAA,CAAA;;IAG7D,QAAM,CAAA,IAAA,CAAA,OAAc,CAAA,KAAK,GAAA,KAAA;;UAG8C,MAAA,GAAA,aAAA,CAAA,YAAA,CAAA,OAAA;AACnE,IAAA,QAAI,CAAQ,eAAgB,CAAA,KAAA,CAAA,WAAG,CAAA,UAAA,EAAA,MAAA,CAAA;aACnB,uBAAgB,EAAC,UAAA,EAAA,UAAA,CAAA,CAAA;SAexBA,GAEA,CAAA,YAAA,CAAA,QAEP,EAAA;AACN,IAAE,KAAA,EAAA;AAEF,MAAA,KAAA;;;;;;;;"}

package/lib/components/ThemeProvider/ThemeToggle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ThemeToggleProps {
+    className?: string;
+}
+export declare const ThemeToggle: React.FC<ThemeToggleProps>;
+export {};
+//# sourceMappingURL=ThemeToggle.d.ts.map

package/lib/components/ThemeProvider/ThemeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC"}

package/lib/components/ThemeProvider/index.d.ts

@@ -0,0 +1,7 @@
+export { ThemeProvider, useTheme, ThemeContext } from './ThemeProvider';
+export type { ThemeProviderProps } from './ThemeProvider';
+export { ThemeToggle } from './ThemeToggle';
+export { applyTheme, hslToHex, generateColorPalette } from './themeUtils';
+export { themeRegistry } from './themeRegistry';
+export type { Theme, ThemeColors, ThemeFontSizes, ThemeSpacing, ThemeBorderRadius, ThemeOptions, ThemeSelectorProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACR,KAAK,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACrB,MAAM,SAAS,CAAC"}

package/lib/components/ThemeProvider/themeRegistry.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from './types';
+export declare const themeRegistry: Record<string, Theme>;
+//# sourceMappingURL=themeRegistry.d.ts.map

package/lib/components/ThemeProvider/themeRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRegistry.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/themeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAiY/C,CAAC"}

package/lib/components/ThemeProvider/themeRegistry.js

@@ -0,0 +1,388 @@
+// Define available themes
+const themeRegistry = {
+  default: {
+    name: 'Default',
+    colors: {
+      // Light mode colors
+      light: {
+        background: '0 0% 100%',
+        foreground: '222.2 84% 4.9%',
+        card: '0 0% 100%',
+        cardForeground: '222.2 84% 4.9%',
+        popover: '0 0% 100%',
+        popoverForeground: '222.2 84% 4.9%',
+        primary: '221.2 83.2% 53.3%',
+        primaryForeground: '210 40% 98%',
+        secondary: '210 40% 96.1%',
+        secondaryForeground: '222.2 47.4% 11.2%',
+        muted: '210 40% 96.1%',
+        mutedForeground: '215.4 16.3% 46.9%',
+        accent: '210 40% 96.1%',
+        accentForeground: '222.2 47.4% 11.2%',
+        destructive: '0 84.2% 60.2%',
+        destructiveForeground: '210 40% 98%',
+        border: '214.3 31.8% 91.4%',
+        input: '214.3 31.8% 91.4%',
+        ring: '221.2 83.2% 53.3%'
+      },
+      // Dark mode colors
+      dark: {
+        background: '222.2 84% 4.9%',
+        foreground: '210 40% 98%',
+        card: '222.2 84% 4.9%',
+        cardForeground: '210 40% 98%',
+        popover: '222.2 84% 4.9%',
+        popoverForeground: '210 40% 98%',
+        primary: '217.2 91.2% 59.8%',
+        primaryForeground: '222.2 47.4% 11.2%',
+        secondary: '217.2 32.6% 17.5%',
+        secondaryForeground: '210 40% 98%',
+        muted: '217.2 32.6% 17.5%',
+        mutedForeground: '215 20.2% 65.1%',
+        accent: '217.2 32.6% 17.5%',
+        accentForeground: '210 40% 98%',
+        destructive: '0 62.8% 30.6%',
+        destructiveForeground: '210 40% 98%',
+        border: '217.2 32.6% 17.5%',
+        input: '217.2 32.6% 17.5%',
+        ring: '224.3 76.3% 48%'
+      }
+    },
+    fontSizes: {
+      xs: '0.75rem',
+      sm: '0.875rem',
+      base: '1rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem'
+    },
+    spacing: {
+      px: '1px',
+      0: '0',
+      0.5: '0.125rem',
+      1: '0.25rem',
+      1.5: '0.375rem',
+      2: '0.5rem',
+      2.5: '0.625rem',
+      3: '0.75rem',
+      3.5: '0.875rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      8: '2rem',
+      10: '2.5rem',
+      12: '3rem',
+      16: '4rem',
+      20: '5rem',
+      24: '6rem',
+      32: '8rem',
+      40: '10rem',
+      48: '12rem',
+      56: '14rem',
+      64: '16rem'
+    },
+    borderRadius: {
+      none: '0',
+      sm: '0.125rem',
+      DEFAULT: '0.25rem',
+      md: '0.375rem',
+      lg: '0.5rem',
+      xl: '0.75rem',
+      '2xl': '1rem',
+      '3xl': '1.5rem',
+      full: '9999px'
+    }
+  },
+  // GitHub-inspired theme
+  github: {
+    name: 'GitHub',
+    colors: {
+      light: {
+        background: '0 0% 100%',
+        foreground: '210 12% 16%',
+        card: '210 13% 97%',
+        cardForeground: '210 12% 16%',
+        popover: '0 0% 100%',
+        popoverForeground: '210 12% 16%',
+        primary: '212 100% 48%',
+        primaryForeground: '0 0% 100%',
+        secondary: '220 14% 96%',
+        secondaryForeground: '220 9% 46%',
+        muted: '220 14% 96%',
+        mutedForeground: '220 9% 46%',
+        accent: '220 14% 96%',
+        accentForeground: '222.2 47.4% 11.2%',
+        destructive: '0 72% 51%',
+        destructiveForeground: '210 40% 98%',
+        border: '220 13% 91%',
+        input: '220 13% 91%',
+        ring: '212 100% 48%'
+      },
+      dark: {
+        background: '215 21% 11%',
+        foreground: '210 10% 85%',
+        card: '214 21% 17%',
+        cardForeground: '210 10% 85%',
+        popover: '214 21% 17%',
+        popoverForeground: '210 10% 85%',
+        primary: '212 100% 50%',
+        primaryForeground: '0 0% 100%',
+        secondary: '215 14% 25%',
+        secondaryForeground: '210 10% 85%',
+        muted: '215 14% 25%',
+        mutedForeground: '215 10% 65%',
+        accent: '215 14% 25%',
+        accentForeground: '210 10% 85%',
+        destructive: '0 72% 42%',
+        destructiveForeground: '210 40% 98%',
+        border: '215 14% 25%',
+        input: '215 14% 25%',
+        ring: '212 100% 50%'
+      }
+    },
+    fontSizes: {
+      xs: '0.75rem',
+      sm: '0.875rem',
+      base: '1rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem'
+    },
+    spacing: {
+      px: '1px',
+      0: '0',
+      0.5: '0.125rem',
+      1: '0.25rem',
+      1.5: '0.375rem',
+      2: '0.5rem',
+      2.5: '0.625rem',
+      3: '0.75rem',
+      3.5: '0.875rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      8: '2rem',
+      10: '2.5rem',
+      12: '3rem',
+      16: '4rem',
+      20: '5rem',
+      24: '6rem',
+      32: '8rem',
+      40: '10rem',
+      48: '12rem',
+      56: '14rem',
+      64: '16rem'
+    },
+    borderRadius: {
+      none: '0',
+      sm: '0.125rem',
+      DEFAULT: '0.25rem',
+      md: '0.375rem',
+      lg: '0.5rem',
+      xl: '0.75rem',
+      '2xl': '1rem',
+      '3xl': '1.5rem',
+      full: '9999px'
+    }
+  },
+  // Slack-inspired theme
+  slack: {
+    name: 'Slack',
+    colors: {
+      light: {
+        background: '0 0% 100%',
+        foreground: '0 0% 11%',
+        card: '0 0% 98%',
+        cardForeground: '0 0% 11%',
+        popover: '0 0% 100%',
+        popoverForeground: '0 0% 11%',
+        primary: '279 87% 43%',
+        // Slack purple
+        primaryForeground: '0 0% 100%',
+        secondary: '0 0% 96%',
+        secondaryForeground: '0 0% 40%',
+        muted: '0 0% 96%',
+        mutedForeground: '0 0% 40%',
+        accent: '0 0% 96%',
+        accentForeground: '0 0% 11%',
+        destructive: '358 75% 59%',
+        destructiveForeground: '0 0% 100%',
+        border: '0 0% 90%',
+        input: '0 0% 90%',
+        ring: '279 87% 43%'
+      },
+      dark: {
+        background: '225 6% 13%',
+        foreground: '0 0% 93%',
+        card: '223 6% 18%',
+        cardForeground: '0 0% 93%',
+        popover: '223 6% 18%',
+        popoverForeground: '0 0% 93%',
+        primary: '292 85% 43%',
+        // Slack purple
+        primaryForeground: '0 0% 100%',
+        secondary: '222 5% 25%',
+        secondaryForeground: '0 0% 93%',
+        muted: '222 5% 25%',
+        mutedForeground: '217 8% 63%',
+        accent: '222 5% 25%',
+        accentForeground: '0 0% 93%',
+        destructive: '358 75% 59%',
+        destructiveForeground: '0 0% 100%',
+        border: '223 6% 25%',
+        input: '223 6% 25%',
+        ring: '292 85% 43%'
+      }
+    },
+    fontSizes: {
+      xs: '0.75rem',
+      sm: '0.875rem',
+      base: '1rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem'
+    },
+    spacing: {
+      px: '1px',
+      0: '0',
+      0.5: '0.125rem',
+      1: '0.25rem',
+      1.5: '0.375rem',
+      2: '0.5rem',
+      2.5: '0.625rem',
+      3: '0.75rem',
+      3.5: '0.875rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      8: '2rem',
+      10: '2.5rem',
+      12: '3rem',
+      16: '4rem',
+      20: '5rem',
+      24: '6rem',
+      32: '8rem',
+      40: '10rem',
+      48: '12rem',
+      56: '14rem',
+      64: '16rem'
+    },
+    borderRadius: {
+      none: '0',
+      sm: '0.125rem',
+      DEFAULT: '0.375rem',
+      md: '0.5rem',
+      lg: '0.75rem',
+      xl: '1rem',
+      '2xl': '1.5rem',
+      '3xl': '2rem',
+      full: '9999px'
+    }
+  },
+  // Spotify-inspired theme
+  spotify: {
+    name: 'Spotify',
+    colors: {
+      light: {
+        background: '0 0% 100%',
+        foreground: '0 0% 0%',
+        card: '0 0% 97%',
+        cardForeground: '0 0% 0%',
+        popover: '0 0% 100%',
+        popoverForeground: '0 0% 0%',
+        primary: '142 73% 37%',
+        // Spotify green
+        primaryForeground: '0 0% 100%',
+        secondary: '210 4% 91%',
+        secondaryForeground: '210 5% 35%',
+        muted: '210 4% 91%',
+        mutedForeground: '210 5% 35%',
+        accent: '142 73% 37%',
+        accentForeground: '0 0% 100%',
+        destructive: '0 63% 31%',
+        destructiveForeground: '0 0% 100%',
+        border: '214.3 31.8% 91.4%',
+        input: '214.3 31.8% 91.4%',
+        ring: '142 73% 37%'
+      },
+      dark: {
+        background: '0 0% 11%',
+        foreground: '0 0% 98%',
+        card: '0 0% 15%',
+        cardForeground: '0 0% 98%',
+        popover: '0 0% 15%',
+        popoverForeground: '0 0% 98%',
+        primary: '141 76% 48%',
+        // Spotify green
+        primaryForeground: '0 0% 2%',
+        secondary: '0 0% 18%',
+        secondaryForeground: '0 0% 98%',
+        muted: '0 0% 18%',
+        mutedForeground: '0 0% 65%',
+        accent: '141 76% 48%',
+        accentForeground: '0 0% 2%',
+        destructive: '0 84% 60%',
+        destructiveForeground: '0 0% 98%',
+        border: '240 3.7% 26%',
+        input: '240 3.7% 26%',
+        ring: '141 76% 48%'
+      }
+    },
+    fontSizes: {
+      xs: '0.75rem',
+      sm: '0.875rem',
+      base: '1rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem'
+    },
+    spacing: {
+      px: '1px',
+      0: '0px',
+      0.5: '0.125rem',
+      1: '0.25rem',
+      1.5: '0.375rem',
+      2: '0.5rem',
+      2.5: '0.625rem',
+      3: '0.75rem',
+      3.5: '0.875rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      8: '2rem',
+      10: '2.5rem',
+      12: '3rem',
+      16: '4rem',
+      20: '5rem',
+      24: '6rem',
+      32: '8rem',
+      40: '10rem',
+      48: '12rem',
+      56: '14rem',
+      64: '16rem'
+    },
+    borderRadius: {
+      none: '0',
+      sm: '0.25rem',
+      DEFAULT: '0.5rem',
+      md: '0.625rem',
+      lg: '0.75rem',
+      xl: '1rem',
+      '2xl': '1.5rem',
+      '3xl': '2rem',
+      full: '9999px'
+    }
+  }
+};export{themeRegistry};//# sourceMappingURL=themeRegistry.js.map

package/lib/components/ThemeProvider/themeRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRegistry.js","sources":["../../../src/components/ThemeProvider/themeRegistry.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/ThemeProvider/themeUtils.d.ts

@@ -0,0 +1,26 @@
+import { Theme, ThemeOptions } from './types';
+/**
+ * Converts an HSL color string (like '210 40% 98%') to a hex color code
+ * @param hsl HSL color string in the format 'hue saturation% lightness%'
+ * @returns Hex color code like '#ffffff'
+ */
+export declare function hslToHex(hsl: string): string;
+/**
+ * Converts a hex color code to an HSL color string
+ * @param hex Hex color code like '#ffffff'
+ * @returns HSL color string in the format 'hue saturation% lightness%'
+ */
+export declare function hexToHsl(hex: string): string;
+/**
+ * Applies a theme to the document by setting CSS variables
+ * @param theme The theme configuration to apply
+ * @param options Options including dark mode flag and overrides
+ */
+export declare function applyTheme(theme: Theme, options: ThemeOptions): void;
+/**
+ * Generates a color palette from a primary color
+ * @param primaryColor HSL color string for the primary color
+ * @returns Object with color variations
+ */
+export declare function generateColorPalette(primaryColor: string): Record<string, string>;
+//# sourceMappingURL=themeUtils.d.ts.map

package/lib/components/ThemeProvider/themeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/themeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAoC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAgD5C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI,CA+DpE;AA0BD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAsBjF"}

package/lib/components/ThemeProvider/themeUtils.js

@@ -0,0 +1,135 @@
+/**
+ * Converts an HSL color string (like '210 40% 98%') to a hex color code
+ * @param hsl HSL color string in the format 'hue saturation% lightness%'
+ * @returns Hex color code like '#ffffff'
+ */
+/**
+ * Converts a hex color code to an HSL color string
+ * @param hex Hex color code like '#ffffff'
+ * @returns HSL color string in the format 'hue saturation% lightness%'
+ */
+function hexToHsl(hex) {
+  // Remove the # if present
+  hex = hex.replace(/^#/, '');
+  // Parse the hex values
+  let r, g, b;
+  if (hex.length === 3) {
+    r = parseInt(hex[0] + hex[0], 16) / 255;
+    g = parseInt(hex[1] + hex[1], 16) / 255;
+    b = parseInt(hex[2] + hex[2], 16) / 255;
+  } else {
+    r = parseInt(hex.substring(0, 2), 16) / 255;
+    g = parseInt(hex.substring(2, 4), 16) / 255;
+    b = parseInt(hex.substring(4, 6), 16) / 255;
+  }
+  // Find the min and max values to calculate saturation
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  // Calculate lightness
+  const lightness = (max + min) / 2;
+  // Calculate saturation
+  let s = 0;
+  if (max !== min) {
+    s = lightness > 0.5 ? (max - min) / (2 - max - min) : (max - min) / (max + min);
+  }
+  // Calculate hue
+  let h = 0;
+  if (max !== min) {
+    if (max === r) {
+      h = (g - b) / (max - min) + (g < b ? 6 : 0);
+    } else if (max === g) {
+      h = (b - r) / (max - min) + 2;
+    } else {
+      h = (r - g) / (max - min) + 4;
+    }
+    h *= 60;
+  }
+  // Round values
+  h = Math.round(h);
+  s = Math.round(s * 100);
+  const l = Math.round(lightness * 100);
+  return `${h} ${s}% ${l}%`;
+}
+/**
+ * Applies a theme to the document by setting CSS variables
+ * @param theme The theme configuration to apply
+ * @param options Options including dark mode flag and overrides
+ */
+function applyTheme(theme, options) {
+  const {
+    isDarkMode,
+    primaryColor,
+    fontFamily
+  } = options;
+  const modeKey = isDarkMode ? 'dark' : 'light';
+  const colors = theme.colors[modeKey];
+  // Apply all variables from the theme
+  Object.entries(colors).forEach(([key, value]) => {
+    document.documentElement.style.setProperty(`--${key}`, value);
+  });
+  // Override primary color if specified
+  if (primaryColor) {
+    try {
+      // Convert to HSL format if it's a hex color
+      if (primaryColor.startsWith('#')) {
+        const hslValue = hexToHsl(primaryColor);
+        document.documentElement.style.setProperty('--primary', hslValue);
+        // Generate primary foreground color - typically white or black depending on primary color lightness
+        const [,, lightness] = hslValue.split(' ');
+        const light = parseInt(lightness.replace('%', ''), 10);
+        const foreground = light > 60 ? '0 0% 0%' : '0 0% 100%';
+        document.documentElement.style.setProperty('--primary-foreground', foreground);
+        // Update ring color to match primary
+        document.documentElement.style.setProperty('--ring', hslValue);
+        // Apply related styles
+        applyThemeColors(theme, hslValue);
+      } else {
+        document.documentElement.style.setProperty('--primary', primaryColor);
+      }
+    } catch (error) {
+      console.error('Failed to apply primary color:', error);
+    }
+  }
+  // Apply all typography
+  if (fontFamily) {
+    document.documentElement.style.setProperty('--font-family', fontFamily);
+    document.documentElement.style.fontFamily = fontFamily;
+  }
+  // Apply font sizes
+  Object.entries(theme.fontSizes).forEach(([key, value]) => {
+    document.documentElement.style.setProperty(`--font-size-${key}`, value);
+  });
+  // Apply spacing
+  Object.entries(theme.spacing).forEach(([key, value]) => {
+    // CSS variables can't have dots, replace with underscores
+    const normalizedKey = String(key).replace('.', '_');
+    document.documentElement.style.setProperty(`--spacing-${normalizedKey}`, value);
+  });
+  // Apply border radius
+  Object.entries(theme.borderRadius).forEach(([key, value]) => {
+    const normalizedKey = key === 'DEFAULT' ? 'default' : key.replace(/\./g, '_');
+    document.documentElement.style.setProperty(`--radius-${normalizedKey}`, value);
+  });
+  // Set global radius
+  document.documentElement.style.setProperty('--radius', theme.borderRadius.DEFAULT);
+}
+/**
+ * Apply theme color variations based on primary color
+ * @param theme Current theme
+ * @param primaryHsl Primary color in HSL format
+ */
+function applyThemeColors(theme, primaryHsl) {
+  const [hue, saturation] = primaryHsl.split(' ');
+  const h = parseInt(hue, 10);
+  const s = parseInt(saturation.replace('%', ''), 10);
+  // Generate accent color based on primary (typically a lighter variant)
+  const accentH = (h + 10) % 360; // Slightly shift hue
+  const accentS = Math.max(0, s - 15); // Slightly less saturated
+  const accentL = 95; // Light background
+  document.documentElement.style.setProperty('--accent', `${accentH} ${accentS}% ${accentL}%`);
+  // Generate accent foreground (text on accent)
+  document.documentElement.style.setProperty('--accent-foreground', `${h} ${s}% 20%`);
+  // For muted colors (using hue but lower saturation)
+  document.documentElement.style.setProperty('--muted', `${h} 10% 95%`);
+  document.documentElement.style.setProperty('--muted-foreground', `${h} 10% 40%`);
+}export{applyTheme,hexToHsl};//# sourceMappingURL=themeUtils.js.map