@vibesdotdev/kit 0.0.0-stage → 1.0.0-rc.4

package/dist/lib/components/theme/presets/theme-preset-builtins.neutral.d.ts

@@ -0,0 +1,2 @@
+import { type BuiltInThemePreset } from './theme-preset-builtins.utils.ts';
+export declare const NEUTRAL_THEME_PRESETS: BuiltInThemePreset[];

package/dist/lib/components/theme/presets/theme-preset-builtins.neutral.js

@@ -0,0 +1,163 @@
+import { createBuiltInPreset } from "./theme-preset-builtins.utils.js";
+export const NEUTRAL_THEME_PRESETS = [
+    createBuiltInPreset('shadcn-zinc', 'Zinc', 'Default shadcn-style neutral palette', {}),
+    createBuiltInPreset('shadcn-slate', 'Slate', 'Cool slate-toned surfaces and accents', {
+        light: {
+            '--primary': '#0f172a',
+            '--primary-foreground': '#f8fafc',
+            '--secondary': '#f1f5f9',
+            '--secondary-foreground': '#0f172a',
+            '--accent': '#e2e8f0',
+            '--accent-foreground': '#0f172a',
+            '--muted': '#f1f5f9',
+            '--muted-foreground': '#475569',
+            '--ring': '#64748b',
+            '--sidebar-primary': '#0f172a',
+            '--sidebar-primary-foreground': '#f8fafc',
+            '--highlight': '#0f172a',
+            '--highlight-foreground': '#f8fafc',
+            '--brand': '#0f172a',
+            '--brand-fill': '#0f172a',
+            '--brand-foreground': '#f8fafc'
+        },
+        dark: {
+            '--background': '#020617',
+            '--foreground': '#e2e8f0',
+            '--card': '#0f172a',
+            '--card-foreground': '#e2e8f0',
+            '--primary': '#e2e8f0',
+            '--primary-foreground': '#0f172a',
+            '--secondary': '#1e293b',
+            '--secondary-foreground': '#e2e8f0',
+            '--accent': '#334155',
+            '--accent-foreground': '#e2e8f0',
+            '--muted': '#1e293b',
+            '--muted-foreground': '#94a3b8',
+            '--ring': '#94a3b8',
+            '--sidebar': '#0f172a',
+            '--sidebar-primary': '#cbd5e1',
+            '--sidebar-primary-foreground': '#0f172a',
+            '--highlight': '#e2e8f0',
+            '--highlight-foreground': '#020617',
+            '--brand': '#e2e8f0',
+            '--brand-fill': '#e2e8f0',
+            '--brand-foreground': '#0f172a'
+        }
+    }),
+    createBuiltInPreset('shadcn-stone', 'Stone', 'Warm earthy neutrals', {
+        light: {
+            '--primary': '#292524',
+            '--primary-foreground': '#fafaf9',
+            '--secondary': '#f5f5f4',
+            '--secondary-foreground': '#292524',
+            '--accent': '#e7e5e4',
+            '--accent-foreground': '#292524',
+            '--muted': '#f5f5f4',
+            '--muted-foreground': '#57534e',
+            '--ring': '#78716c',
+            '--sidebar-primary': '#292524',
+            '--sidebar-primary-foreground': '#fafaf9',
+            '--highlight': '#292524',
+            '--highlight-foreground': '#fafaf9',
+            '--brand': '#292524',
+            '--brand-fill': '#292524',
+            '--brand-foreground': '#fafaf9'
+        },
+        dark: {
+            '--background': '#1c1917',
+            '--foreground': '#fafaf9',
+            '--card': '#292524',
+            '--card-foreground': '#fafaf9',
+            '--primary': '#e7e5e4',
+            '--primary-foreground': '#292524',
+            '--secondary': '#44403c',
+            '--secondary-foreground': '#fafaf9',
+            '--accent': '#57534e',
+            '--accent-foreground': '#fafaf9',
+            '--muted': '#44403c',
+            '--muted-foreground': '#a8a29e',
+            '--sidebar': '#292524',
+            '--sidebar-primary': '#d6d3d1',
+            '--sidebar-primary-foreground': '#1c1917',
+            '--highlight': '#e7e5e4',
+            '--highlight-foreground': '#1c1917',
+            '--brand': '#e7e5e4',
+            '--brand-fill': '#e7e5e4',
+            '--brand-foreground': '#292524'
+        }
+    }),
+    createBuiltInPreset('shadcn-gray', 'Gray', 'Balanced modern grayscale', {
+        light: {
+            '--primary': '#111827',
+            '--primary-foreground': '#f9fafb',
+            '--secondary': '#f3f4f6',
+            '--secondary-foreground': '#111827',
+            '--accent': '#e5e7eb',
+            '--accent-foreground': '#111827',
+            '--muted': '#f3f4f6',
+            '--muted-foreground': '#4b5563',
+            '--ring': '#6b7280',
+            '--highlight': '#111827',
+            '--highlight-foreground': '#f9fafb',
+            '--brand': '#111827',
+            '--brand-fill': '#111827',
+            '--brand-foreground': '#f9fafb'
+        },
+        dark: {
+            '--background': '#030712',
+            '--foreground': '#f3f4f6',
+            '--card': '#111827',
+            '--card-foreground': '#f3f4f6',
+            '--primary': '#e5e7eb',
+            '--primary-foreground': '#111827',
+            '--secondary': '#1f2937',
+            '--secondary-foreground': '#f3f4f6',
+            '--accent': '#374151',
+            '--accent-foreground': '#f3f4f6',
+            '--muted': '#1f2937',
+            '--muted-foreground': '#9ca3af',
+            '--highlight': '#e5e7eb',
+            '--highlight-foreground': '#030712',
+            '--brand': '#e5e7eb',
+            '--brand-fill': '#e5e7eb',
+            '--brand-foreground': '#111827'
+        }
+    }),
+    createBuiltInPreset('shadcn-neutral', 'Neutral', 'True neutral contrast profile', {
+        light: {
+            '--primary': '#171717',
+            '--primary-foreground': '#fafafa',
+            '--secondary': '#f5f5f5',
+            '--secondary-foreground': '#171717',
+            '--accent': '#e5e5e5',
+            '--accent-foreground': '#171717',
+            '--muted': '#f5f5f5',
+            '--muted-foreground': '#525252',
+            '--ring': '#737373',
+            '--highlight': '#171717',
+            '--highlight-foreground': '#fafafa',
+            '--brand': '#171717',
+            '--brand-fill': '#171717',
+            '--brand-foreground': '#fafafa'
+        },
+        dark: {
+            '--background': '#0a0a0a',
+            '--foreground': '#fafafa',
+            '--card': '#171717',
+            '--card-foreground': '#fafafa',
+            '--primary': '#e5e5e5',
+            '--primary-foreground': '#171717',
+            '--secondary': '#262626',
+            '--secondary-foreground': '#fafafa',
+            '--accent': '#404040',
+            '--accent-foreground': '#fafafa',
+            '--muted': '#262626',
+            '--muted-foreground': '#a3a3a3',
+            '--highlight': '#e5e5e5',
+            '--highlight-foreground': '#0a0a0a',
+            '--brand': '#e5e5e5',
+            '--brand-fill': '#e5e5e5',
+            '--brand-foreground': '#171717'
+        }
+    })
+];

