@measured/puck 0.21.0-canary.e9d5c0ea → 0.21.0-canary.f3ce0d72

package/dist/index.js

@@ -190,8 +190,8 @@ var require_fast_deep_equal = __commonJS({
 });
 
 // bundle/index.ts
-var bundle_exports = {};
-__export(bundle_exports, {
+var index_exports = {};
+__export(index_exports, {
   Action: () => Action,
   ActionBar: () => ActionBar,
   AutoField: () => AutoField,
@@ -205,6 +205,7 @@ __export(bundle_exports, {
   Puck: () => Puck,
   Render: () => Render,
   blocksPlugin: () => blocksPlugin,
+  createReducer: () => createReducer,
   createUsePuck: () => createUsePuck,
   fieldsPlugin: () => fieldsPlugin,
   migrate: () => migrate,
@@ -219,7 +220,7 @@ __export(bundle_exports, {
   usePuck: () => usePuck,
   walkTree: () => walkTree
 });
-module.exports = __toCommonJS(bundle_exports);
+module.exports = __toCommonJS(index_exports);
 init_react_import();
 
 // bundle/core.ts
@@ -2045,10 +2046,10 @@ var getChanged = (newItem, oldItem) => {
 
 // store/slices/permissions.ts
 var createPermissionsSlice = (set, get) => {
-  const resolvePermissions = (..._0) => __async(void 0, [..._0], function* (params = {}, force) {
+  const resolvePermissions = (..._0) => __async(null, [..._0], function* (params = {}, force) {
     const { state, permissions, config } = get();
     const { cache: cache2, globalPermissions } = permissions;
-    const resolveDataForItem = (item2, force2 = false) => __async(void 0, null, function* () {
+    const resolveDataForItem = (item2, force2 = false) => __async(null, null, function* () {
       var _a, _b, _c;
       const { config: config2, state: appState, setComponentLoading } = get();
       const componentConfig = item2.type === "root" ? config2.root : config2.components[item2.type];
@@ -2103,13 +2104,13 @@ var createPermissionsSlice = (set, get) => {
     if (item) {
       yield resolveDataForItem(item, force);
     } else if (type) {
-      flattenData(state, config).filter((item2) => item2.type === type).map((item2) => __async(void 0, null, function* () {
+      flattenData(state, config).filter((item2) => item2.type === type).map((item2) => __async(null, null, function* () {
         yield resolveDataForItem(item2, force);
       }));
     } else if (root) {
       resolveDataForRoot(force);
     } else {
-      flattenData(state, config).map((item2) => __async(void 0, null, function* () {
+      flattenData(state, config).map((item2) => __async(null, null, function* () {
         yield resolveDataForItem(item2, force);
       }));
     }
@@ -2190,7 +2191,7 @@ var createFieldsSlice = (_set, _get) => {
 };
 var useRegisterFieldsSlice = (appStore, id) => {
   const resolveFields = (0, import_react7.useCallback)(
-    (reset) => __async(void 0, null, function* () {
+    (reset) => __async(null, null, function* () {
       var _a, _b;
       const { fields, lastResolvedData } = appStore.getState().fields;
       const metadata = appStore.getState().metadata;
@@ -2261,7 +2262,7 @@ var useRegisterFieldsSlice = (appStore, id) => {
 init_react_import();
 var import_fast_equals2 = require("fast-equals");
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
+var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
   const resolvedItem = __spreadValues({}, item);
   const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
@@ -2289,11 +2290,11 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
   let itemWithResolvedChildren = yield mapFields(
     resolvedItem,
     {
-      slot: (_02) => __async(void 0, [_02], function* ({ value }) {
+      slot: (_02) => __async(null, [_02], function* ({ value }) {
         const content = value;
         return yield Promise.all(
           content.map(
-            (childItem) => __async(void 0, null, function* () {
+            (childItem) => __async(null, null, function* () {
               return (yield resolveComponentData(
                 childItem,
                 config,
@@ -2485,7 +2486,7 @@ var createAppStore = (initialAppStore) => (0, import_zustand2.create)()(
         const selectedItem = state.ui.itemSelector ? getItem(state.ui.itemSelector, state) : null;
         return __spreadProps(__spreadValues({}, s), { state, selectedItem });
       }),
-      resolveComponentData: (componentData, trigger) => __async(void 0, null, function* () {
+      resolveComponentData: (componentData, trigger) => __async(null, null, function* () {
         const { config, metadata, setComponentLoading, permissions } = get();
         const timeouts = {};
         return yield resolveComponentData(
@@ -2496,7 +2497,7 @@ var createAppStore = (initialAppStore) => (0, import_zustand2.create)()(
             const id = "id" in item.props ? item.props.id : "root";
             timeouts[id] = setComponentLoading(id, true, 50);
           },
-          (item) => __async(void 0, null, function* () {
+          (item) => __async(null, null, function* () {
             const id = "id" in item.props ? item.props.id : "root";
             if ("type" in item) {
               yield permissions.refreshPermissions({ item });
@@ -2508,7 +2509,7 @@ var createAppStore = (initialAppStore) => (0, import_zustand2.create)()(
           trigger
         );
       }),
-      resolveAndCommitData: () => __async(void 0, null, function* () {
+      resolveAndCommitData: () => __async(null, null, function* () {
         const { config, state, dispatch, resolveComponentData: resolveComponentData2 } = get();
         walkAppState(
           state,
@@ -3082,7 +3083,7 @@ var collisionStore = (0, import_vanilla.createStore)(() => ({
 
 // lib/dnd/collision/dynamic/index.ts
 var flushNext = "";
-var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => (input) => {
+var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => ((input) => {
   var _a, _b, _c, _d, _e;
   const { dragOperation, droppable } = input;
   const { position } = dragOperation;
@@ -3175,7 +3176,7 @@ var createDynamicCollisionDetector = (dragAxis, midpointOffset = 0.05) => (input
   }
   collisionDebug(dragCenter, dropCenter, droppable.id.toString(), "hotpink");
   return null;
-};
+});
 
 // components/Sortable/index.tsx
 var import_sortable = require("@dnd-kit/react/sortable");
@@ -4059,7 +4060,7 @@ var ExternalInput = ({
   }, [mappedData]);
   const [searchQuery, setSearchQuery] = (0, import_react18.useState)(field.initialQuery || "");
   const search = (0, import_react18.useCallback)(
-    (query, filters2) => __async(void 0, null, function* () {
+    (query, filters2) => __async(null, null, function* () {
       setIsLoading(true);
       const cacheKey = `${id}-${query}-${JSON.stringify(filters2)}`;
       let listData;
@@ -4287,7 +4288,7 @@ var ExternalField = ({
             placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
             mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
             mapRow: validField.mapRow,
-            fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
+            fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(null, null, function* () {
               return yield deprecatedField.adaptor.fetchList(
                 deprecatedField.adaptorParams
               );
@@ -4659,6 +4660,7 @@ function AutoFieldInternal(props) {
     }
     return (_props) => null;
   }, [field.type]);
+  const fieldKey = field.type === "custom" ? field.key : void 0;
   let FieldComponent = (0, import_react22.useMemo)(() => {
     if (field.type === "custom") {
       if (!field.render) {
@@ -4668,7 +4670,7 @@ function AutoFieldInternal(props) {
     } else if (field.type !== "slot") {
       return render[field.type];
     }
-  }, [field.type, render]);
+  }, [field.type, fieldKey, render]);
   const { visible = true } = props.field;
   if (!visible) {
     return null;
@@ -5522,7 +5524,7 @@ var import_react29 = require("react");
 function useRenderedCallback(callback, deps) {
   const manager = (0, import_react28.useDragDropManager)();
   return (0, import_react29.useCallback)(
-    (...args) => __async(this, null, function* () {
+    (...args) => __async(null, null, function* () {
       yield manager == null ? void 0 : manager.renderer.rendering;
       return callback(...args);
     }),
@@ -5951,7 +5953,7 @@ var InlineTextFieldInternal = ({
         ref.current.replaceChildren(value);
       }
       const cleanupPortal = registerOverlayPortal(ref.current);
-      const handleInput = (e) => __async(void 0, null, function* () {
+      const handleInput = (e) => __async(null, null, function* () {
         var _a2;
         const appStore2 = appStoreApi.getState();
         const node = appStore2.state.indexes.nodes[componentId];
@@ -6775,7 +6777,7 @@ var createNestedDroppablePlugin = ({ onChange }, id) => class NestedDroppablePlu
 
 // lib/insert-component.ts
 init_react_import();
-var insertComponent = (componentType, zone, index, appStore) => __async(void 0, null, function* () {
+var insertComponent = (componentType, zone, index, appStore) => __async(null, null, function* () {
   const id = generateId(componentType);
   const insertActionData = {
     type: "insert",
@@ -7386,7 +7388,7 @@ var DefaultFields = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children });
 };
-var createOnChange = (fieldName, appStore) => (value, updatedUi) => __async(void 0, null, function* () {
+var createOnChange = (fieldName, appStore) => (value, updatedUi) => __async(null, null, function* () {
   let currentProps;
   const { dispatch, state, selectedItem, resolveComponentData: resolveComponentData2 } = appStore.getState();
   const { data, ui } = state;
@@ -7757,7 +7759,7 @@ var CopyHostStyles = ({
     let elements = [];
     const hashes = {};
     const lookupEl = (el) => elements.findIndex((elementMap) => elementMap.original === el);
-    const mirrorEl = (el, inlineStyles = false) => __async(void 0, null, function* () {
+    const mirrorEl = (el, inlineStyles = false) => __async(null, null, function* () {
       let mirror;
       if (el.nodeName === "LINK" && inlineStyles) {
         mirror = document.createElement("style");
@@ -7789,7 +7791,7 @@ var CopyHostStyles = ({
       }
       return mirror;
     });
-    const addEl = (el) => __async(void 0, null, function* () {
+    const addEl = (el) => __async(null, null, function* () {
       const index = lookupEl(el);
       if (index > -1) {
         if (debug)
@@ -7862,7 +7864,7 @@ var CopyHostStyles = ({
     const parentBody = parentDocument.getElementsByTagName("body")[0];
     syncAttributes(parentBody, doc.body);
     Promise.all(
-      collectedStyles.map((styleNode, i) => __async(void 0, null, function* () {
+      collectedStyles.map((styleNode, i) => __async(null, null, function* () {
         if (styleNode.nodeName === "LINK") {
           const linkHref = styleNode.href;
           if (hrefs.indexOf(linkHref) > -1) {
@@ -8472,7 +8474,7 @@ function createUsePuck() {
     }
     const result = (0, import_zustand6.useStore)(
       usePuckApi,
-      selector != null ? selector : (s) => s
+      selector != null ? selector : ((s) => s)
     );
     return result;
   };
@@ -8511,7 +8513,7 @@ var import_react62 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css#css-module
 init_react_import();
-var styles_module_default20 = { "Puck": "_Puck_hv23j_19", "Puck-portal": "_Puck-portal_hv23j_31", "PuckLayout": "_PuckLayout_hv23j_36", "PuckLayout-inner": "_PuckLayout-inner_hv23j_40", "PuckLayout--mounted": "_PuckLayout--mounted_hv23j_73", "PuckLayout--mobilePanelHeightToggle": "_PuckLayout--mobilePanelHeightToggle_hv23j_77", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_hv23j_77", "PuckLayout--isExpanded": "_PuckLayout--isExpanded_hv23j_83", "PuckLayout--mobilePanelHeightMinContent": "_PuckLayout--mobilePanelHeightMinContent_hv23j_101", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_hv23j_128", "PuckLayout-mounted": "_PuckLayout-mounted_hv23j_147", "PuckLayout-nav": "_PuckLayout-nav_hv23j_188", "PuckLayout-header": "_PuckLayout-header_hv23j_204", "PuckPluginTab": "_PuckPluginTab_hv23j_218", "PuckPluginTab--visible": "_PuckPluginTab--visible_hv23j_224", "PuckPluginTab-body": "_PuckPluginTab-body_hv23j_229" };
+var styles_module_default20 = { "Puck": "_Puck_lqzmv_19", "Puck-portal": "_Puck-portal_lqzmv_32", "PuckLayout": "_PuckLayout_lqzmv_37", "PuckLayout-inner": "_PuckLayout-inner_lqzmv_41", "PuckLayout--mounted": "_PuckLayout--mounted_lqzmv_74", "PuckLayout--mobilePanelHeightToggle": "_PuckLayout--mobilePanelHeightToggle_lqzmv_78", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_lqzmv_78", "PuckLayout--isExpanded": "_PuckLayout--isExpanded_lqzmv_84", "PuckLayout--mobilePanelHeightMinContent": "_PuckLayout--mobilePanelHeightMinContent_lqzmv_102", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_lqzmv_129", "PuckLayout-mounted": "_PuckLayout-mounted_lqzmv_148", "PuckLayout-nav": "_PuckLayout-nav_lqzmv_189", "PuckLayout-header": "_PuckLayout-header_lqzmv_205", "PuckPluginTab": "_PuckPluginTab_lqzmv_219", "PuckPluginTab--visible": "_PuckPluginTab--visible_lqzmv_225", "PuckPluginTab-body": "_PuckPluginTab-body_lqzmv_230" };
 
 // lib/use-inject-css.ts
 init_react_import();
@@ -9665,7 +9667,7 @@ var Layout = ({ children }) => {
     dnd,
     initialHistory: _initialHistory,
     plugins,
-    height = "100dvh"
+    height
   } = usePropsContext();
   const iframe = (0, import_react62.useMemo)(
     () => __spreadValues({
@@ -9809,92 +9811,85 @@ var Layout = ({ children }) => {
       return (_a = s.state.ui.mobilePanelExpanded) != null ? _a : false;
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-    "div",
-    {
-      className: `Puck ${getClassName36()}`,
-      style: { height },
-      id: instanceId,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DragDropContext, { disableAutoScroll: dnd == null ? void 0 : dnd.disableAutoScroll, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FrameProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: `Puck ${getClassName36()}`, id: instanceId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DragDropContext, { disableAutoScroll: dnd == null ? void 0 : dnd.disableAutoScroll, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FrameProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      "div",
+      {
+        className: getLayoutClassName({
+          leftSideBarVisible,
+          mounted,
+          rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
+          isExpanded: mobilePanelExpanded,
+          mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
+          mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content"
+        }),
+        style: { height },
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
           "div",
           {
-            className: getLayoutClassName({
-              leftSideBarVisible,
-              mounted,
-              rightSideBarVisible: !hasDesktopFieldsPlugin && rightSideBarVisible,
-              isExpanded: mobilePanelExpanded,
-              mobilePanelHeightToggle: mobilePanelHeightMode === "toggle",
-              mobilePanelHeightMinContent: mobilePanelHeightMode === "min-content"
-            }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-              "div",
-              {
-                className: getLayoutClassName("inner"),
-                style: layoutOptions,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: getLayoutClassName("header"), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Header, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: getLayoutClassName("nav"), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                    Nav,
-                    {
-                      items: pluginItems,
-                      mobileActions: leftSideBarVisible && mobilePanelHeightMode === "toggle" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                        IconButton,
-                        {
-                          type: "button",
-                          title: "maximize",
-                          onClick: () => {
-                            setUi({
-                              mobilePanelExpanded: !mobilePanelExpanded
-                            });
-                          },
-                          children: mobilePanelExpanded ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Minimize2, { size: 21 }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Maximize2, { size: 21 })
-                        }
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                    Sidebar,
-                    {
-                      position: "left",
-                      sidebarRef: leftSidebarRef,
-                      isVisible: leftSideBarVisible,
-                      onResize: setLeftWidth,
-                      onResizeEnd: handleLeftSidebarResizeEnd,
-                      children: Object.entries(pluginItems).map(
-                        ([id, { mobileOnly, render: Render2, label }]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                          PluginTab,
-                          {
-                            visible: currentPlugin === id,
-                            mobileOnly,
-                            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Render2, {})
-                          },
-                          id
-                        )
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Canvas, {}),
-                  !hasDesktopFieldsPlugin && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                    Sidebar,
+            className: getLayoutClassName("inner"),
+            style: layoutOptions,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: getLayoutClassName("header"), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Header, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: getLayoutClassName("nav"), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                Nav,
+                {
+                  items: pluginItems,
+                  mobileActions: leftSideBarVisible && mobilePanelHeightMode === "toggle" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                    IconButton,
                     {
-                      position: "right",
-                      sidebarRef: rightSidebarRef,
-                      isVisible: rightSideBarVisible,
-                      onResize: setRightWidth,
-                      onResizeEnd: handleRightSidebarResizeEnd,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FieldSideBar, {})
+                      type: "button",
+                      title: "maximize",
+                      onClick: () => {
+                        setUi({
+                          mobilePanelExpanded: !mobilePanelExpanded
+                        });
+                      },
+                      children: mobilePanelExpanded ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Minimize2, { size: 21 }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Maximize2, { size: 21 })
                     }
                   )
-                ]
-              }
-            )
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                Sidebar,
+                {
+                  position: "left",
+                  sidebarRef: leftSidebarRef,
+                  isVisible: leftSideBarVisible,
+                  onResize: setLeftWidth,
+                  onResizeEnd: handleLeftSidebarResizeEnd,
+                  children: Object.entries(pluginItems).map(
+                    ([id, { mobileOnly, render: Render2, label }]) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                      PluginTab,
+                      {
+                        visible: currentPlugin === id,
+                        mobileOnly,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Render2, {})
+                      },
+                      id
+                    )
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Canvas, {}),
+              !hasDesktopFieldsPlugin && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                Sidebar,
+                {
+                  position: "right",
+                  sidebarRef: rightSidebarRef,
+                  isVisible: rightSideBarVisible,
+                  onResize: setRightWidth,
+                  onResizeEnd: handleRightSidebarResizeEnd,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FieldSideBar, {})
+                }
+              )
+            ]
           }
-        ) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { id: "puck-portal-root", className: getClassName36("portal") })
-      ]
-    }
-  );
+        )
+      }
+    ) }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { id: "puck-portal-root", className: getClassName36("portal") })
+  ] });
 };
 
 // components/Puck/index.tsx
@@ -10272,7 +10267,7 @@ function resolveAllData(_0, _1) {
   return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
     var _a;
     const defaultedData = defaultData(data);
-    const resolveNode = (_node) => __async(this, null, function* () {
+    const resolveNode = (_node) => __async(null, null, function* () {
       const node = toComponent(_node);
       onResolveStart == null ? void 0 : onResolveStart(node);
       const resolved = (yield resolveComponentData(
@@ -10293,13 +10288,13 @@ function resolveAllData(_0, _1) {
       onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
       return resolvedDeep;
     });
-    const processContent = (content) => __async(this, null, function* () {
+    const processContent = (content) => __async(null, null, function* () {
       return Promise.all(content.map(resolveNode));
     });
-    const processZones = () => __async(this, null, function* () {
+    const processZones = () => __async(null, null, function* () {
       var _a2;
       const zones = (_a2 = data.zones) != null ? _a2 : {};
-      Object.entries(zones).forEach((_02) => __async(this, [_02], function* ([zoneKey, content]) {
+      Object.entries(zones).forEach((_02) => __async(null, [_02], function* ([zoneKey, content]) {
         zones[zoneKey] = yield Promise.all(content.map(resolveNode));
       }));
       return zones;
@@ -10309,7 +10304,7 @@ function resolveAllData(_0, _1) {
       content: yield processContent(defaultedData.content),
       zones: yield processZones()
     };
-    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(this, null, function* () {
+    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(null, null, function* () {
       const content = defaultedData.zones[zoneKey];
       dynamic.zones[zoneKey] = yield processContent(content);
     }), {});
@@ -10331,6 +10326,7 @@ function resolveAllData(_0, _1) {
   Puck,
   Render,
   blocksPlugin,
+  createReducer,
   createUsePuck,
   fieldsPlugin,
   migrate,
@@ -10355,325 +10351,45 @@ classnames/index.js:
   *)
 
 lucide-react/dist/esm/shared/src/utils.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/defaultAttributes.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/Icon.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/createLucideIcon.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/chevron-down.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/chevron-right.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/chevron-up.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/circle-check-big.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/copy.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/corner-left-up.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/ellipsis-vertical.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/expand.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/globe.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/hammer.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/hash.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/layers.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/layout-grid.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/link.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/list.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/lock-open.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/lock.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/maximize-2.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/minimize-2.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/monitor.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/panel-left.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/panel-right.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/plus.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/rectangle-ellipsis.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/redo-2.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/search.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/sliders-horizontal.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/smartphone.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/tablet.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/toy-brick.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/trash.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/type.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/undo-2.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/x.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/zoom-in.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/icons/zoom-out.js:
-  (**
-   * @license lucide-react v0.468.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-
 lucide-react/dist/esm/lucide-react.js:
   (**
    * @license lucide-react v0.468.0 - ISC