@squaredr/fieldcraft-pro 1.6.2 → 1.6.3

package/dist/{chunk-Y6JWJY3A.mjs → chunk-AXCQWATI.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") {

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
 

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, ThemeEditorInner, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from './chunk-AXCQWATI.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.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") {

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, ThemeEditorInner, ThemeEditorThemeProvider, resolveThemeFromDOM, themeEditorDarkPreset, themeEditorLightPreset, useEditorTheme } from '../chunk-AXCQWATI.mjs';
 import '../chunk-VECQKSWS.mjs';

package/package.json

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