@measured/puck 0.19.0-canary.39958756 → 0.19.0-canary.427e686f

package/README.md

@@ -3,9 +3,6 @@
 The visual editor for React.
 
 <p align="left">
-  <a aria-label="Measured logo" href="https://measured.co">
-    <img src="https://img.shields.io/badge/MADE%20BY%20Measured-000000.svg?style=for-the-badge&labelColor=000">
-  </a>
   <a aria-label="NPM version" href="https://www.npmjs.com/package/@measured/puck">
     <img alt="" src="https://img.shields.io/npm/v/@measured/puck.svg?style=for-the-badge&labelColor=000000">
   </a>
@@ -110,4 +107,4 @@ Or [book a discovery call](https://app.cal.com/chrisvxd/puck-enquiry/) for hands
 
 ## License
 
-MIT © [Measured Corporation Ltd](https://measured.co)
+MIT © [The Puck Contributors](https://github.com/measuredco/puck/graphs/contributors)

package/dist/{chunk-ZOHJNF5K.mjs → chunk-LKVFR7SK.mjs}

@@ -226,68 +226,6 @@ ActionBar.Action = Action;
 ActionBar.Label = Label;
 ActionBar.Group = Group;
 
-// lib/data/map-slots.ts
-init_react_import();
-
-// lib/data/is-slot.ts
-init_react_import();
-var isSlot = (prop) => {
-  var _a, _b;
-  return Array.isArray(prop) && typeof ((_a = prop[0]) == null ? void 0 : _a.type) === "string" && typeof ((_b = prop[0]) == null ? void 0 : _b.props) === "object";
-};
-var createIsSlotConfig = (config) => (itemType, propName, propValue) => {
-  var _a, _b;
-  const configForComponent = itemType === "root" ? config == null ? void 0 : config.root : config == null ? void 0 : config.components[itemType];
-  if (!configForComponent) return isSlot(propValue);
-  return ((_b = (_a = configForComponent.fields) == null ? void 0 : _a[propName]) == null ? void 0 : _b.type) === "slot";
-};
-
-// lib/data/map-slots.ts
-function mapSlotsAsync(_0, _1) {
-  return __async(this, arguments, function* (item, map, recursive = true, isSlot2 = isSlot) {
-    const props = __spreadValues({}, item.props);
-    const propKeys = Object.keys(props);
-    for (let i = 0; i < propKeys.length; i++) {
-      const propKey = propKeys[i];
-      const itemType = "type" in item ? item.type : "root";
-      if (isSlot2(itemType, propKey, props[propKey])) {
-        const content = props[propKey];
-        const mappedContent = recursive ? yield Promise.all(
-          content.map((item2) => __async(this, null, function* () {
-            return yield mapSlotsAsync(item2, map, recursive, isSlot2);
-          }))
-        ) : content;
-        props[propKey] = yield map(mappedContent, propKey);
-      }
-    }
-    return __spreadProps(__spreadValues({}, item), { props });
-  });
-}
-function mapSlotsSync(item, map, isSlot2 = isSlot) {
-  const props = __spreadValues({}, item.props);
-  const propKeys = Object.keys(props);
-  for (let i = 0; i < propKeys.length; i++) {
-    const propKey = propKeys[i];
-    const itemType = "type" in item ? item.type : "root";
-    if (isSlot2(itemType, propKey, props[propKey])) {
-      const content = props[propKey];
-      const mappedContent = content.map((item2) => {
-        return mapSlotsSync(item2, map, isSlot2);
-      });
-      props[propKey] = map(mappedContent, props.id, propKey);
-    }
-  }
-  return __spreadProps(__spreadValues({}, item), { props });
-}
-function mapSlotsPublic(item, config, map) {
-  const isSlot2 = createIsSlotConfig(config);
-  return mapSlotsSync(
-    item,
-    (content, parentId, propName) => map(content, { parentId, propName }),
-    isSlot2
-  );
-}
-
 // components/Render/index.tsx
 init_react_import();
 
@@ -689,11 +627,26 @@ init_react_import();
 // reducer/actions/set.ts
 init_react_import();
 
-// lib/data/walk-tree.ts
+// lib/data/walk-app-state.ts
 init_react_import();
 
 // lib/data/for-each-slot.ts
 init_react_import();
+
+// lib/data/is-slot.ts
+init_react_import();
+var isSlot = (prop) => {
+  var _a, _b;
+  return Array.isArray(prop) && typeof ((_a = prop[0]) == null ? void 0 : _a.type) === "string" && typeof ((_b = prop[0]) == null ? void 0 : _b.props) === "object";
+};
+var createIsSlotConfig = (config) => (itemType, propName, propValue) => {
+  var _a, _b;
+  const configForComponent = itemType === "root" ? config == null ? void 0 : config.root : config == null ? void 0 : config.components[itemType];
+  if (!configForComponent) return isSlot(propValue);
+  return ((_b = (_a = configForComponent.fields) == null ? void 0 : _a[propName]) == null ? void 0 : _b.type) === "slot";
+};
+
+// lib/data/for-each-slot.ts
 var forEachSlot = (item, cb, recursive = false, isSlot2 = isSlot) => {
   const props = item.props || {};
   const propKeys = Object.keys(props);
@@ -755,8 +708,8 @@ var stripSlots = (data) => {
   });
 };
 
-// lib/data/walk-tree.ts
-function walkTree(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
+// lib/data/walk-app-state.ts
+function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
   let newZones = {};
   const newZoneIndex = {};
@@ -889,7 +842,7 @@ var setAction = (state, action, appStore) => {
     console.warn(
       "`set` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(newState, appStore.config);
+    return walkAppState(newState, appStore.config);
   }
   return __spreadValues(__spreadValues({}, state), action.state(state));
 };
@@ -929,7 +882,7 @@ function insertAction(state, action, appStore) {
   };
   const [parentId] = action.destinationZone.split(":");
   const idsInPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -967,7 +920,7 @@ var replaceAction = (state, action, appStore) => {
       `Can't change the id during a replace action. Please us "remove" and "insert" to define a new node.`
     );
   }
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -996,7 +949,7 @@ var replaceAction = (state, action, appStore) => {
 // reducer/actions/replace-root.ts
 init_react_import();
 var replaceRootAction = (state, action, appStore) => {
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content) => content,
@@ -1035,7 +988,7 @@ function duplicateAction(state, action, appStore) {
       id: generateId(item.type)
     })
   });