package/dist/lib/components/theme/presets/theme-preset-builtins.professional.d.ts

@@ -0,0 +1,2 @@
+import { type BuiltInThemePreset } from './theme-preset-builtins.utils.ts';
+export declare const PROFESSIONAL_THEME_PRESETS: BuiltInThemePreset[];

package/dist/lib/components/theme/presets/theme-preset-builtins.professional.js

@@ -0,0 +1,336 @@
+import { createBuiltInPreset } from "./theme-preset-builtins.utils.js";
+const NORDIC_FROST_CUSTOM_CSS = [
+    'body {',
+    '  background-image:',
+    '    radial-gradient(circle at 85% 5%, color-mix(in oklch, #38bdf8 14%, transparent) 0%, transparent 40%),',
+    '    linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);',
+    '  background-attachment: fixed;',
+    '}',
+    '.dark body {',
+    '  background-image:',
+    '    radial-gradient(circle at 85% 5%, color-mix(in oklch, #38bdf8 12%, transparent) 0%, transparent 40%),',
+    '    linear-gradient(180deg, #0b1120 0%, #070a12 100%);',
+    '  background-attachment: fixed;',
+    '}',
+    '.bg-card {',
+    '  background-image: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);',
+    '}',
+    '.dark .bg-card {',
+    '  background-image: linear-gradient(145deg, #0f172a 0%, #0b1120 100%);',
+    '}'
+].join('\n');
+const FOREST_EMERALD_CUSTOM_CSS = [
+    'body {',
+    '  background-image:',
+    '    radial-gradient(circle at 85% 5%, color-mix(in oklch, #10b981 12%, transparent) 0%, transparent 40%),',
+    '    linear-gradient(180deg, #f8faf9 0%, #f0fdf4 100%);',
+    '  background-attachment: fixed;',
+    '}',
+    '.dark body {',
+    '  background-image:',
+    '    radial-gradient(circle at 85% 5%, color-mix(in oklch, #10b981 10%, transparent) 0%, transparent 40%),',
+    '    linear-gradient(180deg, #05140d 0%, #020b07 100%);',
+    '  background-attachment: fixed;',
+    '}',
+    '.bg-card {',
+    '  background-image: linear-gradient(145deg, #ffffff 0%, #f0fdf4 100%);',
+    '}',
+    '.dark .bg-card {',
+    '  background-image: linear-gradient(145deg, #0a1f15 0%, #05140d 100%);',
+    '}'
+].join('\n');
+const OBSIDIAN_PRO_CUSTOM_CSS = [
+    'body {',
+    '  background-image: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);',
+    '  background-attachment: fixed;',
+    '}',
+    '.dark body {',
+    '  background-image: linear-gradient(180deg, #09090b 0%, #000000 100%);',
+    '  background-attachment: fixed;',
+    '}',
+    '.bg-card {',
+    '  background-image: linear-gradient(145deg, #ffffff 0%, #fafafa 100%);',
+    '}',
+    '.dark .bg-card {',
+    '  background-image: linear-gradient(145deg, #121215 0%, #09090b 100%);',
+    '  border-color: #27272a;',
+    '}'
+].join('\n');
+export const PROFESSIONAL_THEME_PRESETS = [
+    createBuiltInPreset('nordic-frost', 'Nordic Frost', 'Crisp arctic white and slate with glacial cyan accents and pristine clarity', {
+        light: {
+            '--background': '#f8fafc',
+            '--foreground': '#0f172a',
+            '--card': '#ffffff',
+            '--card-foreground': '#0f172a',
+            '--popover': '#ffffff',
+            '--popover-foreground': '#0f172a',
+            '--primary': '#0369a1',
+            '--primary-foreground': '#ffffff',
+            '--secondary': '#e0f2fe',
+            '--secondary-foreground': '#0f172a',
+            '--muted': '#f1f5f9',
+            '--muted-foreground': '#475569',
+            '--accent': '#e0f2fe',
+            '--accent-foreground': '#0369a1',
+            '--success': '#059669',
+            '--success-foreground': '#ffffff',
+            '--warning': '#d97706',
+            '--warning-foreground': '#ffffff',
+            '--info': '#0369a1',
+            '--info-foreground': '#ffffff',
+            '--destructive': '#e11d48',
+            '--destructive-foreground': '#ffffff',
+            '--border': '#cbd5e1',
+            '--input': '#cbd5e1',
+            '--ring': '#0369a1',
+            '--highlight': '#0369a1',
+            '--highlight-foreground': '#ffffff',
+            '--chart-1': '#0369a1',
+            '--chart-2': '#38bdf8',
+            '--chart-3': '#059669',
+            '--chart-4': '#d97706',
+            '--chart-5': '#64748b',
+            '--sidebar': '#ffffff',
+            '--sidebar-foreground': '#0f172a',
+            '--sidebar-primary': '#0369a1',
+            '--sidebar-primary-foreground': '#ffffff',
+            '--sidebar-accent': '#e0f2fe',
+            '--sidebar-accent-foreground': '#0f172a',
+            '--sidebar-border': '#cbd5e1',
+            '--sidebar-ring': '#0369a1',
+            '--brand': '#0369a1',
+            '--brand-fill': '#0369a1',
+            '--brand-foreground': '#ffffff'
+        },
+        dark: {
+            '--background': '#070a12',
+            '--foreground': '#f8fafc',
+            '--card': '#0f172a',
+            '--card-foreground': '#f8fafc',
+            '--popover': '#0f172a',
+            '--popover-foreground': '#f8fafc',
+            '--primary': '#38bdf8',
+            '--primary-foreground': '#070a12',
+            '--secondary': '#1e293b',
+            '--secondary-foreground': '#f8fafc',
+            '--muted': '#131d31',
+            '--muted-foreground': '#94a3b8',
+            '--accent': '#1e3a5f',
+            '--accent-foreground': '#e0f2fe',
+            '--success': '#34d399',
+            '--success-foreground': '#070a12',
+            '--warning': '#fbbf24',
+            '--warning-foreground': '#070a12',
+            '--info': '#38bdf8',
+            '--info-foreground': '#070a12',
+            '--destructive': '#fb7185',
+            '--destructive-foreground': '#070a12',
+            '--border': 'color-mix(in oklch, #38bdf8 24%, transparent)',
+            '--input': 'color-mix(in oklch, #38bdf8 28%, transparent)',
+            '--ring': '#38bdf8',
+            '--highlight': '#38bdf8',
+            '--highlight-foreground': '#070a12',
+            '--chart-1': '#38bdf8',
+            '--chart-2': '#7dd3fc',
+            '--chart-3': '#34d399',
+            '--chart-4': '#fbbf24',
+            '--chart-5': '#94a3b8',
+            '--sidebar': '#0a0e1a',
+            '--sidebar-foreground': '#f8fafc',
+            '--sidebar-primary': '#38bdf8',
+            '--sidebar-primary-foreground': '#070a12',
+            '--sidebar-accent': '#1e293b',
+            '--sidebar-accent-foreground': '#f8fafc',
+            '--sidebar-border': 'color-mix(in oklch, #38bdf8 24%, transparent)',
+            '--sidebar-ring': '#38bdf8',
+            '--brand': '#38bdf8',
+            '--brand-fill': '#38bdf8',
+            '--brand-foreground': '#070a12'
+        }
+    }, NORDIC_FROST_CUSTOM_CSS),
+    createBuiltInPreset('forest-emerald', 'Forest Emerald', 'Deep pine and sage green with balanced organic contrast and executive polish', {
+        light: {
+            '--background': '#f8faf9',
+            '--foreground': '#062817',
+            '--card': '#ffffff',
+            '--card-foreground': '#062817',
+            '--popover': '#ffffff',
+            '--popover-foreground': '#062817',
+            '--primary': '#047857',
+            '--primary-foreground': '#ffffff',
+            '--secondary': '#e6f7f0',
+            '--secondary-foreground': '#062817',
+            '--muted': '#eef6f2',
+            '--muted-foreground': '#365345',
+            '--accent': '#ccf0df',
+            '--accent-foreground': '#064e3b',
+            '--success': '#059669',
+            '--success-foreground': '#ffffff',
+            '--warning': '#d97706',
+            '--warning-foreground': '#ffffff',
+            '--info': '#0284c7',
+            '--info-foreground': '#ffffff',
+            '--destructive': '#dc2626',
+            '--destructive-foreground': '#ffffff',
+            '--border': '#cbdcd3',
+            '--input': '#cbdcd3',
+            '--ring': '#047857',
+            '--highlight': '#047857',
+            '--highlight-foreground': '#ffffff',
+            '--chart-1': '#047857',
+            '--chart-2': '#10b981',
+            '--chart-3': '#34d399',
+            '--chart-4': '#d97706',
+            '--chart-5': '#064e3b',
+            '--sidebar': '#ffffff',
+            '--sidebar-foreground': '#062817',
+            '--sidebar-primary': '#047857',
+            '--sidebar-primary-foreground': '#ffffff',
+            '--sidebar-accent': '#e6f7f0',
+            '--sidebar-accent-foreground': '#062817',
+            '--sidebar-border': '#cbdcd3',
+            '--sidebar-ring': '#047857',
+            '--brand': '#047857',
+            '--brand-fill': '#047857',
+            '--brand-foreground': '#ffffff'
+        },
+        dark: {
+            '--background': '#020b07',
+            '--foreground': '#ecfdf5',
+            '--card': '#07180f',
+            '--card-foreground': '#ecfdf5',
+            '--popover': '#07180f',
+            '--popover-foreground': '#ecfdf5',
+            '--primary': '#10b981',
+            '--primary-foreground': '#020b07',
+            '--secondary': '#112b1e',
+            '--secondary-foreground': '#ecfdf5',
+            '--muted': '#0d2217',
+            '--muted-foreground': '#6ee7b7',
+            '--accent': '#163c29',
+            '--accent-foreground': '#a7f3d0',
+            '--success': '#10b981',
+            '--success-foreground': '#020b07',
+            '--warning': '#fbbf24',
+            '--warning-foreground': '#020b07',
+            '--info': '#38bdf8',
+            '--info-foreground': '#020b07',
+            '--destructive': '#f87171',
+            '--destructive-foreground': '#020b07',
+            '--border': 'color-mix(in oklch, #10b981 24%, transparent)',
+            '--input': 'color-mix(in oklch, #10b981 28%, transparent)',
+            '--ring': '#10b981',
+            '--highlight': '#10b981',
+            '--highlight-foreground': '#020b07',
+            '--chart-1': '#10b981',
+            '--chart-2': '#34d399',
+            '--chart-3': '#6ee7b7',
+            '--chart-4': '#fbbf24',
+            '--chart-5': '#065f46',
+            '--sidebar': '#030e08',
+            '--sidebar-foreground': '#ecfdf5',
+            '--sidebar-primary': '#10b981',
+            '--sidebar-primary-foreground': '#020b07',
+            '--sidebar-accent': '#112b1e',
+            '--sidebar-accent-foreground': '#ecfdf5',
+            '--sidebar-border': 'color-mix(in oklch, #10b981 24%, transparent)',
+            '--sidebar-ring': '#10b981',
+            '--brand': '#10b981',
+            '--brand-fill': '#10b981',
+            '--brand-foreground': '#020b07'
+        }
+    }, FOREST_EMERALD_CUSTOM_CSS),
+    createBuiltInPreset('obsidian-pro', 'Obsidian Pro', 'High contrast deep monochrome with crisp platinum borders and focus precision', {
+        light: {
+            '--background': '#ffffff',
+            '--foreground': '#09090b',
+            '--card': '#ffffff',
+            '--card-foreground': '#09090b',
+            '--popover': '#ffffff',
+            '--popover-foreground': '#09090b',
+            '--primary': '#18181b',
+            '--primary-foreground': '#fafafa',
+            '--secondary': '#f4f4f5',
+            '--secondary-foreground': '#18181b',
+            '--muted': '#f4f4f5',
+            '--muted-foreground': '#52525b',
+            '--accent': '#e4e4e7',
+            '--accent-foreground': '#18181b',
+            '--success': '#16a34a',
+            '--success-foreground': '#ffffff',
+            '--warning': '#d97706',
+            '--warning-foreground': '#ffffff',
+            '--info': '#2563eb',
+            '--info-foreground': '#ffffff',
+            '--destructive': '#dc2626',
+            '--destructive-foreground': '#ffffff',
+            '--border': '#e4e4e7',
+            '--input': '#e4e4e7',
+            '--ring': '#18181b',
+            '--highlight': '#18181b',
+            '--highlight-foreground': '#ffffff',
+            '--chart-1': '#18181b',
+            '--chart-2': '#52525b',
+            '--chart-3': '#71717a',
+            '--chart-4': '#a1a1aa',
+            '--chart-5': '#d4d4d8',
+            '--sidebar': '#fafafa',
+            '--sidebar-foreground': '#09090b',
+            '--sidebar-primary': '#18181b',
+            '--sidebar-primary-foreground': '#fafafa',
+            '--sidebar-accent': '#f4f4f5',
+            '--sidebar-accent-foreground': '#18181b',
+            '--sidebar-border': '#e4e4e7',
+            '--sidebar-ring': '#18181b',
+            '--brand': '#18181b',
+            '--brand-fill': '#18181b',
+            '--brand-foreground': '#fafafa'
+        },
+        dark: {
+            '--background': '#000000',
+            '--foreground': '#fafafa',
+            '--card': '#09090b',
+            '--card-foreground': '#fafafa',
+            '--popover': '#09090b',
+            '--popover-foreground': '#fafafa',
+            '--primary': '#fafafa',
+            '--primary-foreground': '#09090b',
+            '--secondary': '#27272a',
+            '--secondary-foreground': '#fafafa',
+            '--muted': '#18181b',
+            '--muted-foreground': '#a1a1aa',
+            '--accent': '#27272a',
+            '--accent-foreground': '#fafafa',
+            '--success': '#22c55e',
+            '--success-foreground': '#000000',
+            '--warning': '#fbbf24',
+            '--warning-foreground': '#000000',
+            '--info': '#60a5fa',
+            '--info-foreground': '#000000',
+            '--destructive': '#f87171',
+            '--destructive-foreground': '#000000',
+            '--border': '#27272a',
+            '--input': '#27272a',
+            '--ring': '#fafafa',
+            '--highlight': '#fafafa',
+            '--highlight-foreground': '#09090b',
+            '--chart-1': '#fafafa',
+            '--chart-2': '#d4d4d8',
+            '--chart-3': '#a1a1aa',
+            '--chart-4': '#71717a',
+            '--chart-5': '#52525b',
+            '--sidebar': '#050507',
+            '--sidebar-foreground': '#fafafa',
+            '--sidebar-primary': '#fafafa',
+            '--sidebar-primary-foreground': '#09090b',
+            '--sidebar-accent': '#18181b',
+            '--sidebar-accent-foreground': '#fafafa',
+            '--sidebar-border': '#27272a',
+            '--sidebar-ring': '#d4d4d8',
+            '--brand': '#fafafa',
+            '--brand-fill': '#fafafa',
+            '--brand-foreground': '#09090b'
+        }
+    }, OBSIDIAN_PRO_CUSTOM_CSS)
+];

