@rovela-ai/sdk 0.1.2 → 0.1.3

package/dist/theme/generator.js

@@ -0,0 +1,322 @@
+"use strict";
+/**
+ * @rovela/sdk/theme/generator
+ *
+ * Theme generation utilities.
+ * Generates globals.css and tailwind.config.ts from blueprint theme.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateGlobalsCss = generateGlobalsCss;
+exports.generateTailwindConfig = generateTailwindConfig;
+exports.generateThemeFiles = generateThemeFiles;
+exports.generateCSSVariables = generateCSSVariables;
+const colors_1 = require("./colors");
+const defaults_1 = require("./defaults");
+const fonts_1 = require("./fonts");
+// =============================================================================
+// CSS Variables Generator
+// =============================================================================
+/**
+ * Generate the complete globals.css content from blueprint theme.
+ *
+ * @param theme - BlueprintTheme from blueprint.json
+ * @returns Complete CSS file content as string
+ *
+ * @example
+ * const css = generateGlobalsCss(blueprint.theme)
+ * // Write to: app/globals.css
+ */
+function generateGlobalsCss(theme) {
+    // Build color scales object
+    const colorScales = {
+        primary: theme.colors?.primary || defaults_1.DEFAULT_COLORS.primary,
+        secondary: theme.colors?.secondary || defaults_1.DEFAULT_COLORS.secondary,
+        accent: theme.colors?.accent || defaults_1.DEFAULT_COLORS.accent,
+        neutral: theme.colors?.neutral || defaults_1.DEFAULT_COLORS.neutral,
+        semantic: theme.colors?.semantic || defaults_1.DEFAULT_COLORS.semantic,
+    };
+    // Get semantic mappings (from theme or defaults)
+    const semanticMappings = theme.colors?.semanticMappings || defaults_1.DEFAULT_SEMANTIC_MAPPINGS;
+    // Resolve all color references to actual hex values
+    const resolved = (0, colors_1.resolveSemanticMappings)(semanticMappings, colorScales);
+    // Convert resolved hex colors to HSL
+    const cssVars = {
+        background: (0, colors_1.hexToHSL)(resolved.background),
+        foreground: (0, colors_1.hexToHSL)(resolved.foreground),
+        card: (0, colors_1.hexToHSL)(resolved.card),
+        'card-foreground': (0, colors_1.hexToHSL)(resolved.cardForeground),
+        popover: (0, colors_1.hexToHSL)(resolved.popover),
+        'popover-foreground': (0, colors_1.hexToHSL)(resolved.popoverForeground),
+        primary: (0, colors_1.hexToHSL)(resolved.primary),
+        'primary-foreground': (0, colors_1.hexToHSL)(resolved.primaryForeground),
+        secondary: (0, colors_1.hexToHSL)(resolved.secondary),
+        'secondary-foreground': (0, colors_1.hexToHSL)(resolved.secondaryForeground),
+        muted: (0, colors_1.hexToHSL)(resolved.muted),
+        'muted-foreground': (0, colors_1.hexToHSL)(resolved.mutedForeground),
+        accent: (0, colors_1.hexToHSL)(resolved.accent),
+        'accent-foreground': (0, colors_1.hexToHSL)(resolved.accentForeground),
+        destructive: (0, colors_1.hexToHSL)(resolved.destructive),
+        'destructive-foreground': (0, colors_1.hexToHSL)(resolved.destructiveForeground),
+        border: (0, colors_1.hexToHSL)(resolved.border),
+        input: (0, colors_1.hexToHSL)(resolved.input),
+        ring: (0, colors_1.hexToHSL)(resolved.ring),
+    };
+    // Get border radius
+    const radius = theme.borders?.radius?.lg || defaults_1.DEFAULT_RADIUS;
+    // Get font variables
+    const typography = theme.typography;
+    const fontVars = (0, fonts_1.getFontVariables)(typography);
+    // Build CSS content
+    return `@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: ${cssVars.background};
+    --foreground: ${cssVars.foreground};
+    --card: ${cssVars.card};
+    --card-foreground: ${cssVars['card-foreground']};
+    --popover: ${cssVars.popover};
+    --popover-foreground: ${cssVars['popover-foreground']};
+    --primary: ${cssVars.primary};
+    --primary-foreground: ${cssVars['primary-foreground']};
+    --secondary: ${cssVars.secondary};
+    --secondary-foreground: ${cssVars['secondary-foreground']};
+    --muted: ${cssVars.muted};
+    --muted-foreground: ${cssVars['muted-foreground']};
+    --accent: ${cssVars.accent};
+    --accent-foreground: ${cssVars['accent-foreground']};
+    --destructive: ${cssVars.destructive};
+    --destructive-foreground: ${cssVars['destructive-foreground']};
+    --border: ${cssVars.border};
+    --input: ${cssVars.input};
+    --ring: ${cssVars.ring};
+    --radius: ${radius};
+    ${fontVars}
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+    font-family: var(--font-body);
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-heading);
+  }
+  code, pre, kbd, samp {
+    font-family: var(--font-mono);
+  }
+}
+`;
+}
+// =============================================================================
+// Tailwind Config Generator
+// =============================================================================
+/**
+ * Generate the complete tailwind.config.ts content from blueprint theme.
+ *
+ * @param theme - BlueprintTheme from blueprint.json
+ * @returns Complete TypeScript config file content as string
+ *
+ * @example
+ * const config = generateTailwindConfig(blueprint.theme)
+ * // Write to: tailwind.config.ts
+ */
+function generateTailwindConfig(theme) {
+    // Get container width from layout
+    const containerWidth = theme.layout?.containerWidth || '1280px';
+    // Get animations from theme - use default keyframes if animation is enabled
+    const animationStyle = theme.animation || 'subtle';
+    const keyframes = animationStyle !== 'none' ? defaults_1.DEFAULT_KEYFRAMES : {};
+    const animations = buildAnimationConfig(keyframes);
+    // Get shadows from effects
+    const shadows = theme.effects?.shadows || {};
+    return `import type { Config } from "tailwindcss";
+
+const config: Config = {
+  darkMode: ["class"],
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "${containerWidth}",
+      },
+    },
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      fontFamily: {
+        sans: ["var(--font-body)", "system-ui", "sans-serif"],
+        heading: ["var(--font-heading)", "system-ui", "sans-serif"],
+        mono: ["var(--font-mono)", "monospace"],
+      },${shadows && Object.keys(shadows).length > 0 ? `
+      boxShadow: ${formatObjectForConfig(shadows)},` : ''}${animations.keyframes ? `
+      keyframes: ${animations.keyframes},` : ''}${animations.animation ? `
+      animation: ${animations.animation},` : ''}
+    },
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+  ],
+};
+
+export default config;
+`;
+}
+// =============================================================================
+// Helper Functions
+// =============================================================================
+/**
+ * Build animation configuration from keyframes.
+ */
+function buildAnimationConfig(keyframes) {
+    if (!keyframes || Object.keys(keyframes).length === 0) {
+        return { keyframes: null, animation: null };
+    }
+    // Format keyframes for Tailwind config
+    const keyframesStr = formatObjectForConfig(keyframes);
+    // Build animation shortcuts
+    const animationEntries = Object.keys(keyframes).map((name) => {
+        return `"${name}": "${name} 0.3s ease-in-out"`;
+    });
+    const animationStr = animationEntries.length > 0
+        ? `{\n        ${animationEntries.join(',\n        ')},\n      }`
+        : null;
+    return {
+        keyframes: keyframesStr,
+        animation: animationStr,
+    };
+}
+/**
+ * Format an object as a string for Tailwind config.
+ * Handles nested objects and proper indentation.
+ */
+function formatObjectForConfig(obj, indent = 8) {
+    const spaces = ' '.repeat(indent);
+    const innerSpaces = ' '.repeat(indent + 2);
+    const entries = Object.entries(obj).map(([key, value]) => {
+        const formattedKey = key.includes('-') ? `"${key}"` : key;
+        if (typeof value === 'object' && value !== null) {
+            const nested = formatObjectForConfig(value, indent + 2);
+            return `${formattedKey}: ${nested}`;
+        }
+        if (typeof value === 'string') {
+            return `${formattedKey}: "${value}"`;
+        }
+        return `${formattedKey}: ${value}`;
+    });
+    return `{\n${innerSpaces}${entries.join(`,\n${innerSpaces}`)},\n${spaces}}`;
+}
+// =============================================================================
+// Combined Generation
+// =============================================================================
+/**
+ * Generate both globals.css and tailwind.config.ts from blueprint theme.
+ *
+ * @param theme - BlueprintTheme from blueprint.json
+ * @returns Object with both file contents
+ *
+ * @example
+ * const { globalsCss, tailwindConfig } = generateThemeFiles(blueprint.theme)
+ */
+function generateThemeFiles(theme) {
+    return {
+        globalsCss: generateGlobalsCss(theme),
+        tailwindConfig: generateTailwindConfig(theme),
+    };
+}
+/**
+ * Generate CSS variables only (for embedding in existing globals.css).
+ *
+ * @param theme - BlueprintTheme from blueprint.json
+ * @returns CSS variables block (without @tailwind directives)
+ */
+function generateCSSVariables(theme) {
+    // Build color scales object
+    const colorScales = {
+        primary: theme.colors?.primary || defaults_1.DEFAULT_COLORS.primary,
+        secondary: theme.colors?.secondary || defaults_1.DEFAULT_COLORS.secondary,
+        accent: theme.colors?.accent || defaults_1.DEFAULT_COLORS.accent,
+        neutral: theme.colors?.neutral || defaults_1.DEFAULT_COLORS.neutral,
+        semantic: theme.colors?.semantic || defaults_1.DEFAULT_COLORS.semantic,
+    };
+    // Get semantic mappings (from theme or defaults)
+    const semanticMappings = theme.colors?.semanticMappings || defaults_1.DEFAULT_SEMANTIC_MAPPINGS;
+    // Resolve all color references to actual hex values
+    const resolved = (0, colors_1.resolveSemanticMappings)(semanticMappings, colorScales);
+    // Convert resolved hex colors to HSL
+    const vars = [
+        `--background: ${(0, colors_1.hexToHSL)(resolved.background)};`,
+        `--foreground: ${(0, colors_1.hexToHSL)(resolved.foreground)};`,
+        `--card: ${(0, colors_1.hexToHSL)(resolved.card)};`,
+        `--card-foreground: ${(0, colors_1.hexToHSL)(resolved.cardForeground)};`,
+        `--popover: ${(0, colors_1.hexToHSL)(resolved.popover)};`,
+        `--popover-foreground: ${(0, colors_1.hexToHSL)(resolved.popoverForeground)};`,
+        `--primary: ${(0, colors_1.hexToHSL)(resolved.primary)};`,
+        `--primary-foreground: ${(0, colors_1.hexToHSL)(resolved.primaryForeground)};`,
+        `--secondary: ${(0, colors_1.hexToHSL)(resolved.secondary)};`,
+        `--secondary-foreground: ${(0, colors_1.hexToHSL)(resolved.secondaryForeground)};`,
+        `--muted: ${(0, colors_1.hexToHSL)(resolved.muted)};`,
+        `--muted-foreground: ${(0, colors_1.hexToHSL)(resolved.mutedForeground)};`,
+        `--accent: ${(0, colors_1.hexToHSL)(resolved.accent)};`,
+        `--accent-foreground: ${(0, colors_1.hexToHSL)(resolved.accentForeground)};`,
+        `--destructive: ${(0, colors_1.hexToHSL)(resolved.destructive)};`,
+        `--destructive-foreground: ${(0, colors_1.hexToHSL)(resolved.destructiveForeground)};`,
+        `--border: ${(0, colors_1.hexToHSL)(resolved.border)};`,
+        `--input: ${(0, colors_1.hexToHSL)(resolved.input)};`,
+        `--ring: ${(0, colors_1.hexToHSL)(resolved.ring)};`,
+        `--radius: ${theme.borders?.radius?.lg || defaults_1.DEFAULT_RADIUS};`,
+    ];
+    return vars.join('\n  ');
+}
+//# sourceMappingURL=generator.js.map