-  const modified = walkTree(
+  const modified = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1100,7 +1053,7 @@ var moveAction = (state, action, appStore) => {
   if (!item) return state;
   const idsInSourcePath = getIdsForParent(action.sourceZone, state);
   const idsInDestinationPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1158,7 +1111,7 @@ var removeAction = (state, action, appStore) => {
     },
     [item.props.id]
   );
-  const newState = walkTree(
+  const newState = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1249,14 +1202,14 @@ var setDataAction = (state, action, appStore) => {
     console.warn(
       "`setData` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(
+    return walkAppState(
       __spreadProps(__spreadValues({}, state), {
         data: __spreadValues(__spreadValues({}, state.data), action.data)
       }),
       appStore.config
     );
   }
-  return walkTree(
+  return walkAppState(
     __spreadProps(__spreadValues({}, state), {
       data: __spreadValues(__spreadValues({}, state.data), action.data(state.data))
     }),
@@ -1641,7 +1594,7 @@ import { useEffect as useEffect3 } from "react";
 init_react_import();
 var flattenData = (state, config) => {
   const data = [];
-  walkTree(
+  walkAppState(
     state,
     config,
     (content) => content,
@@ -1877,6 +1830,48 @@ var useRegisterFieldsSlice = (appStore, id) => {
 
 // lib/resolve-component-data.ts
 init_react_import();
+
+// lib/data/map-slots.ts
+init_react_import();
+function mapSlotsAsync(_0, _1) {
+  return __async(this, arguments, function* (item, map, recursive = true, isSlot2 = isSlot) {
+    const props = __spreadValues({}, item.props);
+    const propKeys = Object.keys(props);
+    for (let i = 0; i < propKeys.length; i++) {
+      const propKey = propKeys[i];
+      const itemType = "type" in item ? item.type : "root";
+      if (isSlot2(itemType, propKey, props[propKey])) {
+        const content = props[propKey];
+        const mappedContent = recursive ? yield Promise.all(
+          content.map((item2) => __async(this, null, function* () {
+            return yield mapSlotsAsync(item2, map, recursive, isSlot2);
+          }))
+        ) : content;
+        props[propKey] = yield map(mappedContent, propKey);
+      }
+    }
+    return __spreadProps(__spreadValues({}, item), { props });
+  });
+}
+function mapSlotsSync(item, map, isSlot2 = isSlot) {
+  var _a, _b;
+  const props = __spreadValues({}, item.props);
+  const propKeys = Object.keys(props);
+  for (let i = 0; i < propKeys.length; i++) {
+    const propKey = propKeys[i];
+    const itemType = "type" in item ? item.type : "root";
+    if (isSlot2(itemType, propKey, props[propKey])) {
+      const content = props[propKey];
+      const mappedContent = content.map((item2) => {
+        return mapSlotsSync(item2, map, isSlot2);
+      });
+      props[propKey] = (_b = map(mappedContent, (_a = props.id) != null ? _a : "root", propKey)) != null ? _b : mappedContent;
+    }
+  }
+  return __spreadProps(__spreadValues({}, item), { props });
+}
+
+// lib/resolve-component-data.ts
 import fdeq from "fast-deep-equal";
 var cache = { lastChange: {} };
 var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace", recursive = true) {
@@ -2121,7 +2116,7 @@ var createAppStore = (initialAppStore) => create2()(
       }),
       resolveAndCommitData: () => __async(void 0, null, function* () {
         const { config, state, dispatch, resolveComponentData: resolveComponentData2 } = get();
-        walkTree(
+        walkAppState(
           state,
           config,
           (content) => content,
@@ -3190,7 +3185,7 @@ var GlobalPosition = class {
     var _a;
     this.target = target;
     this.original = original;
-    this.frameEl = document.querySelector("iframe");
+    this.frameEl = document.querySelector("#preview-frame");
     if (this.frameEl) {
       this.frameRect = this.frameEl.getBoundingClientRect();
       this.scaleFactor = this.frameRect.width / (((_a = this.frameEl.contentWindow) == null ? void 0 : _a.innerWidth) || 1);
@@ -5105,10 +5100,11 @@ export {
   replace,
   Loader,
   DragIcon,
+  createIsSlotConfig,
   rootAreaId,
   rootZone,
   rootDroppableId,
-  walkTree,
+  walkAppState,
   getItem,
   setupZone,
   makeStatePublic,
@@ -5119,7 +5115,7 @@ export {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useRegisterFieldsSlice,
-  mapSlotsPublic,
+  mapSlotsSync,
   defaultAppState,
   createAppStore,
   appStoreContext,

package/dist/index.d.mts

@@ -248,18 +248,18 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
 
 declare function migrate(data: Data, config?: Config): Data;
 
-type MapSlotOptions = {
+type WalkTreeOptions = {
     parentId: string;
     propName: string;
 };
-declare function mapSlotsPublic<T extends ComponentData | RootData>(item: T, config: Config, map: (data: Content, options: MapSlotOptions) => Content): T;
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
 
 type WithGet<T> = T & {
     get: () => T;
 };
 type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
     appState: AppState;
-    config: Config;
+    config: UserConfig;
     dispatch: AppStore["dispatch"];
     getPermissions: GetPermissions<UserConfig>;
     refreshPermissions: RefreshPermissions<UserConfig>;
@@ -292,4 +292,4 @@ type UsePuckStore<UserConfig extends Config = Config> = WithGet<PuckApi<UserConf
 declare function createUsePuck<UserConfig extends Config = Config>(): <T = PuckApi<UserConfig>>(selector: (state: UsePuckStore<UserConfig>) => T) => T;
 declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<UserConfig>;
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Content, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootData, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, mapSlotsPublic as mapSlots, migrate, renderContext, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Content, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootData, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, migrate, renderContext, usePuck, walkTree };

package/dist/index.d.ts

@@ -248,18 +248,18 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
 
 declare function migrate(data: Data, config?: Config): Data;
 
-type MapSlotOptions = {
+type WalkTreeOptions = {
     parentId: string;
     propName: string;
 };
-declare function mapSlotsPublic<T extends ComponentData | RootData>(item: T, config: Config, map: (data: Content, options: MapSlotOptions) => Content): T;
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
 
 type WithGet<T> = T & {
     get: () => T;
 };
 type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
     appState: AppState;
-    config: Config;
+    config: UserConfig;
     dispatch: AppStore["dispatch"];
     getPermissions: GetPermissions<UserConfig>;
     refreshPermissions: RefreshPermissions<UserConfig>;
@@ -292,4 +292,4 @@ type UsePuckStore<UserConfig extends Config = Config> = WithGet<PuckApi<UserConf
 declare function createUsePuck<UserConfig extends Config = Config>(): <T = PuckApi<UserConfig>>(selector: (state: UsePuckStore<UserConfig>) => T) => T;
 declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<UserConfig>;
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Content, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootData, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, mapSlotsPublic as mapSlots, migrate, renderContext, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Content, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootData, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, migrate, renderContext, usePuck, walkTree };

package/dist/index.js

@@ -176,13 +176,13 @@ __export(core_exports, {
   Puck: () => Puck,
   Render: () => Render,
   createUsePuck: () => createUsePuck,
-  mapSlots: () => mapSlotsPublic,
   migrate: () => migrate,
   overrideKeys: () => overrideKeys,
   renderContext: () => renderContext,
   resolveAllData: () => resolveAllData,
   transformProps: () => transformProps,
-  usePuck: () => usePuck
+  usePuck: () => usePuck,
+  walkTree: () => walkTree
 });
 module.exports = __toCommonJS(core_exports);
 init_react_import();
@@ -795,7 +795,7 @@ init_react_import();
 // reducer/actions/set.ts
 init_react_import();
 
-// lib/data/walk-tree.ts
+// lib/data/walk-app-state.ts
 init_react_import();
 
 // lib/data/for-each-slot.ts
@@ -884,8 +884,8 @@ var stripSlots = (data) => {
   });
 };
 
-// lib/data/walk-tree.ts
-function walkTree(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
+// lib/data/walk-app-state.ts
+function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
   let newZones = {};
   const newZoneIndex = {};
@@ -1018,7 +1018,7 @@ var setAction = (state, action, appStore) => {
     console.warn(
       "`set` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(newState, appStore.config);
+    return walkAppState(newState, appStore.config);
   }
   return __spreadValues(__spreadValues({}, state), action.state(state));
 };
@@ -1058,7 +1058,7 @@ function insertAction(state, action, appStore) {
   };
   const [parentId] = action.destinationZone.split(":");
   const idsInPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1096,7 +1096,7 @@ var replaceAction = (state, action, appStore) => {
       `Can't change the id during a replace action. Please us "remove" and "insert" to define a new node.`
     );
   }
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1125,7 +1125,7 @@ var replaceAction = (state, action, appStore) => {
 // reducer/actions/replace-root.ts
 init_react_import();
 var replaceRootAction = (state, action, appStore) => {
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content) => content,
@@ -1164,7 +1164,7 @@ function duplicateAction(state, action, appStore) {
       id: generateId(item.type)
     })
   });
-  const modified = walkTree(
+  const modified = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1229,7 +1229,7 @@ var moveAction = (state, action, appStore) => {
   if (!item) return state;
   const idsInSourcePath = getIdsForParent(action.sourceZone, state);
   const idsInDestinationPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1287,7 +1287,7 @@ var removeAction = (state, action, appStore) => {
     },
     [item.props.id]
   );
-  const newState = walkTree(
+  const newState = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -1378,14 +1378,14 @@ var setDataAction = (state, action, appStore) => {
     console.warn(
       "`setData` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(
+    return walkAppState(
       __spreadProps(__spreadValues({}, state), {
         data: __spreadValues(__spreadValues({}, state.data), action.data)
       }),
       appStore.config
     );
   }
-  return walkTree(
+  return walkAppState(
     __spreadProps(__spreadValues({}, state), {
       data: __spreadValues(__spreadValues({}, state.data), action.data(state.data))
     }),
@@ -1770,7 +1770,7 @@ var import_react7 = require("react");
 init_react_import();
 var flattenData = (state, config) => {
   const data = [];
-  walkTree(
+  walkAppState(
     state,
     config,
     (content) => content,
@@ -2030,6 +2030,7 @@ function mapSlotsAsync(_0, _1) {
   });
 }
 function mapSlotsSync(item, map, isSlot2 = isSlot) {
+  var _a, _b;
   const props = __spreadValues({}, item.props);
   const propKeys = Object.keys(props);
   for (let i = 0; i < propKeys.length; i++) {
@@ -2040,19 +2041,11 @@ function mapSlotsSync(item, map, isSlot2 = isSlot) {
       const mappedContent = content.map((item2) => {
         return mapSlotsSync(item2, map, isSlot2);
       });
-      props[propKey] = map(mappedContent, props.id, propKey);
+      props[propKey] = (_b = map(mappedContent, (_a = props.id) != null ? _a : "root", propKey)) != null ? _b : mappedContent;
     }
   }
   return __spreadProps(__spreadValues({}, item), { props });
 }
-function mapSlotsPublic(item, config, map) {
-  const isSlot2 = createIsSlotConfig(config);
-  return mapSlotsSync(
-    item,
-    (content, parentId, propName) => map(content, { parentId, propName }),
-    isSlot2
-  );
-}
 
 // lib/resolve-component-data.ts
 var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
@@ -2299,7 +2292,7 @@ var createAppStore = (initialAppStore) => (0, import_zustand2.create)()(
       }),
       resolveAndCommitData: () => __async(void 0, null, function* () {
         const { config, state, dispatch, resolveComponentData: resolveComponentData2 } = get();
-        walkTree(
+        walkAppState(
           state,
           config,
           (content) => content,
@@ -5695,7 +5688,7 @@ var GlobalPosition = class {
     var _a;
     this.target = target;
     this.original = original;
-    this.frameEl = document.querySelector("iframe");
+    this.frameEl = document.querySelector("#preview-frame");
     if (this.frameEl) {
       this.frameRect = this.frameEl.getBoundingClientRect();
       this.scaleFactor = this.frameRect.width / (((_a = this.frameEl.contentWindow) == null ? void 0 : _a.innerWidth) || 1);
@@ -8280,7 +8273,7 @@ function PuckProvider({ children }) {
         ) : {}
       })
     });
-    return walkTree(newAppState, config);
+    return walkAppState(newAppState, config);
   });
   const { appendData = true } = _initialHistory || {};
   const [blendedHistories] = (0, import_react52.useState)(
@@ -8290,7 +8283,7 @@ function PuckProvider({ children }) {
     ].map((history) => {
       let newState = __spreadValues(__spreadValues({}, generatedAppState), history.state);
       if (!history.state.indexes) {
-        newState = walkTree(newState, config);
+        newState = walkAppState(newState, config);
       }
       return __spreadProps(__spreadValues({}, history), {
         state: newState
@@ -8631,9 +8624,9 @@ var migrations = [
     console.log("Migrating DropZones to slots...");
     const updatedItems = {};
     const appState = __spreadProps(__spreadValues({}, defaultAppState), { data });
-    const { indexes } = walkTree(appState, config);
+    const { indexes } = walkAppState(appState, config);
     const deletedCompounds = [];
-    walkTree(appState, config, (content, zoneCompound, zoneType) => {
+    walkAppState(appState, config, (content, zoneCompound, zoneType) => {
       var _a2, _b;
       if (zoneType === "dropzone") {
         const [id, slotName] = zoneCompound.split(":");
@@ -8652,7 +8645,7 @@ var migrations = [
       }
       return content;
     });
-    const updated = walkTree(
+    const updated = walkAppState(
       appState,
       config,
       (content) => content,
@@ -8791,6 +8784,39 @@ function resolveAllData(_0, _1) {
     return dynamic;
   });
 }
+
+// lib/data/walk-tree.ts
+init_react_import();
+function walkTree(data, config, callbackFn) {
+  var _a, _b;
+  const isSlot2 = createIsSlotConfig(config);
+  const walkItem = (item) => {
+    return mapSlotsSync(
+      item,
+      (content, parentId, propName) => callbackFn(content, { parentId, propName }),
+      isSlot2
+    );
+  };
+  if ("props" in data) {
+    return walkItem(data);
+  }
+  const _data = data;
+  const zones = (_a = _data.zones) != null ? _a : {};
+  const mappedContent = _data.content.map(walkItem);
+  return {
+    root: walkItem(_data.root),
+    content: (_b = callbackFn(mappedContent, {
+      parentId: "root",
+      propName: "default-zone"
+    })) != null ? _b : mappedContent,
+    zones: Object.keys(zones).reduce(
+      (acc, zoneCompound) => __spreadProps(__spreadValues({}, acc), {
+        [zoneCompound]: zones[zoneCompound].map(walkItem)
+      }),
+      {}
+    )
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Action,
@@ -8806,13 +8832,13 @@ function resolveAllData(_0, _1) {
   Puck,
   Render,
   createUsePuck,
-  mapSlots,
   migrate,
   overrideKeys,
   renderContext,
   resolveAllData,
   transformProps,
-  usePuck
+  usePuck,
+  walkTree
 });
 /*! Bundled license information:
 

package/dist/index.mjs

@@ -47,6 +47,7 @@ import {
   appStoreContext,
   createAppStore,
   createDynamicCollisionDetector,
+  createIsSlotConfig,
   defaultAppState,
   defaultViewports,
   dropZoneContext,
@@ -55,7 +56,7 @@ import {
   get_class_name_factory_default,
   init_react_import,
   makeStatePublic,
-  mapSlotsPublic,
+  mapSlotsSync,
   monitorHotkeys,
   renderContext,
   reorder,
@@ -74,8 +75,8 @@ import {
   useSensors,
   useSlots,
   useSortableSafe,
-  walkTree
-} from "./chunk-ZOHJNF5K.mjs";
+  walkAppState
+} from "./chunk-LKVFR7SK.mjs";
 
 // index.ts
 init_react_import();
@@ -3435,7 +3436,7 @@ function PuckProvider({ children }) {
         ) : {}
       })
     });
-    return walkTree(newAppState, config);
+    return walkAppState(newAppState, config);
   });
   const { appendData = true } = _initialHistory || {};
   const [blendedHistories] = useState13(
@@ -3445,7 +3446,7 @@ function PuckProvider({ children }) {
     ].map((history) => {
       let newState = __spreadValues(__spreadValues({}, generatedAppState), history.state);
       if (!history.state.indexes) {
-        newState = walkTree(newState, config);
+        newState = walkAppState(newState, config);
       }
       return __spreadProps(__spreadValues({}, history), {
         state: newState
@@ -3786,9 +3787,9 @@ var migrations = [
     console.log("Migrating DropZones to slots...");
     const updatedItems = {};
     const appState = __spreadProps(__spreadValues({}, defaultAppState), { data });
-    const { indexes } = walkTree(appState, config);
+    const { indexes } = walkAppState(appState, config);
     const deletedCompounds = [];
-    walkTree(appState, config, (content, zoneCompound, zoneType) => {
+    walkAppState(appState, config, (content, zoneCompound, zoneType) => {
       var _a2, _b;
       if (zoneType === "dropzone") {
         const [id, slotName] = zoneCompound.split(":");
@@ -3807,7 +3808,7 @@ var migrations = [
       }
       return content;
     });
-    const updated = walkTree(
+    const updated = walkAppState(
       appState,
       config,
       (content) => content,
@@ -3840,6 +3841,39 @@ function migrate(data, config) {
     data
   );
 }
+
+// lib/data/walk-tree.ts
+init_react_import();
+function walkTree(data, config, callbackFn) {
+  var _a, _b;
+  const isSlot = createIsSlotConfig(config);
+  const walkItem = (item) => {
+    return mapSlotsSync(
+      item,
+      (content, parentId, propName) => callbackFn(content, { parentId, propName }),
+      isSlot
+    );
+  };
+  if ("props" in data) {
+    return walkItem(data);
+  }
+  const _data = data;
+  const zones = (_a = _data.zones) != null ? _a : {};
+  const mappedContent = _data.content.map(walkItem);
+  return {
+    root: walkItem(_data.root),
+    content: (_b = callbackFn(mappedContent, {
+      parentId: "root",
+      propName: "default-zone"
+    })) != null ? _b : mappedContent,
+    zones: Object.keys(zones).reduce(
+      (acc, zoneCompound) => __spreadProps(__spreadValues({}, acc), {
+        [zoneCompound]: zones[zoneCompound].map(walkItem)
+      }),
+      {}
+    )
+  };
+}
 export {
   Action,
   ActionBar,
@@ -3854,11 +3888,11 @@ export {
   Puck,
   Render,
   createUsePuck,
-  mapSlotsPublic as mapSlots,
   migrate,
   overrideKeys,
   renderContext,
   resolveAllData,
   transformProps,
-  usePuck
+  usePuck,
+  walkTree
 };

package/dist/rsc.js

@@ -382,7 +382,7 @@ init_react_import();
 // reducer/actions/set.ts
 init_react_import();
 
-// lib/data/walk-tree.ts
+// lib/data/walk-app-state.ts
 init_react_import();
 
 // lib/data/for-each-slot.ts
@@ -463,8 +463,8 @@ var stripSlots = (data) => {
   });
 };
 
-// lib/data/walk-tree.ts
-function walkTree(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
+// lib/data/walk-app-state.ts
+function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
   var _a;
   let newZones = {};
   const newZoneIndex = {};
@@ -597,7 +597,7 @@ var setAction = (state, action, appStore) => {
     console.warn(
       "`set` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(newState, appStore.config);
+    return walkAppState(newState, appStore.config);
   }
   return __spreadValues(__spreadValues({}, state), action.state(state));
 };
@@ -637,7 +637,7 @@ function insertAction(state, action, appStore) {
   };
   const [parentId] = action.destinationZone.split(":");
   const idsInPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -675,7 +675,7 @@ var replaceAction = (state, action, appStore) => {
       `Can't change the id during a replace action. Please us "remove" and "insert" to define a new node.`
     );
   }
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -704,7 +704,7 @@ var replaceAction = (state, action, appStore) => {
 // reducer/actions/replace-root.ts
 init_react_import();
 var replaceRootAction = (state, action, appStore) => {
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content) => content,
@@ -743,7 +743,7 @@ function duplicateAction(state, action, appStore) {
       id: generateId(item.type)
     })
   });
-  const modified = walkTree(
+  const modified = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -808,7 +808,7 @@ var moveAction = (state, action, appStore) => {
   if (!item) return state;
   const idsInSourcePath = getIdsForParent(action.sourceZone, state);
   const idsInDestinationPath = getIdsForParent(action.destinationZone, state);
-  return walkTree(
+  return walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -866,7 +866,7 @@ var removeAction = (state, action, appStore) => {
     },
     [item.props.id]
   );
-  const newState = walkTree(
+  const newState = walkAppState(
     state,
     appStore.config,
     (content, zoneCompound) => {
@@ -942,14 +942,14 @@ var setDataAction = (state, action, appStore) => {
     console.warn(
       "`setData` is expensive and may cause unnecessary re-renders. Consider using a more atomic action instead."
     );
-    return walkTree(
+    return walkAppState(
       __spreadProps(__spreadValues({}, state), {
         data: __spreadValues(__spreadValues({}, state.data), action.data)
       }),
       appStore.config
     );
   }
-  return walkTree(
+  return walkAppState(
     __spreadProps(__spreadValues({}, state), {
       data: __spreadValues(__spreadValues({}, state.data), action.data(state.data))
     }),
@@ -1220,7 +1220,7 @@ var import_react7 = require("react");
 init_react_import();
 var flattenData = (state, config) => {
   const data = [];
-  walkTree(
+  walkAppState(
     state,
     config,
     (content) => content,
@@ -1632,7 +1632,7 @@ var createAppStore = (initialAppStore) => (0, import_zustand2.create)()(
       }),
       resolveAndCommitData: () => __async(void 0, null, function* () {
         const { config, state, dispatch, resolveComponentData: resolveComponentData2 } = get();
-        walkTree(
+        walkAppState(
           state,
           config,
           (content) => content,

package/dist/rsc.mjs

@@ -10,7 +10,7 @@ import {
   setupZone,
   transformProps,
   useSlots
-} from "./chunk-ZOHJNF5K.mjs";
+} from "./chunk-LKVFR7SK.mjs";
 
 // rsc.tsx
 init_react_import();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@measured/puck",
-  "version": "0.19.0-canary.39958756",
-  "author": "Measured Corporation Ltd <hello@measured.co>",
+  "version": "0.19.0-canary.427e686f",
+  "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
   "homepage": "https://puckeditor.com",