cms-block-editor 1.0.14 → 1.0.16

package/dist/index.d.mts

@@ -134,75 +134,213 @@ interface ThemeColors {
     primaryHover: string;
     primaryLight: string;
     primaryDark: string;
+    primaryContrast: string;
     secondary: string;
     secondaryHover: string;
+    secondaryLight: string;
+    secondaryDark: string;
+    secondaryContrast: string;
+    accent: string;
+    accentHover: string;
+    accentLight: string;
+    accentDark: string;
     background: string;
+    backgroundAlt: string;
     surface: string;
+    surfaceHover: string;
+    surfaceActive: string;
     border: string;
+    borderHover: string;
     divider: string;
+    overlay: string;
     textPrimary: string;
     textSecondary: string;
+    textTertiary: string;
     textDisabled: string;
+    textInverse: string;
     success: string;
+    successLight: string;
+    successDark: string;
     warning: string;
+    warningLight: string;
+    warningDark: string;
     error: string;
+    errorLight: string;
+    errorDark: string;
     info: string;
+    infoLight: string;
+    infoDark: string;
     editorBackground: string;
     editorText: string;
     editorPlaceholder: string;
+    editorCursor: string;
     toolbarBackground: string;
     toolbarText: string;
     toolbarBorder: string;
+    toolbarIconHover: string;
     selection: string;
+    selectionText: string;
     highlight: string;
+    highlightText: string;
     focus: string;
+    focusRing: string;
+    codeBackground: string;
+    codeText: string;
+    codeComment: string;
+    codeKeyword: string;
+    codeString: string;
+    codeNumber: string;
+    codeFunction: string;
+    codeOperator: string;
 }
 interface ThemeTypography {
     fontFamily: string;
+    fontFamilyHeading: string;
     fontFamilyMono: string;
+    fontSizeXxs: string;
     fontSizeXs: string;
     fontSizeSm: string;
     fontSizeMd: string;
     fontSizeLg: string;
     fontSizeXl: string;
+    fontSizeXxl: string;
+    fontSize3xl: string;
+    fontSize4xl: string;
+    fontWeightLight: number;
     fontWeightNormal: number;
     fontWeightMedium: number;
+    fontWeightSemibold: number;
     fontWeightBold: number;
+    fontWeightExtrabold: number;
     lineHeightTight: number;
+    lineHeightSnug: number;
     lineHeightNormal: number;
     lineHeightRelaxed: number;
+    lineHeightLoose: number;
+    letterSpacingTight: string;
+    letterSpacingNormal: string;
+    letterSpacingWide: string;
+    letterSpacingWider: string;
 }
 interface ThemeSpacing {
+    xxs: string;
     xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
     xxl: string;
+    xxxl: string;
 }
 interface ThemeBorderRadius {
     none: string;
+    xs: string;
     sm: string;
     md: string;
     lg: string;
+    xl: string;
+    xxl: string;
     full: string;
 }
 interface ThemeShadows {
     none: string;
+    xs: string;
     sm: string;
     md: string;
     lg: string;
     xl: string;
+    xxl: string;
+    inner: string;
+    outline: string;
+}
+interface ThemeTransitions {
+    fast: string;
+    normal: string;
+    slow: string;
+    verySlow: string;
+}
+interface ThemeBreakpoints {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+}
+interface ThemeZIndex {
+    dropdown: number;
+    sticky: number;
+    fixed: number;
+    modalBackdrop: number;
+    modal: number;
+    popover: number;
+    tooltip: number;
+}
+interface ThemeAnimations {
+    fadeIn: string;
+    fadeOut: string;
+    slideUp: string;
+    slideDown: string;
+    slideLeft: string;
+    slideRight: string;
+    scaleUp: string;
+    scaleDown: string;
+    spin: string;
+    pulse: string;
+    bounce: string;
+}
+interface ThemeGradients {
+    primary: string;
+    secondary: string;
+    accent: string;
+    sunset: string;
+    ocean: string;
+    forest: string;
+    fire: string;
+    ice: string;
+    purple: string;
+    rainbow: string;
+}
+interface ThemeCustom {
+    [key: string]: any;
 }
 interface Theme {
     name: string;
+    mode: 'light' | 'dark';
     colors: ThemeColors;
     typography: ThemeTypography;
     spacing: ThemeSpacing;
     borderRadius: ThemeBorderRadius;
     shadows: ThemeShadows;
+    transitions: ThemeTransitions;
+    breakpoints: ThemeBreakpoints;
+    zIndex: ThemeZIndex;
+    animations: ThemeAnimations;
+    gradients: ThemeGradients;
+    custom?: ThemeCustom;
 }
 type ThemeMode = 'light' | 'dark' | 'auto';
