@squaredr/fieldcraft-pro 1.6.2 → 1.6.4

package/dist/{chunk-Y6JWJY3A.mjs → chunk-CFVT2R42.mjs}

@@ -1048,6 +1048,24 @@ function ThemeEditorInner({
   const [showComparison, setShowComparison] = useState(false);
   const themeRef = useRef(theme);
   themeRef.current = theme;
+  const hasInitialTheme = useRef(initialTheme != null);
+  useEffect(() => {
+    if (hasInitialTheme.current) return;
+    if (typeof window === "undefined") return;
+    const observer = new MutationObserver(() => {
+      requestAnimationFrame(() => {
+        const resolved = resolveThemeFromDOM();
+        setTheme(resolved);
+        setPresetKey("custom");
+        onChange?.(resolved);
+      });
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme", "class"]
+    });
+    return () => observer.disconnect();
+  }, [onChange]);
   useEffect(() => {
     function handleKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key === "s") {
@@ -1349,4 +1367,4 @@ var themeEditorDarkPreset = {
   accentForeground: "#0F1A1F"
 };
 
-export { PRESET_FAMILIES, PREVIEW_SCHEMA, ThemeEditor, ThemeEditorInner, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme };
+export { PRESET_FAMILIES, PREVIEW_SCHEMA, ThemeEditor, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme };

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import { ReactNode, ComponentType } from 'react';
 export { B as BuilderState, a as BuilderStateHook, D as DEFAULT_PALETTE, b as DEFAULT_SCHEMA, c as DragItem, d as DropTarget, F as FormBuilder, e as FormBuilderPreviewProps, f as FormBuilderProps, g as FormBuilderTemplate, h as FormBuilderTheme, i as FormBuilderThemeProvider, M as MutationAction, P as PaletteCategory, j as PropertyPanelTab, Q as QUESTION_TYPE_INFO, k as QuestionTypeCategory, l as QuestionTypeInfo, S as SelectedItem, U as UndoRedoState, m as addOption, n as addQuestion, o as addSection, p as cn, q as duplicateQuestion, r as duplicateSection, s as findQuestion, t as findSection, u as generateId, v as generateOptionId, w as generateQuestionId, x as generateSectionId, y as moveOption, z as moveQuestion, A as moveSection, C as removeOption, E as removeQuestion, G as removeSection, H as updateOption, I as updateQuestion, J as updateSection, K as useBuilderState, L as useBuilderTheme, N as useDragDrop, O as useUndoRedo } from './index-D19524df.mjs';
 import { FieldComponent, FieldProps } from '@squaredr/fieldcraft-react';
 export { ResponseField, ResponseViewer, ResponseViewerProps, ViewMode } from './response-viewer/index.mjs';
-export { PRESET_FAMILIES, PREVIEW_SCHEMA, PresetFamily, ThemeEditor, ThemeEditorInner, ThemeEditorProps, ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from './theme-editor/index.mjs';
+export { PRESET_FAMILIES, PREVIEW_SCHEMA, PresetFamily, ThemeEditor, ThemeEditorProps, ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from './theme-editor/index.mjs';
 import '@squaredr/fieldcraft-core';
 import 'clsx';
 import '@dnd-kit/core';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { ReactNode, ComponentType } from 'react';
 export { B as BuilderState, a as BuilderStateHook, D as DEFAULT_PALETTE, b as DEFAULT_SCHEMA, c as DragItem, d as DropTarget, F as FormBuilder, e as FormBuilderPreviewProps, f as FormBuilderProps, g as FormBuilderTemplate, h as FormBuilderTheme, i as FormBuilderThemeProvider, M as MutationAction, P as PaletteCategory, j as PropertyPanelTab, Q as QUESTION_TYPE_INFO, k as QuestionTypeCategory, l as QuestionTypeInfo, S as SelectedItem, U as UndoRedoState, m as addOption, n as addQuestion, o as addSection, p as cn, q as duplicateQuestion, r as duplicateSection, s as findQuestion, t as findSection, u as generateId, v as generateOptionId, w as generateQuestionId, x as generateSectionId, y as moveOption, z as moveQuestion, A as moveSection, C as removeOption, E as removeQuestion, G as removeSection, H as updateOption, I as updateQuestion, J as updateSection, K as useBuilderState, L as useBuilderTheme, N as useDragDrop, O as useUndoRedo } from './index-D19524df.js';
 import { FieldComponent, FieldProps } from '@squaredr/fieldcraft-react';
 export { ResponseField, ResponseViewer, ResponseViewerProps, ViewMode } from './response-viewer/index.js';
-export { PRESET_FAMILIES, PREVIEW_SCHEMA, PresetFamily, ThemeEditor, ThemeEditorInner, ThemeEditorProps, ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from './theme-editor/index.js';
+export { PRESET_FAMILIES, PREVIEW_SCHEMA, PresetFamily, ThemeEditor, ThemeEditorProps, ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from './theme-editor/index.js';
 import '@squaredr/fieldcraft-core';
 import 'clsx';
 import '@dnd-kit/core';

package/dist/index.js

@@ -8544,6 +8544,24 @@ function ThemeEditorInner({
   const [showComparison, setShowComparison] = react.useState(false);
   const themeRef = react.useRef(theme);
   themeRef.current = theme;
+  const hasInitialTheme = react.useRef(initialTheme != null);
+  react.useEffect(() => {
+    if (hasInitialTheme.current) return;
+    if (typeof window === "undefined") return;
+    const observer = new MutationObserver(() => {
+      requestAnimationFrame(() => {
+        const resolved = resolveThemeFromDOM();
+        setTheme(resolved);
+        setPresetKey("custom");
+        onChange?.(resolved);
+      });
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme", "class"]
+    });
+    return () => observer.disconnect();
+  }, [onChange]);
   react.useEffect(() => {
     function handleKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key === "s") {
@@ -8848,7 +8866,7 @@ var themeEditorDarkPreset = {
 // src/index.ts
 if (typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" && globalThis.process.env?.NODE_ENV !== "production") {
   const _fc_banner = `
-%c FieldCraft Pro %c v1.6.2 
+%c FieldCraft Pro %c v1.6.3 
 
 %cForm Builder \xB7 Response Viewer \xB7 Theme Editor
 
@@ -8878,7 +8896,6 @@ exports.ProPaymentField = ProPaymentField;
 exports.QUESTION_TYPE_INFO = QUESTION_TYPE_INFO;
 exports.ResponseViewer = ResponseViewer;
 exports.ThemeEditor = ThemeEditor;
-exports.ThemeEditorInner = ThemeEditorInner;
 exports.ThemeEditorThemeProvider = ThemeEditorThemeProvider;
 exports.UnlicensedOverlay = UnlicensedOverlay;
 exports.addOption = addOption;

package/dist/index.mjs

@@ -1,7 +1,7 @@
 export { DEFAULT_PALETTE, DEFAULT_SCHEMA, FormBuilder, FormBuilderThemeProvider, QUESTION_TYPE_INFO, addOption, addQuestion, addSection, duplicateQuestion, duplicateSection, findQuestion, findSection, generateId, generateOptionId, generateQuestionId, generateSectionId, moveOption, moveQuestion, moveSection, removeOption, removeQuestion, removeSection, updateOption, updateQuestion, updateSection, useBuilderState, useBuilderTheme, useDragDrop, useUndoRedo } from './chunk-ANBMT5AW.mjs';
 export { ResponseViewer } from './chunk-5LKGCZAW.mjs';
 export { cn } from './chunk-QQ4JZGTD.mjs';
-export { PRESET_FAMILIES, PREVIEW_SCHEMA, ThemeEditor, ThemeEditorInner, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from './chunk-Y6JWJY3A.mjs';
+export { PRESET_FAMILIES, PREVIEW_SCHEMA, ThemeEditor, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from './chunk-CFVT2R42.mjs';
 export { FieldCraftProProvider, UnlicensedOverlay, isProductionEnvironment, requireLicense, useLicense, validateLicense } from './chunk-VECQKSWS.mjs';
 import { useState, useEffect, Suspense } from 'react';
 import { FieldWrapper } from '@squaredr/fieldcraft-react';
@@ -277,7 +277,7 @@ var PRO_FIELD_OVERRIDES = {
 // src/index.ts
 if (typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" && globalThis.process.env?.NODE_ENV !== "production") {
   const _fc_banner = `
-%c FieldCraft Pro %c v1.6.2 
+%c FieldCraft Pro %c v1.6.3 
 
 %cForm Builder \xB7 Response Viewer \xB7 Theme Editor
 

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

@@ -58,8 +58,6 @@ type ThemeEditorProps = {
 
 declare const ThemeEditor: react.ComponentType<ThemeEditorProps>;
 
-declare function ThemeEditorInner({ initialTheme, onChange, onSave, theme: chromeTheme, height, width, className, toolbarExtra, showPreview, }: ThemeEditorProps): react_jsx_runtime.JSX.Element;
-
 declare function useEditorTheme(): ThemeEditorTheme;
 type ThemeEditorThemeProviderProps = {
     theme?: ThemeEditorTheme;
@@ -98,4 +96,4 @@ declare function resolveThemeFromDOM(): FormEngineTheme;
 /** Compact schema used in the ThemeEditor live preview panel. */
 declare const PREVIEW_SCHEMA: FormEngineSchema;
 
-export { PRESET_FAMILIES, PREVIEW_SCHEMA, type PresetFamily, ThemeEditor, ThemeEditorInner, type ThemeEditorProps, type ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme };
+export { PRESET_FAMILIES, PREVIEW_SCHEMA, type PresetFamily, ThemeEditor, type ThemeEditorProps, type ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme };

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

@@ -58,8 +58,6 @@ type ThemeEditorProps = {
 
 declare const ThemeEditor: react.ComponentType<ThemeEditorProps>;
 
-declare function ThemeEditorInner({ initialTheme, onChange, onSave, theme: chromeTheme, height, width, className, toolbarExtra, showPreview, }: ThemeEditorProps): react_jsx_runtime.JSX.Element;
-
 declare function useEditorTheme(): ThemeEditorTheme;
 type ThemeEditorThemeProviderProps = {
     theme?: ThemeEditorTheme;
@@ -98,4 +96,4 @@ declare function resolveThemeFromDOM(): FormEngineTheme;
 /** Compact schema used in the ThemeEditor live preview panel. */
 declare const PREVIEW_SCHEMA: FormEngineSchema;
 
-export { PRESET_FAMILIES, PREVIEW_SCHEMA, type PresetFamily, ThemeEditor, ThemeEditorInner, type ThemeEditorProps, type ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme };
+export { PRESET_FAMILIES, PREVIEW_SCHEMA, type PresetFamily, ThemeEditor, type ThemeEditorProps, type ThemeEditorTheme, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme };

package/dist/theme-editor/index.js

@@ -1372,6 +1372,24 @@ function ThemeEditorInner({
   const [showComparison, setShowComparison] = react.useState(false);
   const themeRef = react.useRef(theme);
   themeRef.current = theme;
+  const hasInitialTheme = react.useRef(initialTheme != null);
+  react.useEffect(() => {
+    if (hasInitialTheme.current) return;
+    if (typeof window === "undefined") return;
+    const observer = new MutationObserver(() => {
+      requestAnimationFrame(() => {
+        const resolved = resolveThemeFromDOM();
+        setTheme(resolved);
+        setPresetKey("custom");
+        onChange?.(resolved);
+      });
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme", "class"]
+    });
+    return () => observer.disconnect();
+  }, [onChange]);
   react.useEffect(() => {
     function handleKeyDown(e) {
       if ((e.metaKey || e.ctrlKey) && e.key === "s") {
@@ -1676,7 +1694,6 @@ var themeEditorDarkPreset = {
 exports.PRESET_FAMILIES = PRESET_FAMILIES;
 exports.PREVIEW_SCHEMA = PREVIEW_SCHEMA;
 exports.ThemeEditor = ThemeEditor;
-exports.ThemeEditorInner = ThemeEditorInner;
 exports.ThemeEditorThemeProvider = ThemeEditorThemeProvider;
 exports.resolveThemeFromDOM = resolveThemeFromDOM;
 exports.themeEditorDarkPreset = themeEditorDarkPreset;

package/dist/theme-editor/index.mjs

@@ -1,2 +1,2 @@
-export { PRESET_FAMILIES, PREVIEW_SCHEMA, ThemeEditor, ThemeEditorInner, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from '../chunk-Y6JWJY3A.mjs';
+export { PRESET_FAMILIES, PREVIEW_SCHEMA, ThemeEditor, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from '../chunk-CFVT2R42.mjs';
 import '../chunk-VECQKSWS.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squaredr/fieldcraft-pro",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "Pro components for FieldCraft — visual drag-and-drop Form Builder, Response Viewer, and Theme Editor for React",
   "keywords": [
     "fieldcraft",