cms-block-editor 1.0.13 → 1.0.16

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LexicalEditor, LexicalCommand, DecoratorNode, NodeKey, Spread, SerializedLexicalNode } from 'lexical';
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
 
 interface CMSBlockEditorProps {
     value?: string;
@@ -129,4 +129,322 @@ declare class ImageNode extends DecoratorNode<JSX.Element> {
     static importJSON(serializedNode: SerializedImageNode): ImageNode;
 }
 
-export { CMSBlockEditor, CMSRenderer, ImageNode, OPEN_IMAGE_EDITOR_COMMAND, VideoNode, appendHTML, copyMarkdownToClipboard, downloadHTML, downloadMarkdown, exportToHTML, exportToHTMLWithWrapper, exportToMarkdown, importFromHTML, importFromMarkdown, loadHTMLFromFile, loadMarkdownFromFile, pasteMarkdownFromClipboard };
+interface ThemeColors {
+    primary: string;
+    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;
+declare const sunsetTheme: Theme;
+declare const roseTheme: Theme;
+declare const midnightTheme: Theme;
+declare const draculaTheme: Theme;
+declare const monokaiTheme: Theme;
+declare const minimalTheme: Theme;
+declare const presetThemes: {
+    light: Theme;
+    dark: Theme;
+    ocean: Theme;
+    forest: Theme;
+    sunset: Theme;
+    rose: Theme;
+    midnight: Theme;
+    dracula: Theme;
+    monokai: Theme;
+    minimal: Theme;
+};
+type PresetThemeName = keyof typeof presetThemes;
+
+interface ThemeContextValue {
+    theme: Theme;
+    mode: ThemeMode;
+    setTheme: (theme: Theme | PresetThemeName) => void;
+    setMode: (mode: ThemeMode) => void;
+    toggleMode: () => void;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme | PresetThemeName;
+    defaultMode?: ThemeMode;
+    storageKey?: string;
+}
+declare function ThemeProvider({ children, defaultTheme, defaultMode, storageKey, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+interface ThemeSwitcherProps {
+    className?: string;
+    showModeToggle?: boolean;
+    showPresets?: boolean;
+}
+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;
+
+/**
+ * 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 };