@puckeditor/core 0.23.0-canary.7ca16bcb → 0.23.0-canary.9bf3e00a

package/dist/{Editor-V2RQPQAL.mjs → Editor-BJP5AFD5.mjs}

@@ -4,20 +4,20 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-WABMBXFK.mjs";
+} from "./chunk-BMRBP3ET.mjs";
 import "./chunk-H635BA2V.mjs";
-import "./chunk-OI2LQGRV.mjs";
-import "./chunk-G3YMTKUD.mjs";
-import "./chunk-X4NMPUXH.mjs";
-import "./chunk-EQADD6J2.mjs";
+import "./chunk-WQV7W7OC.mjs";
+import "./chunk-EYJW64M2.mjs";
+import "./chunk-MU6IPW26.mjs";
+import "./chunk-HB4CVO3I.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-2KHLVDRT.mjs";
-import "./chunk-HRNJ42TO.mjs";
-import "./chunk-GR7NLT4T.mjs";
+} from "./chunk-JHNG6XYK.mjs";
+import "./chunk-25QAPMLH.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-74HKFKJU.mjs";
+import "./chunk-QHQD3BMI.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{chunk-HRNJ42TO.mjs → chunk-25QAPMLH.mjs}

@@ -3,7 +3,7 @@ import {
   setupZone,
   walkAppState,
   walkTree
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{chunk-WABMBXFK.mjs → chunk-BMRBP3ET.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-H635BA2V.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-OI2LQGRV.mjs";
+} from "./chunk-WQV7W7OC.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-2KHLVDRT.mjs";
+} from "./chunk-JHNG6XYK.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -100,7 +100,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-GSJGH3OO.mjs").then((m) => ({
+  () => import("./full-7ONH7UPJ.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{chunk-G3YMTKUD.mjs → chunk-EYJW64M2.mjs}

@@ -4,7 +4,7 @@ import {
   AlignLeft,
   AlignRight,
   useMessage
-} from "./chunk-2KHLVDRT.mjs";
+} from "./chunk-JHNG6XYK.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-EQADD6J2.mjs → chunk-HB4CVO3I.mjs}

@@ -2,7 +2,7 @@ import {
   List,
   ListOrdered,
   useMessage
-} from "./chunk-2KHLVDRT.mjs";
+} from "./chunk-JHNG6XYK.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-2KHLVDRT.mjs → chunk-JHNG6XYK.mjs}

@@ -3,19 +3,19 @@ import {
   generateId,
   getItem,
   makeStatePublic
-} from "./chunk-HRNJ42TO.mjs";
+} from "./chunk-25QAPMLH.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-GR7NLT4T.mjs";
+} from "./chunk-WUO7D6OQ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
   walkAppState
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   __async,
   __objRest,

package/dist/{chunk-FKYOVZNF.mjs → chunk-JNJJ2M57.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   defaultAppState,
   resolveComponentData
-} from "./chunk-GR7NLT4T.mjs";
+} from "./chunk-WUO7D6OQ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -14,7 +14,7 @@ import {
   toComponent,
   walkAppState,
   walkTree
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   __async,
   __objRest,

package/dist/{chunk-X4NMPUXH.mjs → chunk-MU6IPW26.mjs}

@@ -6,7 +6,7 @@ import {
   Heading5,
   Heading6,
   useMessage
-} from "./chunk-2KHLVDRT.mjs";
+} from "./chunk-JHNG6XYK.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-D6RLJXOY.mjs → chunk-Q6WCB6GM.mjs}

@@ -1,7 +1,7 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-WABMBXFK.mjs";
+} from "./chunk-BMRBP3ET.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -10,10 +10,10 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-FKYOVZNF.mjs";
+} from "./chunk-JNJJ2M57.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-OI2LQGRV.mjs";
+} from "./chunk-WQV7W7OC.mjs";
 import {
   ActionBar,
   ChevronDown,
@@ -69,7 +69,7 @@ import {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useResetAutoZoom
-} from "./chunk-2KHLVDRT.mjs";
+} from "./chunk-JHNG6XYK.mjs";
 import {
   generateId,
   getItem,
@@ -77,11 +77,11 @@ import {
   insertAction,
   makeStatePublic,
   populateIds
-} from "./chunk-HRNJ42TO.mjs";
+} from "./chunk-25QAPMLH.mjs";
 import {
   defaultAppState,
   defaultViewports
-} from "./chunk-GR7NLT4T.mjs";
+} from "./chunk-WUO7D6OQ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -96,7 +96,7 @@ import {
   toComponent,
   walkAppState,
   walkField
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   __async,
   __objRest,