package/dist/lib/components/theme/presets/theme-preset-builtins.utils.d.ts

@@ -0,0 +1,16 @@
+import type { ThemeColors } from '../theme-colors.ts';
+type PresetOverrides = {
+    light?: Record<string, string>;
+    dark?: Record<string, string>;
+};
+export type BuiltInThemePreset = {
+    id: string;
+    name: string;
+    description: string;
+    enabled: boolean;
+    builtIn: boolean;
+    colors: ThemeColors;
+    customCss: string;
+};
+export declare function createBuiltInPreset(id: string, name: string, description: string, overrides: PresetOverrides, customCss?: string): BuiltInThemePreset;
+export {};

package/dist/lib/components/theme/presets/theme-preset-builtins.utils.js

@@ -0,0 +1,18 @@
+import { LEGACY_DARK_COLORS, LEGACY_LIGHT_COLORS } from "../theme-palette.js";
+function createThemeColors(overrides) {
+    return {
+        light: { ...LEGACY_LIGHT_COLORS, ...overrides.light },
+        dark: { ...LEGACY_DARK_COLORS, ...overrides.dark }
+    };
+}
+export function createBuiltInPreset(id, name, description, overrides, customCss = '') {
+    return {
+        id,
+        name,
+        description,
+        enabled: true,
+        builtIn: true,
+        colors: createThemeColors(overrides),
+        customCss
+    };
+}

package/dist/lib/components/theme/presets/theme-preset-builtins.vibes.d.ts

@@ -0,0 +1,2 @@
+import { type BuiltInThemePreset } from './theme-preset-builtins.utils.ts';
+export declare const VIBES_THEME_PRESETS: BuiltInThemePreset[];