+interface ThemeOverride {
+    colors?: Partial<ThemeColors>;
+    typography?: Partial<ThemeTypography>;
+    spacing?: Partial<ThemeSpacing>;
+    borderRadius?: Partial<ThemeBorderRadius>;
+    shadows?: Partial<ThemeShadows>;
+    transitions?: Partial<ThemeTransitions>;
+    breakpoints?: Partial<ThemeBreakpoints>;
+    zIndex?: Partial<ThemeZIndex>;
+    animations?: Partial<ThemeAnimations>;
+    gradients?: Partial<ThemeGradients>;
+    custom?: ThemeCustom;
+}
+interface ThemeConfig {
+    theme: Theme;
+    override?: ThemeOverride;
+    cssVariablePrefix?: string;
+    enableAnimations?: boolean;
+    enableTransitions?: boolean;
+    enableGradients?: boolean;
+}
 
 declare const oceanTheme: Theme;
 declare const forestTheme: Theme;
@@ -249,8 +387,64 @@ interface ThemeSwitcherProps {
 }
 declare function ThemeSwitcher({ className, showModeToggle, showPresets }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
 
+interface ThemeCustomizerProps {
+    onClose?: () => void;
+}
+declare function ThemeCustomizer({ onClose }: ThemeCustomizerProps): react_jsx_runtime.JSX.Element;
+
 declare const lightTheme: Theme;
 
 declare const darkTheme: Theme;
 
-export { CMSBlockEditor, CMSRenderer, ImageNode, OPEN_IMAGE_EDITOR_COMMAND, type PresetThemeName, type Theme, type ThemeColors, type ThemeMode, ThemeProvider, ThemeSwitcher, VideoNode, appendHTML, copyMarkdownToClipboard, darkTheme, downloadHTML, downloadMarkdown, draculaTheme, exportToHTML, exportToHTMLWithWrapper, exportToMarkdown, forestTheme, importFromHTML, importFromMarkdown, lightTheme, loadHTMLFromFile, loadMarkdownFromFile, midnightTheme, minimalTheme, monokaiTheme, oceanTheme, pasteMarkdownFromClipboard, presetThemes, roseTheme, sunsetTheme, useTheme };
+/**
+ * Create a custom theme by extending a base theme
+ */
+declare function createTheme(baseTheme: Theme, override: ThemeOverride): Theme;
+/**
+ * Generate color variations from a base color
+ */
+declare function generateColorVariations(baseColor: string): {
+    base: string;
+    light: string;
+    lighter: string;
+    dark: string;
+    darker: string;
+    contrast: string;
+};
+/**
+ * Create a gradient from two colors
+ */
+declare function createGradient(color1: string, color2: string, angle?: number): string;
+/**
+ * Generate a complete color palette from a primary color
+ */
+declare function generatePalette(primaryColor: string): {
+    primary: ReturnType<typeof generateColorVariations>;
+    secondary: ReturnType<typeof generateColorVariations>;
+    accent: ReturnType<typeof generateColorVariations>;
+};
+/**
+ * Validate theme structure
+ */
+declare function validateTheme(theme: Theme): {
+    valid: boolean;
+    errors: string[];
+};
+/**
+ * Export theme as JSON
+ */
+declare function exportTheme(theme: Theme): string;
+/**
+ * Import theme from JSON
+ */
+declare function importTheme(json: string): Theme;
+/**
+ * Convert theme to CSS variables
+ */
+declare function themeToCSSVariables(theme: Theme, prefix?: string): Record<string, string>;
+/**
+ * Generate theme from brand colors
+ */
+declare function generateThemeFromBrand(brandColor: string, themeName: string, mode?: 'light' | 'dark'): Partial<Theme>;
+
+export { CMSBlockEditor, CMSRenderer, ImageNode, OPEN_IMAGE_EDITOR_COMMAND, type PresetThemeName, type Theme, type ThemeAnimations, type ThemeBorderRadius, type ThemeBreakpoints, type ThemeColors, type ThemeConfig, ThemeCustomizer, type ThemeGradients, type ThemeMode, type ThemeOverride, ThemeProvider, type ThemeShadows, type ThemeSpacing, ThemeSwitcher, type ThemeTransitions, type ThemeTypography, type ThemeZIndex, VideoNode, appendHTML, copyMarkdownToClipboard, createGradient, createTheme, darkTheme, downloadHTML, downloadMarkdown, draculaTheme, exportTheme, exportToHTML, exportToHTMLWithWrapper, exportToMarkdown, forestTheme, generateColorVariations, generatePalette, generateThemeFromBrand, importFromHTML, importFromMarkdown, importTheme, lightTheme, loadHTMLFromFile, loadMarkdownFromFile, midnightTheme, minimalTheme, monokaiTheme, oceanTheme, pasteMarkdownFromClipboard, presetThemes, roseTheme, sunsetTheme, themeToCSSVariables, useTheme, validateTheme };