@@ -2012,7 +2012,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment5, jsx as jsx18 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-V2RQPQAL.mjs").then((m) => ({
+  () => import("./Editor-BJP5AFD5.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -4263,6 +4263,7 @@ var ContextSlotRender = ({
 init_react_import();
 import { useMemo as useMemo10, useRef as useRef5 } from "react";
 function useFieldTransformsTracked(config, item, transforms, readOnly, forceReadOnly) {
+  const prevMappers = useRef5(null);
   const prevProps = useRef5(null);
   const prevResult = useRef5(item.props);
   const mappers = useMemo10(
@@ -4270,29 +4271,44 @@ function useFieldTransformsTracked(config, item, transforms, readOnly, forceRead
     [transforms, readOnly, forceReadOnly]
   );
   const transformedProps = useMemo10(() => {
-    var _a, _b, _c;
-    const changedProps = {};
+    var _a, _b, _c, _d;
     const componentConfig = item.type === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[item.type];
+    const componentFields = (_b = componentConfig == null ? void 0 : componentConfig.fields) != null ? _b : {};
+    const fullRemap = prevMappers.current !== mappers;
+    let changedFields;
     let changeIncludesSlot = false;
-    for (const fieldName in item.props) {
-      const fieldType = (_c = (_b = componentConfig == null ? void 0 : componentConfig.fields) == null ? void 0 : _b[fieldName]) == null ? void 0 : _c.type;
-      if (!prevProps.current || item.props[fieldName] !== prevProps.current[fieldName]) {
-        changedProps[fieldName] = item.props[fieldName];
-        if (fieldType === "slot") {
+    if (!prevProps.current || fullRemap) {
+      for (const fieldName in item.props) {
+        if (((_c = componentFields[fieldName]) == null ? void 0 : _c.type) === "slot") {
           changeIncludesSlot = true;
         }
       }
+    } else {
+      changedFields = ["id"];
+      const allFieldNames = /* @__PURE__ */ new Set([
+        ...Object.keys(item.props),
+        ...Object.keys(prevProps.current)
+      ]);
+      for (const fieldName of allFieldNames) {
+        if (item.props[fieldName] !== prevProps.current[fieldName]) {
+          changedFields.push(fieldName);
+          if (((_d = componentFields[fieldName]) == null ? void 0 : _d.type) === "slot") {
+            changeIncludesSlot = true;
+          }
+        }
+      }
     }
-    changedProps.id = item.props.id;
-    prevProps.current = item.props;
     const mapped = mapFields(
-      __spreadProps(__spreadValues({}, item), { props: changedProps }),
+      item,
       mappers,
       config,
       false,
-      changeIncludesSlot
+      changeIncludesSlot,
+      changedFields
     ).props;
-    prevResult.current = __spreadValues(__spreadValues({}, prevResult.current), mapped);
+    prevProps.current = item.props;
+    prevMappers.current = mappers;
+    prevResult.current = changedFields ? __spreadValues(__spreadValues({}, prevResult.current), mapped) : mapped;
     return prevResult.current;
   }, [config, item, mappers]);
   const mergedProps = useMemo10(
@@ -4522,7 +4538,7 @@ import {
 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-V2RQPQAL.mjs").then((m) => ({
+  () => import("./Editor-BJP5AFD5.mjs").then((m) => ({
     default: m.Editor
   }))
 );

package/dist/{chunk-74HKFKJU.mjs → chunk-QHQD3BMI.mjs}

@@ -108,10 +108,11 @@ var walkObject = ({
   getPropPath,
   config,
   recurseSlots,
-  ownedFields
+  ownedFields,
+  keysToWalk: providedKeys
 }) => {
-  const keys = Object.keys(value);
-  if (ownedFields) {
+  const keys = providedKeys != null ? providedKeys : Object.keys(value);
+  if (!providedKeys && ownedFields) {
     for (const fieldName in fields) {
       const fieldType = fields[fieldName].type;
       if (fieldType !== "slot" && mappers[fieldType] && !(fieldName in value)) {
@@ -145,7 +146,7 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true, fieldsToMap) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
@@ -157,7 +158,8 @@ function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlo
     getPropPath: (k) => k,
     config,
     recurseSlots,
-    ownedFields: true
+    ownedFields: true,
+    keysToWalk: fieldsToMap
   });
   if (isPromise(newProps)) {
     return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {

package/dist/{chunk-OI2LQGRV.mjs → chunk-WQV7W7OC.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-G3YMTKUD.mjs";
+} from "./chunk-EYJW64M2.mjs";
 import {
   useHeadingOptions
-} from "./chunk-X4NMPUXH.mjs";
+} from "./chunk-MU6IPW26.mjs";
 import {
   useListOptions
-} from "./chunk-EQADD6J2.mjs";
+} from "./chunk-HB4CVO3I.mjs";
 import {
   Action,
   AlignCenter,
@@ -29,7 +29,7 @@ import {
   Underline,
   useControlContext,
   useMessage
-} from "./chunk-2KHLVDRT.mjs";
+} from "./chunk-JHNG6XYK.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -204,7 +204,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-A7IXFU7M.mjs").then((m) => ({
+  () => import("./loaded-PF5Y4VWH.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -445,7 +445,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-7EVGM4NA.mjs").then((m) => ({
+  () => import("./loaded-6YDNF4HS.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -477,7 +477,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-QAIOZVXW.mjs").then((m) => ({
+  () => import("./loaded-35D7XAOE.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-GR7NLT4T.mjs → chunk-WUO7D6OQ.mjs}

@@ -1,7 +1,7 @@
 import {
   mapFields,
   toComponent
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   __async,
   __spreadProps,

package/dist/{full-GSJGH3OO.mjs → full-7ONH7UPJ.mjs}

@@ -1,14 +1,14 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-OI2LQGRV.mjs";
-import "./chunk-G3YMTKUD.mjs";
-import "./chunk-X4NMPUXH.mjs";
-import "./chunk-EQADD6J2.mjs";
-import "./chunk-2KHLVDRT.mjs";
-import "./chunk-HRNJ42TO.mjs";
-import "./chunk-GR7NLT4T.mjs";
+} from "./chunk-WQV7W7OC.mjs";
+import "./chunk-EYJW64M2.mjs";
+import "./chunk-MU6IPW26.mjs";
+import "./chunk-HB4CVO3I.mjs";
+import "./chunk-JHNG6XYK.mjs";
+import "./chunk-25QAPMLH.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-74HKFKJU.mjs";
+import "./chunk-QHQD3BMI.mjs";
 import {
   __spreadValues,
   init_react_import

package/dist/index.js

@@ -1427,7 +1427,7 @@ var init_default_slots = __esm({
 });
 
 // lib/data/map-fields.ts
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true, fieldsToMap) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
@@ -1439,7 +1439,8 @@ function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlo
     getPropPath: (k) => k,
     config,
     recurseSlots,
-    ownedFields: true
+    ownedFields: true,
+    keysToWalk: fieldsToMap
   });
   if (isPromise(newProps)) {
     return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {
@@ -1546,10 +1547,11 @@ var init_map_fields = __esm({
       getPropPath,
       config,
       recurseSlots,
-      ownedFields
+      ownedFields,
+      keysToWalk: providedKeys
     }) => {
-      const keys = Object.keys(value);
-      if (ownedFields) {
+      const keys = providedKeys != null ? providedKeys : Object.keys(value);
+      if (!providedKeys && ownedFields) {
         for (const fieldName in fields) {
           const fieldType = fields[fieldName].type;
           if (fieldType !== "slot" && mappers[fieldType] && !(fieldName in value)) {
@@ -9451,6 +9453,7 @@ init_react_import();
 var import_react63 = require("react");
 init_map_fields();
 function useFieldTransformsTracked(config, item, transforms, readOnly, forceReadOnly) {
+  const prevMappers = (0, import_react63.useRef)(null);
   const prevProps = (0, import_react63.useRef)(null);
   const prevResult = (0, import_react63.useRef)(item.props);
   const mappers = (0, import_react63.useMemo)(
@@ -9458,29 +9461,44 @@ function useFieldTransformsTracked(config, item, transforms, readOnly, forceRead
     [transforms, readOnly, forceReadOnly]
   );
   const transformedProps = (0, import_react63.useMemo)(() => {
-    var _a, _b, _c;
-    const changedProps = {};
+    var _a, _b, _c, _d;
     const componentConfig = item.type === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[item.type];
+    const componentFields = (_b = componentConfig == null ? void 0 : componentConfig.fields) != null ? _b : {};
+    const fullRemap = prevMappers.current !== mappers;
+    let changedFields;
     let changeIncludesSlot = false;
-    for (const fieldName in item.props) {
-      const fieldType = (_c = (_b = componentConfig == null ? void 0 : componentConfig.fields) == null ? void 0 : _b[fieldName]) == null ? void 0 : _c.type;
-      if (!prevProps.current || item.props[fieldName] !== prevProps.current[fieldName]) {
-        changedProps[fieldName] = item.props[fieldName];
-        if (fieldType === "slot") {
+    if (!prevProps.current || fullRemap) {
+      for (const fieldName in item.props) {
+        if (((_c = componentFields[fieldName]) == null ? void 0 : _c.type) === "slot") {
           changeIncludesSlot = true;
         }
       }
+    } else {
+      changedFields = ["id"];
+      const allFieldNames = /* @__PURE__ */ new Set([
+        ...Object.keys(item.props),
+        ...Object.keys(prevProps.current)
+      ]);
+      for (const fieldName of allFieldNames) {
+        if (item.props[fieldName] !== prevProps.current[fieldName]) {
+          changedFields.push(fieldName);
+          if (((_d = componentFields[fieldName]) == null ? void 0 : _d.type) === "slot") {
+            changeIncludesSlot = true;
+          }
+        }
+      }
     }
-    changedProps.id = item.props.id;
-    prevProps.current = item.props;
     const mapped = mapFields(
-      __spreadProps(__spreadValues({}, item), { props: changedProps }),
+      item,
       mappers,
       config,
       false,
-      changeIncludesSlot
+      changeIncludesSlot,
+      changedFields
     ).props;
-    prevResult.current = __spreadValues(__spreadValues({}, prevResult.current), mapped);
+    prevProps.current = item.props;
+    prevMappers.current = mappers;
+    prevResult.current = changedFields ? __spreadValues(__spreadValues({}, prevResult.current), mapped) : mapped;
     return prevResult.current;
   }, [config, item, mappers]);
   const mergedProps = (0, import_react63.useMemo)(

package/dist/index.mjs

@@ -17,20 +17,20 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-D6RLJXOY.mjs";
-import "./chunk-WABMBXFK.mjs";
+} from "./chunk-Q6WCB6GM.mjs";
+import "./chunk-BMRBP3ET.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-FKYOVZNF.mjs";
+} from "./chunk-JNJJ2M57.mjs";
 import "./chunk-H635BA2V.mjs";
 import {
   RichTextMenu
-} from "./chunk-OI2LQGRV.mjs";
-import "./chunk-G3YMTKUD.mjs";
-import "./chunk-X4NMPUXH.mjs";
-import "./chunk-EQADD6J2.mjs";
+} from "./chunk-WQV7W7OC.mjs";
+import "./chunk-EYJW64M2.mjs";
+import "./chunk-MU6IPW26.mjs";
+import "./chunk-HB4CVO3I.mjs";
 import {
   Action,
   ActionBar,
@@ -38,13 +38,13 @@ import {
   IconButton,
   Label,
   Separator
-} from "./chunk-2KHLVDRT.mjs";
-import "./chunk-HRNJ42TO.mjs";
-import "./chunk-GR7NLT4T.mjs";
+} from "./chunk-JHNG6XYK.mjs";
+import "./chunk-25QAPMLH.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/internal.js

@@ -177,10 +177,11 @@ var walkObject = ({
   getPropPath,
   config,
   recurseSlots,
-  ownedFields
+  ownedFields,
+  keysToWalk: providedKeys
 }) => {
-  const keys = Object.keys(value);
-  if (ownedFields) {
+  const keys = providedKeys != null ? providedKeys : Object.keys(value);
+  if (!providedKeys && ownedFields) {
     for (const fieldName in fields) {
       const fieldType = fields[fieldName].type;
       if (fieldType !== "slot" && mappers[fieldType] && !(fieldName in value)) {
@@ -214,7 +215,7 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true, fieldsToMap) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
@@ -226,7 +227,8 @@ function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlo
     getPropPath: (k) => k,
     config,
     recurseSlots,
-    ownedFields: true
+    ownedFields: true,
+    keysToWalk: fieldsToMap
   });
   if (isPromise(newProps)) {
     return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {

package/dist/internal.mjs

@@ -1,7 +1,7 @@
 import {
   createReducer
-} from "./chunk-HRNJ42TO.mjs";
-import "./chunk-74HKFKJU.mjs";
+} from "./chunk-25QAPMLH.mjs";
+import "./chunk-QHQD3BMI.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-QAIOZVXW.mjs → loaded-35D7XAOE.mjs}

@@ -1,15 +1,15 @@
 import {
   useListOptions
-} from "./chunk-EQADD6J2.mjs";
+} from "./chunk-HB4CVO3I.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-2KHLVDRT.mjs";
-import "./chunk-HRNJ42TO.mjs";
-import "./chunk-GR7NLT4T.mjs";
+} from "./chunk-JHNG6XYK.mjs";
+import "./chunk-25QAPMLH.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-74HKFKJU.mjs";
+import "./chunk-QHQD3BMI.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-7EVGM4NA.mjs → loaded-6YDNF4HS.mjs}

@@ -1,15 +1,15 @@
 import {
   useHeadingOptions
-} from "./chunk-X4NMPUXH.mjs";
+} from "./chunk-MU6IPW26.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-2KHLVDRT.mjs";
-import "./chunk-HRNJ42TO.mjs";
-import "./chunk-GR7NLT4T.mjs";
+} from "./chunk-JHNG6XYK.mjs";
+import "./chunk-25QAPMLH.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-74HKFKJU.mjs";
+import "./chunk-QHQD3BMI.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-A7IXFU7M.mjs → loaded-PF5Y4VWH.mjs}

@@ -1,15 +1,15 @@
 import {
   useAlignOptions
-} from "./chunk-G3YMTKUD.mjs";
+} from "./chunk-EYJW64M2.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-2KHLVDRT.mjs";
-import "./chunk-HRNJ42TO.mjs";
-import "./chunk-GR7NLT4T.mjs";
+} from "./chunk-JHNG6XYK.mjs";
+import "./chunk-25QAPMLH.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-74HKFKJU.mjs";
+import "./chunk-QHQD3BMI.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/no-external.js

@@ -1427,7 +1427,7 @@ var init_default_slots = __esm({
 });
 
 // lib/data/map-fields.ts
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true, fieldsToMap) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
@@ -1439,7 +1439,8 @@ function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlo
     getPropPath: (k) => k,
     config,
     recurseSlots,
-    ownedFields: true
+    ownedFields: true,
+    keysToWalk: fieldsToMap
   });
   if (isPromise(newProps)) {
     return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {
@@ -1546,10 +1547,11 @@ var init_map_fields = __esm({
       getPropPath,
       config,
       recurseSlots,
-      ownedFields
+      ownedFields,
+      keysToWalk: providedKeys
     }) => {
-      const keys = Object.keys(value);
-      if (ownedFields) {
+      const keys = providedKeys != null ? providedKeys : Object.keys(value);
+      if (!providedKeys && ownedFields) {
         for (const fieldName in fields) {
           const fieldType = fields[fieldName].type;
           if (fieldType !== "slot" && mappers[fieldType] && !(fieldName in value)) {
@@ -9451,6 +9453,7 @@ init_react_import();
 var import_react63 = require("react");
 init_map_fields();
 function useFieldTransformsTracked(config, item, transforms, readOnly, forceReadOnly) {
+  const prevMappers = (0, import_react63.useRef)(null);
   const prevProps = (0, import_react63.useRef)(null);
   const prevResult = (0, import_react63.useRef)(item.props);
   const mappers = (0, import_react63.useMemo)(
@@ -9458,29 +9461,44 @@ function useFieldTransformsTracked(config, item, transforms, readOnly, forceRead
     [transforms, readOnly, forceReadOnly]
   );
   const transformedProps = (0, import_react63.useMemo)(() => {
-    var _a, _b, _c;
-    const changedProps = {};
+    var _a, _b, _c, _d;
     const componentConfig = item.type === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[item.type];
+    const componentFields = (_b = componentConfig == null ? void 0 : componentConfig.fields) != null ? _b : {};
+    const fullRemap = prevMappers.current !== mappers;
+    let changedFields;
     let changeIncludesSlot = false;
-    for (const fieldName in item.props) {
-      const fieldType = (_c = (_b = componentConfig == null ? void 0 : componentConfig.fields) == null ? void 0 : _b[fieldName]) == null ? void 0 : _c.type;
-      if (!prevProps.current || item.props[fieldName] !== prevProps.current[fieldName]) {
-        changedProps[fieldName] = item.props[fieldName];
-        if (fieldType === "slot") {
+    if (!prevProps.current || fullRemap) {
+      for (const fieldName in item.props) {
+        if (((_c = componentFields[fieldName]) == null ? void 0 : _c.type) === "slot") {
           changeIncludesSlot = true;
         }
       }
+    } else {
+      changedFields = ["id"];
+      const allFieldNames = /* @__PURE__ */ new Set([
+        ...Object.keys(item.props),
+        ...Object.keys(prevProps.current)
+      ]);
+      for (const fieldName of allFieldNames) {
+        if (item.props[fieldName] !== prevProps.current[fieldName]) {
+          changedFields.push(fieldName);
+          if (((_d = componentFields[fieldName]) == null ? void 0 : _d.type) === "slot") {
+            changeIncludesSlot = true;
+          }
+        }
+      }
     }
-    changedProps.id = item.props.id;
-    prevProps.current = item.props;
     const mapped = mapFields(
-      __spreadProps(__spreadValues({}, item), { props: changedProps }),
+      item,
       mappers,
       config,
       false,
-      changeIncludesSlot
+      changeIncludesSlot,
+      changedFields
     ).props;
-    prevResult.current = __spreadValues(__spreadValues({}, prevResult.current), mapped);
+    prevProps.current = item.props;
+    prevMappers.current = mappers;
+    prevResult.current = changedFields ? __spreadValues(__spreadValues({}, prevResult.current), mapped) : mapped;
     return prevResult.current;
   }, [config, item, mappers]);
   const mergedProps = (0, import_react63.useMemo)(

package/dist/no-external.mjs

@@ -17,20 +17,20 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-D6RLJXOY.mjs";
-import "./chunk-WABMBXFK.mjs";
+} from "./chunk-Q6WCB6GM.mjs";
+import "./chunk-BMRBP3ET.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-FKYOVZNF.mjs";
+} from "./chunk-JNJJ2M57.mjs";
 import "./chunk-H635BA2V.mjs";
 import {
   RichTextMenu
-} from "./chunk-OI2LQGRV.mjs";
-import "./chunk-G3YMTKUD.mjs";
-import "./chunk-X4NMPUXH.mjs";
-import "./chunk-EQADD6J2.mjs";
+} from "./chunk-WQV7W7OC.mjs";
+import "./chunk-EYJW64M2.mjs";
+import "./chunk-MU6IPW26.mjs";
+import "./chunk-HB4CVO3I.mjs";
 import {
   Action,
   ActionBar,
@@ -38,13 +38,13 @@ import {
   IconButton,
   Label,
   Separator
-} from "./chunk-2KHLVDRT.mjs";
-import "./chunk-HRNJ42TO.mjs";
-import "./chunk-GR7NLT4T.mjs";
+} from "./chunk-JHNG6XYK.mjs";
+import "./chunk-25QAPMLH.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/rsc.js

@@ -497,10 +497,11 @@ var walkObject = ({
   getPropPath,
   config,
   recurseSlots,
-  ownedFields
+  ownedFields,
+  keysToWalk: providedKeys
 }) => {
-  const keys = Object.keys(value);
-  if (ownedFields) {
+  const keys = providedKeys != null ? providedKeys : Object.keys(value);
+  if (!providedKeys && ownedFields) {
     for (const fieldName in fields) {
       const fieldType = fields[fieldName].type;
       if (fieldType !== "slot" && mappers[fieldType] && !(fieldName in value)) {
@@ -534,7 +535,7 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true, fieldsToMap) {
   var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
@@ -546,7 +547,8 @@ function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlo
     getPropPath: (k) => k,
     config,
     recurseSlots,
-    ownedFields: true
+    ownedFields: true,
+    keysToWalk: fieldsToMap
   });
   if (isPromise(newProps)) {
     return newProps.then((resolvedProps) => __spreadProps(__spreadValues({}, item), {

package/dist/rsc.mjs

@@ -5,9 +5,9 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-FKYOVZNF.mjs";
+} from "./chunk-JNJJ2M57.mjs";
 import "./chunk-H635BA2V.mjs";
-import "./chunk-GR7NLT4T.mjs";
+import "./chunk-WUO7D6OQ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   rootAreaId,
@@ -15,7 +15,7 @@ import {
   rootZone,
   setupZone,
   walkTree
-} from "./chunk-74HKFKJU.mjs";
+} from "./chunk-QHQD3BMI.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/core",
-  "version": "0.23.0-canary.7ca16bcb",
+  "version": "0.23.0-canary.9bf3e00a",
   "description": "The open-source visual editor for React",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",