@bloomneo/uikit 1.5.0

package/dist/types/themes/index.d.ts

@@ -0,0 +1,499 @@
+/**
+ * Optimized theme system exports for @bloomneo/uikit
+ * @module @bloomneo/uikit
+ * @file src/themes/index.ts
+ */
+export { ThemeProvider, useTheme, type Theme, type Mode, type Tone, type ThemeContextValue, type ThemeProviderProps, } from './theme-provider';
+import baseTheme from './presets/base.js';
+import elegantTheme from './presets/elegant.js';
+import metroTheme from './presets/metro.js';
+import studioTheme from './presets/studio.js';
+import vividTheme from './presets/vivid.js';
+export { default as baseTheme } from './presets/base.js';
+export { default as elegantTheme } from './presets/elegant.js';
+export { default as metroTheme } from './presets/metro.js';
+export { default as studioTheme } from './presets/studio.js';
+export { default as vividTheme } from './presets/vivid.js';
+export { baseTheme as base };
+export { elegantTheme as elegant };
+export { metroTheme as metro };
+export { studioTheme as studio };
+export { vividTheme as vivid };
+export interface ThemeColors {
+    background: string;
+    foreground: string;
+    card: string;
+    cardForeground: string;
+    popover: string;
+    popoverForeground: string;
+    primary: string;
+    primaryForeground: string;
+    secondary: string;
+    secondaryForeground: string;
+    muted: string;
+    mutedForeground: string;
+    accent: string;
+    accentForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+    border: string;
+    input: string;
+    ring: string;
+    chart1: string;
+    chart2: string;
+    chart3: string;
+    chart4: string;
+    chart5: string;
+    sidebar: string;
+    sidebarForeground: string;
+    sidebarPrimary: string;
+    sidebarPrimaryForeground: string;
+    sidebarAccent: string;
+    sidebarAccentForeground: string;
+    sidebarBorder: string;
+    sidebarRing: string;
+}
+export interface ThemePreset {
+    /** Theme identifier (must match filename) */
+    id: string;
+    /** Human-readable theme name */
+    name: string;
+    /** Theme description */
+    description: string;
+    /** Light mode colors */
+    light: ThemeColors;
+    /** Dark mode colors */
+    dark: ThemeColors;
+}
+/**
+ * @llm-rule Available theme presets
+ * All themes that can be used with setTheme()
+ */
+export declare const AVAILABLE_THEMES: readonly ["base", "elegant", "metro", "studio", "vivid"];
+/**
+ * @llm-rule All optimized theme presets for build tools
+ * Used by build scripts to generate CSS
+ * Now with dramatically reduced file sizes!
+ */
+export declare const ALL_THEME_PRESETS: {
+    base: {
+        id: string;
+        name: string;
+        description: string;
+        customStyles: string;
+        light: {
+            background: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            destructive: string;
+            destructiveForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+        dark: {
+            background: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            destructive: string;
+            destructiveForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+    };
+    elegant: {
+        id: string;
+        name: string;
+        description: string;
+        customStyles: string;
+        light: {
+            background: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            destructive: string;
+            destructiveForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+        dark: {
+            background: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            destructive: string;
+            destructiveForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+    };
+    metro: {
+        id: string;
+        name: string;
+        description: string;
+        design: {
+            fontDisplay: string;
+            gradientPrimary: string;
+            gradientSubtle: string;
+            gradientHover: string;
+            gradientText: string;
+            gradientBackground: string;
+            gradientBackgroundLight: string;
+        };
+        customStyles: string;
+        light: {
+            background: string;
+            backgroundGradient: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+        dark: {
+            background: string;
+            backgroundGradient: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+    };
+    studio: {
+        id: string;
+        name: string;
+        description: string;
+        design: {
+            fontPrimary: string;
+            fontDisplay: string;
+            gradientPrimary: string;
+            gradientSubtle: string;
+            gradientHover: string;
+            gradientText: string;
+            gradientBackground: string;
+            gradientBackgroundLight: string;
+        };
+        customStyles: string;
+        light: {
+            background: string;
+            backgroundGradient: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+        dark: {
+            background: string;
+            backgroundGradient: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+    };
+    vivid: {
+        id: string;
+        name: string;
+        description: string;
+        design: {
+            fontPrimary: string;
+            fontDisplay: string;
+            fontScript: string;
+            radiusEnhance: string;
+            spacingEnhance: string;
+            shadowEnhance: string;
+            shadowLg: string;
+            shadowXl: string;
+        };
+        customStyles: string;
+        light: {
+            background: string;
+            backgroundGradient: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+        dark: {
+            background: string;
+            backgroundGradient: string;
+            foreground: string;
+            card: string;
+            cardForeground: string;
+            popover: string;
+            popoverForeground: string;
+            primary: string;
+            primaryForeground: string;
+            secondary: string;
+            secondaryForeground: string;
+            muted: string;
+            mutedForeground: string;
+            accent: string;
+            accentForeground: string;
+            border: string;
+            input: string;
+            ring: string;
+            chart1: string;
+            chart2: string;
+            chart3: string;
+            chart4: string;
+            chart5: string;
+            sidebar: string;
+            sidebarForeground: string;
+            sidebarPrimary: string;
+            sidebarPrimaryForeground: string;
+            sidebarAccent: string;
+            sidebarAccentForeground: string;
+            sidebarBorder: string;
+            sidebarRing: string;
+        };
+    };
+};
+/**
+ * @llm-pattern Basic theme usage (same as before)
+ * import { ThemeProvider, useTheme } from '@bloomneo/uikit/themes';
+ *
+ * <ThemeProvider theme="elegant" mode="dark">
+ *   <App />
+ * </ThemeProvider>
+ *
+ * const { setTheme, setMode, getToneClasses } = useTheme();
+ */
+/**
+ * @llm-pattern Build tool usage (same API, smaller files!)
+ * import { ALL_THEME_PRESETS } from '@bloomneo/uikit/themes';
+ *
+ * // Generate CSS for all themes
+ * Object.values(ALL_THEME_PRESETS).forEach(theme => {
+ *   generateCSS(theme);
+ * });
+ */
+/**
+ * @llm-pattern Individual theme access (same as before)
+ * import { vivid, studioTheme } from '@bloomneo/uikit/themes';
+ *
+ * console.log(vivid.name); // "Vivid"
+ * console.log(studioTheme.light.primary); // Theme color
+ */ 
+//# sourceMappingURL=index.d.ts.map

package/dist/types/themes/index.d.ts.map

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

package/dist/types/themes/presets/base.d.ts

@@ -0,0 +1,108 @@
+export default baseTheme;
+declare namespace baseTheme {
+    let id: string;
+    let name: string;
+    let description: string;
+    let customStyles: string;
+    namespace light {
+        let background: string;
+        let foreground: string;
+        let card: string;
+        let cardForeground: string;
+        let popover: string;
+        let popoverForeground: string;
+        let primary: string;
+        let primaryForeground: string;
+        let secondary: string;
+        let secondaryForeground: string;
+        let muted: string;
+        let mutedForeground: string;
+        let accent: string;
+        let accentForeground: string;
+        let destructive: string;
+        let destructiveForeground: string;
+        let border: string;
+        let input: string;
+        let ring: string;
+        let chart1: string;
+        let chart2: string;
+        let chart3: string;
+        let chart4: string;
+        let chart5: string;
+        let sidebar: string;
+        let sidebarForeground: string;
+        let sidebarPrimary: string;
+        let sidebarPrimaryForeground: string;
+        let sidebarAccent: string;
+        let sidebarAccentForeground: string;
+        let sidebarBorder: string;
+        let sidebarRing: string;
+    }
+    namespace dark {
+        let background_1: string;
+        export { background_1 as background };
+        let foreground_1: string;
+        export { foreground_1 as foreground };
+        let card_1: string;
+        export { card_1 as card };
+        let cardForeground_1: string;
+        export { cardForeground_1 as cardForeground };
+        let popover_1: string;
+        export { popover_1 as popover };
+        let popoverForeground_1: string;
+        export { popoverForeground_1 as popoverForeground };
+        let primary_1: string;
+        export { primary_1 as primary };
+        let primaryForeground_1: string;
+        export { primaryForeground_1 as primaryForeground };
+        let secondary_1: string;
+        export { secondary_1 as secondary };
+        let secondaryForeground_1: string;
+        export { secondaryForeground_1 as secondaryForeground };
+        let muted_1: string;
+        export { muted_1 as muted };
+        let mutedForeground_1: string;
+        export { mutedForeground_1 as mutedForeground };
+        let accent_1: string;
+        export { accent_1 as accent };
+        let accentForeground_1: string;
+        export { accentForeground_1 as accentForeground };
+        let destructive_1: string;
+        export { destructive_1 as destructive };
+        let destructiveForeground_1: string;
+        export { destructiveForeground_1 as destructiveForeground };
+        let border_1: string;
+        export { border_1 as border };
+        let input_1: string;
+        export { input_1 as input };
+        let ring_1: string;
+        export { ring_1 as ring };
+        let chart1_1: string;
+        export { chart1_1 as chart1 };
+        let chart2_1: string;
+        export { chart2_1 as chart2 };
+        let chart3_1: string;
+        export { chart3_1 as chart3 };
+        let chart4_1: string;
+        export { chart4_1 as chart4 };
+        let chart5_1: string;
+        export { chart5_1 as chart5 };
+        let sidebar_1: string;
+        export { sidebar_1 as sidebar };
+        let sidebarForeground_1: string;
+        export { sidebarForeground_1 as sidebarForeground };
+        let sidebarPrimary_1: string;
+        export { sidebarPrimary_1 as sidebarPrimary };
+        let sidebarPrimaryForeground_1: string;
+        export { sidebarPrimaryForeground_1 as sidebarPrimaryForeground };
+        let sidebarAccent_1: string;
+        export { sidebarAccent_1 as sidebarAccent };
+        let sidebarAccentForeground_1: string;
+        export { sidebarAccentForeground_1 as sidebarAccentForeground };
+        let sidebarBorder_1: string;
+        export { sidebarBorder_1 as sidebarBorder };
+        let sidebarRing_1: string;
+        export { sidebarRing_1 as sidebarRing };
+    }
+}
+//# sourceMappingURL=base.d.ts.map

package/dist/types/themes/presets/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/themes/presets/base.js"],"names":[],"mappings":""}