@squaredr/fieldcraft-pro 1.7.0 → 1.9.0

package/dist/theme-editor/index.d.ts

@@ -1,7 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { FormEngineTheme, FormEngineSchema } from '@squaredr/fieldcraft-core';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
  * ThemeEditor chrome theme configuration.
@@ -38,10 +37,12 @@ type ThemeEditorTheme = {
 type ThemeEditorProps = {
     /** Initial theme to load. Defaults to resolving from host page CSS variables. */
     initialTheme?: FormEngineTheme;
-    /** Called on every theme change. */
-    onChange?: (theme: FormEngineTheme) => void;
-    /** Called when user clicks Save or presses Ctrl+S. */
-    onSave?: (theme: FormEngineTheme) => void;
+    /** Initial preset key (e.g. "clean", "clinical"). Restored from persistence. */
+    initialPreset?: string;
+    /** Called on every theme change. Includes the active preset key. */
+    onChange?: (theme: FormEngineTheme, presetKey?: string) => void;
+    /** Called when user clicks Save or presses Ctrl+S. Includes the active preset key. */
+    onSave?: (theme: FormEngineTheme, presetKey?: string) => void;
     /** Editor chrome theme. Controls toolbar, panel, and control appearance. */
     theme?: ThemeEditorTheme;
     /** Container height. */
@@ -63,7 +64,7 @@ type ThemeEditorThemeProviderProps = {
     theme?: ThemeEditorTheme;
     children: ReactNode;
 };
-declare function ThemeEditorThemeProvider({ theme, children }: ThemeEditorThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeEditorThemeProvider({ theme, children }: ThemeEditorThemeProviderProps): react.JSX.Element;
 
 /**
  * Drafting Teal light chrome preset (default).
@@ -93,7 +94,11 @@ declare const PRESET_FAMILIES: Record<string, PresetFamily>;
  */
 declare function resolveThemeFromDOM(): FormEngineTheme;
 
-/** Compact schema used in the ThemeEditor live preview panel. */
+/**
+ * Comprehensive preview schema used in the ThemeEditor live preview panel.
+ * Includes all standard field types so the user can see how their theme
+ * affects every element. Uses "classic" displayMode (all sections visible).
+ */
 declare const PREVIEW_SCHEMA: FormEngineSchema;
 
 export { PRESET_FAMILIES, PREVIEW_SCHEMA, type PresetFamily, ThemeEditor, type ThemeEditorProps, type ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme };