@puckeditor/core 0.21.0-canary.d701a1da → 0.21.0

package/dist/{Editor-32UYWE6W.mjs → Editor-L7XD2QW3.mjs}

@@ -4,20 +4,20 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-V2IQTPPK.mjs";
+} from "./chunk-ZPR7EC3T.mjs";
 import "./chunk-AOEDIUVK.mjs";
-import "./chunk-6KNQXLQR.mjs";
-import "./chunk-GVKHZNTR.mjs";
-import "./chunk-MEL7FUSF.mjs";
-import "./chunk-3VQHXASI.mjs";
+import "./chunk-RYILZVCB.mjs";
+import "./chunk-UFXHMVJE.mjs";
+import "./chunk-MNNPATDB.mjs";
+import "./chunk-YBJ32VYI.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-K562SEXI.mjs";
-import "./chunk-KN3XDS7U.mjs";
-import "./chunk-REWRIUGR.mjs";
+} from "./chunk-HLB66X4S.mjs";
+import "./chunk-QIJR53IK.mjs";
+import "./chunk-AHX7X7NZ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-Q3TJ2VYO.mjs";
+import "./chunk-7TZD3NRP.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{chunk-Q3TJ2VYO.mjs → chunk-7TZD3NRP.mjs}

@@ -222,32 +222,46 @@ var stripSlots = (data, config) => {
 
 // lib/data/flatten-node.ts
 var { flatten: flatten2, unflatten } = flat;
-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;
+var isPureObject = (val) => val != null && Object.prototype.toString.call(val) === "[object Object]";
+var emptyArrayStr = "__puck_[]";
+var emptyObjectStr = "__puck_{}";
+function encodeEmptyObjects(props = {}) {
+  const result = {};
+  for (const key in props) {
+    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+    const val = props[key];
+    if (Array.isArray(val) && val.length === 0) {
+      result[key] = emptyArrayStr;
+    } else if (isPureObject(val) && Object.keys(val).length === 0) {
+      result[key] = emptyObjectStr;
+    } else {
+      result[key] = val;
+    }
   }
-  return false;
+  return result;
 }
-function stripEmptyObjects(props) {
+function decodeEmptyObjects(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;
+    if (val === emptyArrayStr) {
+      result[key] = [];
+    } else if (val === emptyObjectStr) {
+      result[key] = {};
+    } else {
+      result[key] = val;
+    }
   }
   return result;
 }
 var flattenNode = (node, config) => {
   return __spreadProps(__spreadValues({}, node), {
-    props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
+    props: encodeEmptyObjects(flatten2(stripSlots(node, config).props))
   });
 };
 var expandNode = (node) => {
-  const props = unflatten(node.props);
+  const props = unflatten(decodeEmptyObjects(node.props));
   return __spreadProps(__spreadValues({}, node), {
     props
   });

package/dist/{chunk-REWRIUGR.mjs → chunk-AHX7X7NZ.mjs}

@@ -1,6 +1,6 @@
 import {
   mapFields
-} from "./chunk-Q3TJ2VYO.mjs";
+} from "./chunk-7TZD3NRP.mjs";
 import {
   __async,
   __spreadProps,

package/dist/{chunk-K562SEXI.mjs → chunk-HLB66X4S.mjs}

@@ -3,19 +3,19 @@ import {
   generateId,
   getItem,
   makeStatePublic
-} from "./chunk-KN3XDS7U.mjs";
+} from "./chunk-QIJR53IK.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-REWRIUGR.mjs";
+} from "./chunk-AHX7X7NZ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
   walkAppState
-} from "./chunk-Q3TJ2VYO.mjs";
+} from "./chunk-7TZD3NRP.mjs";
 import {
   __async,
   __objRest,

package/dist/{chunk-LJYBMDKR.mjs → chunk-K66K75HC.mjs}

@@ -1,7 +1,7 @@
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-V2IQTPPK.mjs";
+} from "./chunk-ZPR7EC3T.mjs";
 import {
   RichTextRenderFallback,
   SlotRender,
@@ -10,13 +10,13 @@ import {
   getSlotTransform,
   useRichtextProps,
   useSlots
-} from "./chunk-NYGQH27S.mjs";
+} from "./chunk-WB2EIKOA.mjs";
 import {
   ActionBar,
   IconButton,
   LoadedRichTextMenuInner,
   Loader
-} from "./chunk-6KNQXLQR.mjs";
+} from "./chunk-RYILZVCB.mjs";
 import {
   ChevronDown,
   ChevronRight,
@@ -68,7 +68,7 @@ import {
   useRegisterHistorySlice,
   useRegisterPermissionsSlice,
   useResetAutoZoom
-} from "./chunk-K562SEXI.mjs";
+} from "./chunk-HLB66X4S.mjs";
 import {
   generateId,
   getItem,
@@ -76,12 +76,12 @@ import {
   insertAction,
   makeStatePublic,
   populateIds
-} from "./chunk-KN3XDS7U.mjs";
+} from "./chunk-QIJR53IK.mjs";
 import {
   defaultAppState,
   defaultViewports,
   toComponent
-} from "./chunk-REWRIUGR.mjs";
+} from "./chunk-AHX7X7NZ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -95,7 +95,7 @@ import {
   setupZone,
   walkAppState,
   walkField
-} from "./chunk-Q3TJ2VYO.mjs";
+} from "./chunk-7TZD3NRP.mjs";
 import {
   __async,
   __commonJS,
@@ -1971,7 +1971,7 @@ EditorFallback.displayName = "EditorFallback";
 // components/AutoField/fields/RichtextField/index.tsx
 import { Fragment as Fragment4, jsx as jsx17 } from "react/jsx-runtime";
 var Editor = lazy(
-  () => import("./Editor-32UYWE6W.mjs").then((m) => ({
+  () => import("./Editor-L7XD2QW3.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -3604,7 +3604,7 @@ import {
 } from "react";
 import { jsx as jsx27 } from "react/jsx-runtime";
 var Editor2 = lazy2(
-  () => import("./Editor-32UYWE6W.mjs").then((m) => ({
+  () => import("./Editor-L7XD2QW3.mjs").then((m) => ({
     default: m.Editor
   }))
 );
@@ -7603,8 +7603,8 @@ var getPluginTabClassName = get_class_name_factory_default("PuckPluginTab", styl
 var FieldSideBar = () => {
   const title = useAppStore(
     (s) => {
-      var _a, _b;
-      return s.selectedItem ? (_b = (_a = s.config.components[s.selectedItem.type]) == null ? void 0 : _a["label"]) != null ? _b : s.selectedItem.type.toString() : "Page";
+      var _a, _b, _c;
+      return s.selectedItem ? (_b = (_a = s.config.components[s.selectedItem.type]) == null ? void 0 : _a["label"]) != null ? _b : s.selectedItem.type.toString() : ((_c = s.config.root) == null ? void 0 : _c.label) || "Page";
     }
   );
   return /* @__PURE__ */ jsx54(SidebarSection, { noBorderTop: true, showBreadcrumbs: true, title, children: /* @__PURE__ */ jsx54(Fields, {}) });

package/dist/{chunk-MEL7FUSF.mjs → chunk-MNNPATDB.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-K562SEXI.mjs";
+} from "./chunk-HLB66X4S.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-KN3XDS7U.mjs → chunk-QIJR53IK.mjs}

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

package/dist/{chunk-6KNQXLQR.mjs → chunk-RYILZVCB.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-GVKHZNTR.mjs";
+} from "./chunk-UFXHMVJE.mjs";
 import {
   useHeadingOptions
-} from "./chunk-MEL7FUSF.mjs";
+} from "./chunk-MNNPATDB.mjs";
 import {
   useListOptions
-} from "./chunk-3VQHXASI.mjs";
+} from "./chunk-YBJ32VYI.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-K562SEXI.mjs";
+} from "./chunk-HLB66X4S.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -349,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-DCQVLO7I.mjs").then((m) => ({
+  () => import("./loaded-G2WSQZO7.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -580,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-KKVJE5KH.mjs").then((m) => ({
+  () => import("./loaded-MYALJBRK.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -612,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-JGRO7BH7.mjs").then((m) => ({
+  () => import("./loaded-5AM4V5PV.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-GVKHZNTR.mjs → chunk-UFXHMVJE.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-K562SEXI.mjs";
+} from "./chunk-HLB66X4S.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-NYGQH27S.mjs → chunk-WB2EIKOA.mjs}

@@ -5,7 +5,7 @@ import {
   defaultAppState,
   resolveComponentData,
   toComponent
-} from "./chunk-REWRIUGR.mjs";
+} from "./chunk-AHX7X7NZ.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -14,7 +14,7 @@ import {
   mapFields,
   walkAppState,
   walkTree
-} from "./chunk-Q3TJ2VYO.mjs";
+} from "./chunk-7TZD3NRP.mjs";
 import {
   __async,
   __objRest,

package/dist/{chunk-3VQHXASI.mjs → chunk-YBJ32VYI.mjs}

@@ -1,7 +1,7 @@
 import {
   List,
   ListOrdered
-} from "./chunk-K562SEXI.mjs";
+} from "./chunk-HLB66X4S.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-V2IQTPPK.mjs → chunk-ZPR7EC3T.mjs}

@@ -3,11 +3,11 @@ import {
 } from "./chunk-AOEDIUVK.mjs";
 import {
   LoadedRichTextMenuInner
-} from "./chunk-6KNQXLQR.mjs";
+} from "./chunk-RYILZVCB.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-K562SEXI.mjs";
+} from "./chunk-HLB66X4S.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -97,7 +97,7 @@ init_react_import();
 import { lazy, Suspense } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var LoadedRichTextMenuFull = lazy(
-  () => import("./full-4OS3O57Y.mjs").then((m) => ({
+  () => import("./full-4UGAOTTB.mjs").then((m) => ({
     default: m.LoadedRichTextMenuFull
   }))
 );

package/dist/{full-4OS3O57Y.mjs → full-4UGAOTTB.mjs}

@@ -1,14 +1,14 @@
 import {
   LoadedRichTextMenuInner
-} 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";
+} from "./chunk-RYILZVCB.mjs";
+import "./chunk-UFXHMVJE.mjs";
+import "./chunk-MNNPATDB.mjs";
+import "./chunk-YBJ32VYI.mjs";
+import "./chunk-HLB66X4S.mjs";
+import "./chunk-QIJR53IK.mjs";
+import "./chunk-AHX7X7NZ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-Q3TJ2VYO.mjs";
+import "./chunk-7TZD3NRP.mjs";
 import {
   __spreadValues,
   init_react_import

package/dist/index.js

@@ -1596,26 +1596,37 @@ var init_strip_slots = __esm({
 });
 
 // lib/data/flatten-node.ts
-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;
+function encodeEmptyObjects(props = {}) {
+  const result = {};
+  for (const key in props) {
+    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+    const val = props[key];
+    if (Array.isArray(val) && val.length === 0) {
+      result[key] = emptyArrayStr;
+    } else if (isPureObject(val) && Object.keys(val).length === 0) {
+      result[key] = emptyObjectStr;
+    } else {
+      result[key] = val;
+    }
   }
-  return false;
+  return result;
 }
-function stripEmptyObjects(props) {
+function decodeEmptyObjects(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;
+    if (val === emptyArrayStr) {
+      result[key] = [];
+    } else if (val === emptyObjectStr) {
+      result[key] = {};
+    } else {
+      result[key] = val;
+    }
   }
   return result;
 }
-var import_flat, flatten2, unflatten, flattenNode, expandNode;
+var import_flat, flatten2, unflatten, isPureObject, emptyArrayStr, emptyObjectStr, flattenNode, expandNode;
 var init_flatten_node = __esm({
   "lib/data/flatten-node.ts"() {
     "use strict";
@@ -1623,13 +1634,16 @@ var init_flatten_node = __esm({
     import_flat = __toESM(require("flat"));
     init_strip_slots();
     ({ flatten: flatten2, unflatten } = import_flat.default);
+    isPureObject = (val) => val != null && Object.prototype.toString.call(val) === "[object Object]";
+    emptyArrayStr = "__puck_[]";
+    emptyObjectStr = "__puck_{}";
     flattenNode = (node, config) => {
       return __spreadProps(__spreadValues({}, node), {
-        props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
+        props: encodeEmptyObjects(flatten2(stripSlots(node, config).props))
       });
     };
     expandNode = (node) => {
-      const props = unflatten(node.props);
+      const props = unflatten(decodeEmptyObjects(node.props));
       return __spreadProps(__spreadValues({}, node), {
         props
       });
@@ -13365,8 +13379,8 @@ var getPluginTabClassName = get_class_name_factory_default("PuckPluginTab", styl
 var FieldSideBar = () => {
   const title = useAppStore(
     (s) => {
-      var _a, _b;
-      return s.selectedItem ? (_b = (_a = s.config.components[s.selectedItem.type]) == null ? void 0 : _a["label"]) != null ? _b : s.selectedItem.type.toString() : "Page";
+      var _a, _b, _c;
+      return s.selectedItem ? (_b = (_a = s.config.components[s.selectedItem.type]) == null ? void 0 : _a["label"]) != null ? _b : s.selectedItem.type.toString() : ((_c = s.config.root) == null ? void 0 : _c.label) || "Page";
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SidebarSection, { noBorderTop: true, showBreadcrumbs: true, title, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Fields, {}) });

package/dist/index.mjs

@@ -17,13 +17,13 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-LJYBMDKR.mjs";
-import "./chunk-V2IQTPPK.mjs";
+} from "./chunk-K66K75HC.mjs";
+import "./chunk-ZPR7EC3T.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-NYGQH27S.mjs";
+} from "./chunk-WB2EIKOA.mjs";
 import "./chunk-AOEDIUVK.mjs";
 import {
   Action,
@@ -33,17 +33,17 @@ import {
   Label,
   RichTextMenu,
   Separator
-} 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";
+} from "./chunk-RYILZVCB.mjs";
+import "./chunk-UFXHMVJE.mjs";
+import "./chunk-MNNPATDB.mjs";
+import "./chunk-YBJ32VYI.mjs";
+import "./chunk-HLB66X4S.mjs";
+import "./chunk-QIJR53IK.mjs";
+import "./chunk-AHX7X7NZ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-Q3TJ2VYO.mjs";
+} from "./chunk-7TZD3NRP.mjs";
 import "./chunk-M6W7YEVX.mjs";
 export {
   Action,

package/dist/internal.js

@@ -245,28 +245,27 @@ 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) {
+var isPureObject = (val) => val != null && Object.prototype.toString.call(val) === "[object Object]";
+var emptyArrayStr = "__puck_[]";
+var emptyObjectStr = "__puck_{}";
+function encodeEmptyObjects(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;
+    if (Array.isArray(val) && val.length === 0) {
+      result[key] = emptyArrayStr;
+    } else if (isPureObject(val) && Object.keys(val).length === 0) {
+      result[key] = emptyObjectStr;
+    } else {
+      result[key] = val;
+    }
   }
   return result;
 }
 var flattenNode = (node, config) => {
   return __spreadProps(__spreadValues({}, node), {
-    props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
+    props: encodeEmptyObjects(flatten2(stripSlots(node, config).props))
   });
 };
 

package/dist/internal.mjs

@@ -1,7 +1,7 @@
 import {
   createReducer
-} from "./chunk-KN3XDS7U.mjs";
-import "./chunk-Q3TJ2VYO.mjs";
+} from "./chunk-QIJR53IK.mjs";
+import "./chunk-7TZD3NRP.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-JGRO7BH7.mjs → loaded-5AM4V5PV.mjs}

@@ -1,15 +1,15 @@
 import {
   useListOptions
-} from "./chunk-3VQHXASI.mjs";
+} from "./chunk-YBJ32VYI.mjs";
 import {
   List,
   SelectControl,
   useControlContext
-} from "./chunk-K562SEXI.mjs";
-import "./chunk-KN3XDS7U.mjs";
-import "./chunk-REWRIUGR.mjs";
+} from "./chunk-HLB66X4S.mjs";
+import "./chunk-QIJR53IK.mjs";
+import "./chunk-AHX7X7NZ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-Q3TJ2VYO.mjs";
+import "./chunk-7TZD3NRP.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-DCQVLO7I.mjs → loaded-G2WSQZO7.mjs}

@@ -1,15 +1,15 @@
 import {
   useAlignOptions
-} from "./chunk-GVKHZNTR.mjs";
+} from "./chunk-UFXHMVJE.mjs";
 import {
   AlignLeft,
   SelectControl,
   useControlContext
-} from "./chunk-K562SEXI.mjs";
-import "./chunk-KN3XDS7U.mjs";
-import "./chunk-REWRIUGR.mjs";
+} from "./chunk-HLB66X4S.mjs";
+import "./chunk-QIJR53IK.mjs";
+import "./chunk-AHX7X7NZ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-Q3TJ2VYO.mjs";
+import "./chunk-7TZD3NRP.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{loaded-KKVJE5KH.mjs → loaded-MYALJBRK.mjs}

@@ -1,15 +1,15 @@
 import {
   useHeadingOptions
-} from "./chunk-MEL7FUSF.mjs";
+} from "./chunk-MNNPATDB.mjs";
 import {
   Heading,
   SelectControl,
   useControlContext
-} from "./chunk-K562SEXI.mjs";
-import "./chunk-KN3XDS7U.mjs";
-import "./chunk-REWRIUGR.mjs";
+} from "./chunk-HLB66X4S.mjs";
+import "./chunk-QIJR53IK.mjs";
+import "./chunk-AHX7X7NZ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-Q3TJ2VYO.mjs";
+import "./chunk-7TZD3NRP.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/no-external.js

@@ -1596,26 +1596,37 @@ var init_strip_slots = __esm({
 });
 
 // lib/data/flatten-node.ts
-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;
+function encodeEmptyObjects(props = {}) {
+  const result = {};
+  for (const key in props) {
+    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+    const val = props[key];
+    if (Array.isArray(val) && val.length === 0) {
+      result[key] = emptyArrayStr;
+    } else if (isPureObject(val) && Object.keys(val).length === 0) {
+      result[key] = emptyObjectStr;
+    } else {
+      result[key] = val;
+    }
   }
-  return false;
+  return result;
 }
-function stripEmptyObjects(props) {
+function decodeEmptyObjects(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;
+    if (val === emptyArrayStr) {
+      result[key] = [];
+    } else if (val === emptyObjectStr) {
+      result[key] = {};
+    } else {
+      result[key] = val;
+    }
   }
   return result;
 }
-var import_flat, flatten2, unflatten, flattenNode, expandNode;
+var import_flat, flatten2, unflatten, isPureObject, emptyArrayStr, emptyObjectStr, flattenNode, expandNode;
 var init_flatten_node = __esm({
   "lib/data/flatten-node.ts"() {
     "use strict";
@@ -1623,13 +1634,16 @@ var init_flatten_node = __esm({
     import_flat = __toESM(require("flat"));
     init_strip_slots();
     ({ flatten: flatten2, unflatten } = import_flat.default);
+    isPureObject = (val) => val != null && Object.prototype.toString.call(val) === "[object Object]";
+    emptyArrayStr = "__puck_[]";
+    emptyObjectStr = "__puck_{}";
     flattenNode = (node, config) => {
       return __spreadProps(__spreadValues({}, node), {
-        props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
+        props: encodeEmptyObjects(flatten2(stripSlots(node, config).props))
       });
     };
     expandNode = (node) => {
-      const props = unflatten(node.props);
+      const props = unflatten(decodeEmptyObjects(node.props));
       return __spreadProps(__spreadValues({}, node), {
         props
       });
@@ -13368,8 +13382,8 @@ var getPluginTabClassName = get_class_name_factory_default("PuckPluginTab", styl
 var FieldSideBar = () => {
   const title = useAppStore(
     (s) => {
-      var _a, _b;
-      return s.selectedItem ? (_b = (_a = s.config.components[s.selectedItem.type]) == null ? void 0 : _a["label"]) != null ? _b : s.selectedItem.type.toString() : "Page";
+      var _a, _b, _c;
+      return s.selectedItem ? (_b = (_a = s.config.components[s.selectedItem.type]) == null ? void 0 : _a["label"]) != null ? _b : s.selectedItem.type.toString() : ((_c = s.config.root) == null ? void 0 : _c.label) || "Page";
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SidebarSection, { noBorderTop: true, showBreadcrumbs: true, title, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Fields, {}) });

package/dist/no-external.mjs

@@ -17,13 +17,13 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-LJYBMDKR.mjs";
-import "./chunk-V2IQTPPK.mjs";
+} from "./chunk-K66K75HC.mjs";
+import "./chunk-ZPR7EC3T.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-NYGQH27S.mjs";
+} from "./chunk-WB2EIKOA.mjs";
 import "./chunk-AOEDIUVK.mjs";
 import {
   Action,
@@ -33,17 +33,17 @@ import {
   Label,
   RichTextMenu,
   Separator
-} 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";
+} from "./chunk-RYILZVCB.mjs";
+import "./chunk-UFXHMVJE.mjs";
+import "./chunk-MNNPATDB.mjs";
+import "./chunk-YBJ32VYI.mjs";
+import "./chunk-HLB66X4S.mjs";
+import "./chunk-QIJR53IK.mjs";
+import "./chunk-AHX7X7NZ.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {
   walkTree
-} from "./chunk-Q3TJ2VYO.mjs";
+} from "./chunk-7TZD3NRP.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/rsc.js

@@ -1154,28 +1154,27 @@ 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) {
+var isPureObject = (val) => val != null && Object.prototype.toString.call(val) === "[object Object]";
+var emptyArrayStr = "__puck_[]";
+var emptyObjectStr = "__puck_{}";
+function encodeEmptyObjects(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;
+    if (Array.isArray(val) && val.length === 0) {
+      result[key] = emptyArrayStr;
+    } else if (isPureObject(val) && Object.keys(val).length === 0) {
+      result[key] = emptyObjectStr;
+    } else {
+      result[key] = val;
+    }
   }
   return result;
 }
 var flattenNode = (node, config) => {
   return __spreadProps(__spreadValues({}, node), {
-    props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
+    props: encodeEmptyObjects(flatten2(stripSlots(node, config).props))
   });
 };
 

package/dist/rsc.mjs

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

package/package.json

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