package/dist/theme/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../src/theme/generator.ts"],"names":[],"mappings":"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"}

package/dist/theme/hooks.d.ts

@@ -0,0 +1,110 @@
+import type { ColorScale } from '../core/config';
+/**
+ * Hook for convenient access to theme values with helper functions.
+ *
+ * @returns Theme data and helper functions
+ *
+ * @example
+ * import { useTheme } from '@rovela/sdk/theme'
+ *
+ * function ProductCard() {
+ *   const { colors, getPrimaryColor, getAccentColor } = useTheme()
+ *
+ *   return (
+ *     <div style={{ borderColor: getPrimaryColor() }}>
+ *       <span style={{ color: getAccentColor() }}>Sale!</span>
+ *     </div>
+ *   )
+ * }
+ */
+export declare function useTheme(): {
+    theme: import("../core/config").BlueprintTheme;
+    colors: {
+        primary: ColorScale;
+        secondary: ColorScale;
+        accent: ColorScale;
+        neutral: ColorScale;
+        semantic: import("../core/config").SemanticColors;
+        gradients?: import("../core/config").ColorGradient[];
+        semanticMappings?: Record<string, {
+            dark: string;
+            light: string;
+        }>;
+    };
+    typography: {
+        heading: import("../core/config").FontConfig;
+        body: import("../core/config").FontConfig;
+        mono: import("../core/config").FontConfig;
+    } | undefined;
+    spacing: "cozy" | "balanced" | "spacious" | undefined;
+    borders: {
+        radius: Record<string, string>;
+        width: Record<string, string>;
+    } | undefined;
+    effects: {
+        shadows: Record<string, string>;
+        blurs: Record<string, string>;
+        overlays: Record<string, string>;
+        gradients?: import("../core/config").ColorGradient[];
+    } | undefined;
+    getPrimaryColor: (shade?: keyof ColorScale) => string;
+    getSecondaryColor: (shade?: keyof ColorScale) => string;
+    getAccentColor: (shade?: keyof ColorScale) => string;
+    getNeutralColor: (shade?: keyof ColorScale) => string;
+    getSuccessColor: () => string;
+    getErrorColor: () => string;
+    getWarningColor: () => string;
+    getInfoColor: () => string;
+    getHeadingFont: () => string;
+    getBodyFont: () => string;
+    getMonoFont: () => string;
+    getBorderRadius: (size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full") => string;
+    getShadow: (size?: "sm" | "md" | "lg" | "xl" | "2xl") => string;
+    getInspiration: () => import("../core/config").Inspiration | undefined;
+    getPersonality: () => {
+        x: number;
+        y: number;
+    } | undefined;
+};
+/**
+ * Hook for accessing just the color system.
+ * Lighter weight than useTheme when you only need colors.
+ *
+ * @returns Color scales and helpers
+ */
+export declare function useThemeColors(): {
+    colors: {
+        primary: ColorScale;
+        secondary: ColorScale;
+        accent: ColorScale;
+        neutral: ColorScale;
+        semantic: import("../core/config").SemanticColors;
+        gradients?: import("../core/config").ColorGradient[];
+        semanticMappings?: Record<string, {
+            dark: string;
+            light: string;
+        }>;
+    };
+    primary: ColorScale;
+    secondary: ColorScale;
+    accent: ColorScale;
+    neutral: ColorScale;
+    semantic: import("../core/config").SemanticColors;
+};
+/**
+ * Hook for accessing just the typography system.
+ * Lighter weight than useTheme when you only need fonts.
+ *
+ * @returns Typography configuration
+ */
+export declare function useThemeTypography(): {
+    typography: {
+        heading: import("../core/config").FontConfig;
+        body: import("../core/config").FontConfig;
+        mono: import("../core/config").FontConfig;
+    } | undefined;
+    heading: import("../core/config").FontConfig | undefined;
+    body: import("../core/config").FontConfig | undefined;
+    mono: import("../core/config").FontConfig | undefined;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/theme/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/theme/hooks.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAMhD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAcO,MAAM,UAAU;gCAEd,MAAM,UAAU;6BAEnB,MAAM,UAAU;8BAEf,MAAM,UAAU;;;;;;;;6BAkBjB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM;uBAIxD,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;;;;;;EASxD;AAMD;;;;;GAKG;AACH,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;EAc7B;AAMD;;;;;GAKG;AACH,wBAAgB,kBAAkB;;;;;;;;;EAYjC"}

package/dist/theme/hooks.js

@@ -0,0 +1,106 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = useTheme;
+exports.useThemeColors = useThemeColors;
+exports.useThemeTypography = useThemeTypography;
+/**
+ * @rovela/sdk/theme/hooks
+ *
+ * React hooks for accessing theme data.
+ */
+const react_1 = require("react");
+const ThemeProvider_1 = require("./ThemeProvider");
+// =============================================================================
+// useTheme Hook
+// =============================================================================
+/**
+ * Hook for convenient access to theme values with helper functions.
+ *
+ * @returns Theme data and helper functions
+ *
+ * @example
+ * import { useTheme } from '@rovela/sdk/theme'
+ *
+ * function ProductCard() {
+ *   const { colors, getPrimaryColor, getAccentColor } = useTheme()
+ *
+ *   return (
+ *     <div style={{ borderColor: getPrimaryColor() }}>
+ *       <span style={{ color: getAccentColor() }}>Sale!</span>
+ *     </div>
+ *   )
+ * }
+ */
+function useTheme() {
+    const { theme, colors, typography, spacing, borders, effects } = (0, ThemeProvider_1.useThemeContext)();
+    return (0, react_1.useMemo)(() => ({
+        // Raw theme data
+        theme,
+        colors,
+        typography,
+        spacing,
+        borders,
+        effects,
+        // Color helpers
+        getPrimaryColor: (shade = 500) => colors?.primary?.[shade] ?? '#3b82f6',
+        getSecondaryColor: (shade = 500) => colors?.secondary?.[shade] ?? '#64748b',
+        getAccentColor: (shade = 500) => colors?.accent?.[shade] ?? '#10b981',
+        getNeutralColor: (shade = 500) => colors?.neutral?.[shade] ?? '#71717a',
+        // Semantic color helpers
+        getSuccessColor: () => colors?.semantic?.success ?? '#22c55e',
+        getErrorColor: () => colors?.semantic?.error ?? '#ef4444',
+        getWarningColor: () => colors?.semantic?.warning ?? '#f59e0b',
+        getInfoColor: () => colors?.semantic?.info ?? '#3b82f6',
+        // Typography helpers
+        getHeadingFont: () => typography?.heading?.name ?? 'Inter',
+        getBodyFont: () => typography?.body?.name ?? 'Inter',
+        getMonoFont: () => typography?.mono?.name ?? 'JetBrains Mono',
+        // Border radius helpers
+        getBorderRadius: (size = 'md') => borders?.radius?.[size] ?? '0.375rem',
+        // Shadow helpers
+        getShadow: (size = 'md') => effects?.shadows?.[size] ?? '0 4px 6px -1px rgb(0 0 0 / 0.1)',
+        // Inspiration and personality
+        getInspiration: () => theme.inspiration,
+        getPersonality: () => theme.personality,
+    }), [theme, colors, typography, spacing, borders, effects]);
+}
+// =============================================================================
+// useThemeColors Hook
+// =============================================================================
+/**
+ * Hook for accessing just the color system.
+ * Lighter weight than useTheme when you only need colors.
+ *
+ * @returns Color scales and helpers
+ */
+function useThemeColors() {
+    const { colors } = (0, ThemeProvider_1.useThemeContext)();
+    return (0, react_1.useMemo)(() => ({
+        colors,
+        primary: colors?.primary,
+        secondary: colors?.secondary,
+        accent: colors?.accent,
+        neutral: colors?.neutral,
+        semantic: colors?.semantic,
+    }), [colors]);
+}
+// =============================================================================
+// useThemeTypography Hook
+// =============================================================================
+/**
+ * Hook for accessing just the typography system.
+ * Lighter weight than useTheme when you only need fonts.
+ *
+ * @returns Typography configuration
+ */
+function useThemeTypography() {
+    const { typography } = (0, ThemeProvider_1.useThemeContext)();
+    return (0, react_1.useMemo)(() => ({
+        typography,
+        heading: typography?.heading,
+        body: typography?.body,
+        mono: typography?.mono,
+    }), [typography]);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/theme/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/theme/hooks.ts"],"names":[],"mappings":"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"}

package/dist/theme/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @rovela/sdk/theme
+ *
+ * Theming module: CSS variables, Tailwind config, runtime provider
+ *
+ * Build-time Usage (by Claude Agent):
+ * ```typescript
+ * import { generateGlobalsCss, generateTailwindConfig } from '@rovela/sdk/theme';
+ *
+ * // Generate theme files from blueprint
+ * const cssContent = generateGlobalsCss(blueprint.theme);
+ * const tailwindContent = generateTailwindConfig(blueprint.theme);
+ * ```
+ *
+ * Runtime Usage (in store components):
+ * ```typescript
+ * import { ThemeProvider, useTheme } from '@rovela/sdk/theme';
+ *
+ * // In layout.tsx
+ * <ThemeProvider theme={blueprint.theme}>
+ *   {children}
+ * </ThemeProvider>
+ *
+ * // In components
+ * const { getPrimaryColor, getHeadingFont } = useTheme();
+ * ```
+ */
+export { generateGlobalsCss, generateTailwindConfig, generateThemeFiles, generateCSSVariables, } from './generator';
+export { getFontImports, getFontVariables, getNextFontImports, getFontClasses, } from './fonts';
+export type { Typography } from './fonts';
+export { hexToHSL, resolveColorReference, resolveSemanticMappings, } from './colors';
+export type { ColorScales, SemanticMappings, ResolvedMappings, } from './colors';
+export { ThemeProvider, useThemeContext, ThemeContext, } from './ThemeProvider';
+export type { ThemeContextValue, ThemeProviderProps, } from './ThemeProvider';
+export { useTheme, useThemeColors, useThemeTypography, } from './hooks';
+export { DEFAULT_COLORS, DEFAULT_TYPOGRAPHY, DEFAULT_NEUTRAL, DEFAULT_PRIMARY, DEFAULT_SECONDARY, DEFAULT_ACCENT, DEFAULT_SEMANTIC, DEFAULT_SEMANTIC_MAPPINGS, DEFAULT_BORDER_RADIUS, DEFAULT_RADIUS, DEFAULT_SHADOWS, DEFAULT_DURATIONS, DEFAULT_EASINGS, DEFAULT_KEYFRAMES, DEFAULT_CONTAINER_WIDTH, DEFAULT_BREAKPOINTS, } from './defaults';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,aAAa,CAAA;AAMpB,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAA;AAEhB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAMzC,OAAO,EACL,QAAQ,EACR,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,UAAU,CAAA;AAEjB,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,UAAU,CAAA;AAMjB,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,GACb,MAAM,iBAAiB,CAAA;AAExB,YAAY,EACV,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,QAAQ,EACR,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAA;AAMhB,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,yBAAyB,EACzB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,YAAY,CAAA"}