@measured/puck 0.21.0-canary.77444503 → 0.21.0-canary.7c2f9283

package/dist/no-external.mjs

@@ -6,21 +6,25 @@ import {
   FieldLabel,
   Puck,
   Render,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
+  legacySideBarPlugin,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-4277WLKB.mjs";
-import "./chunk-2Q4PACDA.mjs";
+} from "./chunk-FCCNEDWR.mjs";
+import "./chunk-V2IQTPPK.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-Y656T6AQ.mjs";
-import "./chunk-CSSRLPHM.mjs";
+} from "./chunk-NYGQH27S.mjs";
+import "./chunk-AOEDIUVK.mjs";
 import {
   Action,
   ActionBar,
@@ -29,17 +33,17 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-BSDEIOEK.mjs";
-import "./chunk-PLXSMBAA.mjs";
-import "./chunk-62AAYNXG.mjs";
-import "./chunk-QAWJTCV5.mjs";
-import "./chunk-DAQLMM2T.mjs";
-import "./chunk-QBGM4ELA.mjs";
-import "./chunk-T3WX7XJ6.mjs";
+} from "./chunk-6KNQXLQR.mjs";
+import "./chunk-GVKHZNTR.mjs";
+import "./chunk-MEL7FUSF.mjs";
+import "./chunk-3VQHXASI.mjs";
+import "./chunk-K562SEXI.mjs";
+import "./chunk-KN3XDS7U.mjs";
+import "./chunk-REWRIUGR.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-Q3TJ2VYO.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";
@@ -61,8 +65,12 @@ export {
   Render,
   RichTextMenu,
   Separator,
+  blocksPlugin,
   createUsePuck,
+  fieldsPlugin,
+  legacySideBarPlugin,
   migrate,
+  outlinePlugin,
   overrideKeys,
   registerOverlayPortal,
   renderContext,

package/dist/rsc.css

@@ -1,44 +1,44 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
-._RichTextEditor_1elol_1 .ProseMirror {
+._RichTextEditor_z25h4_1 .ProseMirror {
   white-space: pre-wrap;
   word-wrap: break-word;
   cursor: text;
   outline: none;
   position: relative;
 }
-._RichTextEditor_1elol_1 .rich-text * {
+._RichTextEditor_z25h4_1 .rich-text * {
   white-space: pre-wrap;
   user-select: auto;
   -webkit-user-select: auto;
 }
-._RichTextEditor_1elol_1 .rich-text blockquote {
+._RichTextEditor_z25h4_1 .rich-text blockquote {
   margin: 1em 0;
   padding: 0 1em;
   border-left: 4px solid var(--puck-color-grey-09);
 }
-._RichTextEditor_1elol_1 .rich-text code {
+._RichTextEditor_z25h4_1 .rich-text code {
   background-color: var(--puck-color-grey-11);
   padding: 4px 8px;
   border-radius: 4px;
 }
-._RichTextEditor_1elol_1 .rich-text p:empty::before {
+._RichTextEditor_z25h4_1 .rich-text p:empty::before {
   content: "\a0";
 }
-._RichTextEditor_1elol_1 .rich-text pre code {
+._RichTextEditor_z25h4_1 .rich-text pre code {
   display: block;
   padding: 8px 12px;
 }
-._RichTextEditor_1elol_1 .rich-text > *:first-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:first-child,
-._RichTextEditor_1elol_1 .rich-text * p:first-of-type {
+._RichTextEditor_z25h4_1 .rich-text > *:first-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:first-child,
+._RichTextEditor_z25h4_1 .rich-text * p:first-of-type {
   margin-top: 0;
 }
-._RichTextEditor_1elol_1 .rich-text > *:last-child,
-._RichTextEditor_1elol_1 .ProseMirror > *:last-child,
-._RichTextEditor_1elol_1 .rich-text * p:last-of-type {
+._RichTextEditor_z25h4_1 .rich-text > *:last-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:last-child,
+._RichTextEditor_z25h4_1 .rich-text * p:last-of-type {
   margin-bottom: 0;
 }
-._RichTextEditor--editor_1elol_50 {
+._RichTextEditor--editor_z25h4_50 {
   background: var(--puck-color-white);
   border-width: 1px;
   border-style: solid;
@@ -50,52 +50,53 @@
   font-family: inherit;
   font-size: var(--puck-font-size-xxs);
   resize: vertical;
+  text-align: initial;
   transition: border-color 50ms ease-in;
   width: 100%;
   max-width: 100%;
   min-height: 128px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text {
+._RichTextEditor--editor_z25h4_50 .rich-text {
   flex-grow: 1;
 }
-._RichTextEditor--editor_1elol_50 .rich-text:not(:has(.ProseMirror)),
-._RichTextEditor--editor_1elol_50 .rich-text .ProseMirror {
+._RichTextEditor--editor_z25h4_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_z25h4_50 .rich-text .ProseMirror {
   height: 100%;
   padding: 12px 15px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text ul,
-._RichTextEditor--editor_1elol_50 .rich-text ol {
+._RichTextEditor--editor_z25h4_50 .rich-text ul,
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
   padding-left: 24px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text li {
+._RichTextEditor--editor_z25h4_50 .rich-text li {
   line-height: 1.5;
 }
-._RichTextEditor--editor_1elol_50 .rich-text p {
+._RichTextEditor--editor_z25h4_50 .rich-text p {
   margin-block: 12px;
 }
-._RichTextEditor--editor_1elol_50 .rich-text ul {
+._RichTextEditor--editor_z25h4_50 .rich-text ul {
   list-style: disc;
 }
-._RichTextEditor--editor_1elol_50 .rich-text ol {
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
   list-style: decimal;
 }
-._RichTextEditor--editor_1elol_50:focus-within {
+._RichTextEditor--editor_z25h4_50:focus-within {
   border-color: var(--puck-color-grey-05);
   outline: 2px solid var(--puck-color-azure-05);
   transition: none;
 }
-._RichTextEditor--editor_1elol_50._RichTextEditor--disabled_1elol_106 {
+._RichTextEditor--editor_z25h4_50._RichTextEditor--disabled_z25h4_107 {
   background: var(--puck-color-grey-11);
 }
-._RichTextEditor_1elol_1:not(:focus-within):not(._RichTextEditor--isActive_1elol_110) .ProseMirror ::selection {
+._RichTextEditor_z25h4_1:not(:focus-within):not(._RichTextEditor--isActive_z25h4_111) .ProseMirror ::selection {
   background-color: transparent;
 }
-._RichTextEditor-menu_1elol_116 {
+._RichTextEditor-menu_z25h4_117 {
   border-bottom: 1px solid var(--puck-color-grey-10);
   position: sticky;
   top: 0;
   z-index: 1;
 }
-._RichTextEditor--disabled_1elol_106 ._RichTextEditor-menu_1elol_116 {
+._RichTextEditor--disabled_z25h4_107 ._RichTextEditor-menu_z25h4_117 {
   border-bottom: 1px solid var(--puck-color-grey-09);
 }

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './actions-ONhOkrvf.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CdriEzFJ.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-BkBoKAc5.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CRRDqx6_.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './actions-ONhOkrvf.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DHbAZ4wF.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './actions-BkBoKAc5.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CS7sEpfG.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.js

@@ -199,7 +199,7 @@ var init_styles_module = __esm({
     "use strict";
     init_react_import();
     init_css_module_data();
-    styles_module_default = { "RichTextEditor": "_RichTextEditor_1elol_1", "RichTextEditor--editor": "_RichTextEditor--editor_1elol_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_1elol_106", "RichTextEditor--isActive": "_RichTextEditor--isActive_1elol_110", "RichTextEditor-menu": "_RichTextEditor-menu_1elol_116" };
+    styles_module_default = { "RichTextEditor": "_RichTextEditor_z25h4_1", "RichTextEditor--editor": "_RichTextEditor--editor_z25h4_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_z25h4_107", "RichTextEditor--isActive": "_RichTextEditor--isActive_z25h4_111", "RichTextEditor-menu": "_RichTextEditor-menu_z25h4_117" };
   }
 });
 
@@ -529,12 +529,12 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
   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];
   const newProps = walkObject({
-    value: defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}),
+    value: shouldDefaultSlots ? defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}) : item.props,
     fields: (_d = componentConfig == null ? void 0 : componentConfig.fields) != null ? _d : {},
     mappers,
     id: item.props ? (_e = item.props.id) != null ? _e : "root" : "root",
@@ -552,32 +552,38 @@ function mapFields(item, mappers, config, recurseSlots = false) {
   });
 }
 
+// lib/field-transforms/build-mappers.ts
+init_react_import();
+function buildMappers(transforms, readOnly, forceReadOnly) {
+  return Object.keys(transforms).reduce((acc, _fieldType) => {
+    const fieldType = _fieldType;
+    return __spreadProps(__spreadValues({}, acc), {
+      [fieldType]: (_a) => {
+        var _b = _a, {
+          parentId
+        } = _b, params = __objRest(_b, [
+          "parentId"
+        ]);
+        const wildcardPath = params.propPath.replace(/\[\d+\]/g, "[*]");
+        const isReadOnly = (readOnly == null ? void 0 : readOnly[params.propPath]) || (readOnly == null ? void 0 : readOnly[wildcardPath]) || forceReadOnly || false;
+        const fn = transforms[fieldType];
+        return fn == null ? void 0 : fn(__spreadProps(__spreadValues({}, params), {
+          isReadOnly,
+          componentId: parentId
+        }));
+      }
+    });
+  }, {});
+}
+
 // lib/field-transforms/use-field-transforms.tsx
 function useFieldTransforms(config, item, transforms, readOnly, forceReadOnly) {
-  const mappers = (0, import_react2.useMemo)(() => {
-    return Object.keys(transforms).reduce((acc, _fieldType) => {
-      const fieldType = _fieldType;
-      return __spreadProps(__spreadValues({}, acc), {
-        [fieldType]: (_a) => {
-          var _b = _a, {
-            parentId
-          } = _b, params = __objRest(_b, [
-            "parentId"
-          ]);
-          const wildcardPath = params.propPath.replace(/\[\d+\]/g, "[*]");
-          const isReadOnly = (readOnly == null ? void 0 : readOnly[params.propPath]) || (readOnly == null ? void 0 : readOnly[wildcardPath]) || forceReadOnly || false;
-          const fn = transforms[fieldType];
-          return fn == null ? void 0 : fn(__spreadProps(__spreadValues({}, params), {
-            isReadOnly,
-            componentId: parentId
-          }));
-        }
-      });
-    }, {});
-  }, [transforms, readOnly, forceReadOnly]);
+  const mappers = (0, import_react2.useMemo)(
+    () => buildMappers(transforms, readOnly, forceReadOnly),
+    [transforms, readOnly, forceReadOnly]
+  );
   const transformedProps = (0, import_react2.useMemo)(() => {
-    const mapped = mapFields(item, mappers, config).props;
-    return mapped;
+    return mapFields(item, mappers, config).props;
   }, [config, item, mappers]);
   const mergedProps = (0, import_react2.useMemo)(
     () => __spreadValues(__spreadValues({}, item.props), transformedProps),
@@ -814,6 +820,15 @@ init_react_import();
 // lib/resolve-component-data.ts
 init_react_import();
 
+// lib/data/to-component.ts
+init_react_import();
+var toComponent = (item) => {
+  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
+    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
+    type: "root"
+  });
+};
+
 // lib/get-changed.ts
 init_react_import();
 var import_fast_equals = require("fast-equals");
@@ -830,14 +845,22 @@ var getChanged = (newItem, oldItem) => {
 // lib/resolve-component-data.ts
 var import_fast_equals2 = require("fast-equals");
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(null, [_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", parent = null) {
   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;
   const id = "id" in item.props ? item.props.id : "root";
   if (shouldRunResolver) {
-    const { item: oldItem = null, resolved = {} } = cache.lastChange[id] || {};
-    if (trigger !== "force" && item && (0, import_fast_equals2.deepEqual)(item, oldItem)) {
+    const {
+      item: oldItem = null,
+      resolved = {},
+      parentId: oldParentId = null
+    } = cache.lastChange[id] || {};
+    const isRootOrInserted = oldParentId === null;
+    const parentChanged = !isRootOrInserted && (parent == null ? void 0 : parent.props.id) !== oldParentId;
+    const dataChanged = item && !(0, import_fast_equals2.deepEqual)(item, oldItem);
+    const shouldSkip = trigger === "move" && !parentChanged || trigger !== "move" && trigger !== "force" && !dataChanged;
+    if (shouldSkip) {
       return { node: resolved, didChange: false };
     }
     const changed = getChanged(item, oldItem);
@@ -848,13 +871,15 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
       changed,
       lastData: oldItem,
       metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
-      trigger
+      trigger,
+      parent
     });
     resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
     if (Object.keys(readOnly).length) {
       resolvedItem.readOnly = readOnly;
     }
   }
+  const itemAsComponentData = toComponent(resolvedItem);
   let itemWithResolvedChildren = yield mapFields(
     resolvedItem,
     {
@@ -869,7 +894,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
                 metadata,
                 onResolveStart,
                 onResolveEnd,
-                trigger
+                trigger,
+                itemAsComponentData
               )).node;
             })
           )
@@ -883,7 +909,8 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
   }
   cache.lastChange[id] = {
     item,
-    resolved: itemWithResolvedChildren
+    resolved: itemWithResolvedChildren,
+    parentId: parent == null ? void 0 : parent.props.id
   };
   return {
     node: itemWithResolvedChildren,
@@ -891,6 +918,36 @@ var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], fun
   };
 });
 
+// lib/group-zones-by-component.ts
+init_react_import();
+
+// lib/get-zone-id.ts
+init_react_import();
+var getZoneId = (zoneCompound) => {
+  if (!zoneCompound) {
+    return [];
+  }
+  if (zoneCompound && zoneCompound.indexOf(":") > -1) {
+    return zoneCompound.split(":");
+  }
+  return [rootDroppableId, zoneCompound];
+};
+
+// lib/group-zones-by-component.ts
+var groupZonesByComponent = (data) => {
+  var _a;
+  const zoneEntries = Object.entries((_a = data.zones) != null ? _a : {});
+  return zoneEntries.reduce((acc, [zoneCompound, zoneContent]) => {
+    const [componentId, zoneName] = getZoneId(zoneCompound);
+    if (!componentId.length || !zoneName.length) return acc;
+    if (!acc[componentId]) {
+      acc[componentId] = [];
+    }
+    acc[componentId].push({ zoneCompound, content: zoneContent });
+    return acc;
+  }, {});
+};
+
 // lib/data/default-data.ts
 init_react_import();
 var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
@@ -898,21 +955,13 @@ var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
   content: data.content || []
 });
 
-// lib/data/to-component.ts
-init_react_import();
-var toComponent = (item) => {
-  return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
-    props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
-    type: "root"
-  });
-};
-
 // lib/resolve-all-data.ts
 function resolveAllData(_0, _1) {
   return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
-    var _a;
     const defaultedData = defaultData(data);
-    const resolveNode = (_node) => __async(null, null, function* () {
+    const zonesByComponent = groupZonesByComponent(defaultedData);
+    let resolvedZones = {};
+    const resolveNode = (_node, parent) => __async(null, null, function* () {
       const node = toComponent(_node);
       onResolveStart == null ? void 0 : onResolveStart(node);
       const resolved = (yield resolveComponentData(
@@ -923,37 +972,44 @@ function resolveAllData(_0, _1) {
         },
         () => {
         },
-        "force"
+        "force",
+        parent
       )).node;
-      const resolvedDeep = yield mapFields(
+      const resolvedAsComponent = toComponent(resolved);
+      const resolvedDeepPromise = mapFields(
         resolved,
-        { slot: ({ value }) => processContent(value) },
+        {
+          slot: ({ value }) => processContent(value, resolvedAsComponent)
+        },
         config
       );
+      let resolveZonePromises = [];
+      if (zonesByComponent[resolvedAsComponent.props.id]) {
+        resolveZonePromises = zonesByComponent[resolvedAsComponent.props.id].map(
+          (_02) => __async(null, [_02], function* ({ zoneCompound, content }) {
+            resolvedZones[zoneCompound] = yield processContent(
+              content,
+              resolvedAsComponent
+            );
+          })
+        );
+      }
+      const resolvedDeep = yield resolvedDeepPromise;
+      yield Promise.all(resolveZonePromises);
       onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
       return resolvedDeep;
     });
-    const processContent = (content) => __async(null, null, function* () {
-      return Promise.all(content.map(resolveNode));
+    const processContent = (content, parent) => __async(null, null, function* () {
+      return Promise.all(content.map((item) => resolveNode(item, parent)));
     });
-    const processZones = () => __async(null, null, function* () {
-      var _a2;
-      const zones = (_a2 = data.zones) != null ? _a2 : {};
-      Object.entries(zones).forEach((_02) => __async(null, [_02], function* ([zoneKey, content]) {
-        zones[zoneKey] = yield Promise.all(content.map(resolveNode));
-      }));
-      return zones;
-    });
-    const dynamic = {
-      root: yield resolveNode(defaultedData.root),
-      content: yield processContent(defaultedData.content),
-      zones: yield processZones()
-    };
-    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(null, null, function* () {
-      const content = defaultedData.zones[zoneKey];
-      dynamic.zones[zoneKey] = yield processContent(content);
-    }), {});
-    return dynamic;
+    const result = defaultData({});
+    result.root = yield resolveNode(defaultedData.root, null);
+    result.content = yield processContent(
+      defaultedData.content,
+      toComponent(result.root)
+    );
+    result.zones = resolvedZones;
+    return result;
   });
 }
 
@@ -1040,7 +1096,8 @@ init_react_import();
 var defaultViewports = [
   { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
   { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
-  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
+  { width: 1280, height: "auto", icon: "Monitor", label: "Large" },
+  { width: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
 ];
 
 // store/default-app-state.ts
@@ -1062,7 +1119,8 @@ var defaultAppState = {
       options: [],
       controlsVisible: true
     },
-    field: { focus: null }
+    field: { focus: null },
+    plugin: { current: null }
   },
   indexes: {
     nodes: {},
@@ -1075,20 +1133,6 @@ init_react_import();
 
 // lib/data/for-related-zones.ts
 init_react_import();
-
-// lib/get-zone-id.ts
-init_react_import();
-var getZoneId = (zoneCompound) => {
-  if (!zoneCompound) {
-    return [];
-  }
-  if (zoneCompound && zoneCompound.indexOf(":") > -1) {
-    return zoneCompound.split(":");
-  }
-  return [rootDroppableId, zoneCompound];
-};
-
-// lib/data/for-related-zones.ts
 function forRelatedZones(item, data, cb, path = []) {
   Object.entries(data.zones || {}).forEach(([zoneCompound, content]) => {
     const [parentId] = getZoneId(zoneCompound);
@@ -1110,9 +1154,28 @@ var stripSlots = (data, config) => {
 
 // lib/data/flatten-node.ts
 var { flatten: flatten2, unflatten } = import_flat.default;
+function isEmptyArrayOrObject(val) {
+  if (Array.isArray(val)) {
+    return val.length === 0;
+  }
+  if (val != null && Object.prototype.toString.call(val) === "[object Object]") {
+    return Object.keys(val).length === 0;
+  }
+  return false;
+}
+function stripEmptyObjects(props) {
+  const result = {};
+  for (const key in props) {
+    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+    const val = props[key];
+    if (isEmptyArrayOrObject(val)) continue;
+    result[key] = val;
+  }
+  return result;
+}
 var flattenNode = (node, config) => {
   return __spreadProps(__spreadValues({}, node), {
-    props: flatten2(stripSlots(node, config).props)
+    props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
   });
 };
 

package/dist/rsc.mjs

@@ -5,9 +5,9 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-Y656T6AQ.mjs";
-import "./chunk-CSSRLPHM.mjs";
-import "./chunk-T3WX7XJ6.mjs";
+} from "./chunk-NYGQH27S.mjs";
+import "./chunk-AOEDIUVK.mjs";
+import "./chunk-REWRIUGR.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   rootAreaId,
@@ -15,7 +15,7 @@ import {
   rootZone,
   setupZone,
   walkTree
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-Q3TJ2VYO.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{walk-tree-CdriEzFJ.d.mts → walk-tree-CRRDqx6_.d.mts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-ONhOkrvf.mjs';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-BkBoKAc5.mjs';
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {

package/dist/{walk-tree-DHbAZ4wF.d.ts → walk-tree-CS7sEpfG.d.ts}

@@ -1,4 +1,4 @@
-import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-ONhOkrvf.js';
+import { C as Config, D as Data, W as WithId, U as UserGenerics, b as Content, c as ComponentData, d as DefaultComponents, e as DefaultComponentProps, f as DefaultRootFieldProps, M as Metadata, R as RootData } from './actions-BkBoKAc5.js';
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.21.0-canary.77444503",
+  "version": "0.21.0-canary.7c2f9283",
   "description": "The open-source visual editor for React",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",