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

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

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

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

@@ -3,19 +3,19 @@ import {
   generateId,
   getItem,
   makeStatePublic
-} from "./chunk-QBGM4ELA.mjs";
+} from "./chunk-KN3XDS7U.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-T3WX7XJ6.mjs";
+} from "./chunk-REWRIUGR.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
   walkAppState
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-Q3TJ2VYO.mjs";
 import {
   __async,
   __objRest,
@@ -225,6 +225,15 @@ var EllipsisVertical = createLucideIcon("EllipsisVertical", [
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/expand.js
+init_react_import();
+var Expand = createLucideIcon("Expand", [
+  ["path", { d: "m21 21-6-6m6 6v-4.8m0 4.8h-4.8", key: "1c15vz" }],
+  ["path", { d: "M3 16.2V21m0 0h4.8M3 21l6-6", key: "1fsnz2" }],
+  ["path", { d: "M21 7.8V3m0 0h-4.8M21 3l-6 6", key: "hawz9i" }],
+  ["path", { d: "M3 7.8V3m0 0h4.8M3 3l6 6", key: "u9ee12" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/globe.js
 init_react_import();
 var Globe = createLucideIcon("Globe", [
@@ -233,6 +242,20 @@ var Globe = createLucideIcon("Globe", [
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/hammer.js
+init_react_import();
+var Hammer = createLucideIcon("Hammer", [
+  ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
+  ["path", { d: "m18 15 4-4", key: "16gjal" }],
+  [
+    "path",
+    {
+      d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5",
+      key: "b7pghm"
+    }
+  ]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/hash.js
 init_react_import();
 var Hash = createLucideIcon("Hash", [
@@ -378,6 +401,24 @@ var Lock = createLucideIcon("Lock", [
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/maximize-2.js
+init_react_import();
+var Maximize2 = createLucideIcon("Maximize2", [
+  ["polyline", { points: "15 3 21 3 21 9", key: "mznyad" }],
+  ["polyline", { points: "9 21 3 21 3 15", key: "1avn1i" }],
+  ["line", { x1: "21", x2: "14", y1: "3", y2: "10", key: "ota7mn" }],
+  ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/minimize-2.js
+init_react_import();
+var Minimize2 = createLucideIcon("Minimize2", [
+  ["polyline", { points: "4 14 10 14 10 20", key: "11kfnr" }],
+  ["polyline", { points: "20 10 14 10 14 4", key: "rlmsce" }],
+  ["line", { x1: "14", x2: "21", y1: "10", y2: "3", key: "o5lafz" }],
+  ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/minus.js
 init_react_import();
 var Minus = createLucideIcon("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
@@ -430,6 +471,15 @@ var Quote = createLucideIcon("Quote", [
   ]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/rectangle-ellipsis.js
+init_react_import();
+var RectangleEllipsis = createLucideIcon("RectangleEllipsis", [
+  ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
+  ["path", { d: "M12 12h.01", key: "1mp3jc" }],
+  ["path", { d: "M17 12h.01", key: "1m0b6t" }],
+  ["path", { d: "M7 12h.01", key: "eqddd0" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/redo-2.js
 init_react_import();
 var Redo2 = createLucideIcon("Redo2", [
@@ -488,6 +538,14 @@ var Tablet = createLucideIcon("Tablet", [
   ["line", { x1: "12", x2: "12.01", y1: "18", y2: "18", key: "1dp563" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/toy-brick.js
+init_react_import();
+var ToyBrick = createLucideIcon("ToyBrick", [
+  ["rect", { width: "18", height: "12", x: "3", y: "8", rx: "1", key: "158fvp" }],
+  ["path", { d: "M10 8V5c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v3", key: "s0042v" }],
+  ["path", { d: "M19 8V5c0-.6-.4-1-1-1h-3a1 1 0 0 0-1 1v3", key: "9wmeh2" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/trash.js
 init_react_import();
 var Trash = createLucideIcon("Trash", [
@@ -518,6 +576,13 @@ var Undo2 = createLucideIcon("Undo2", [
   ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/x.js
+init_react_import();
+var X = createLucideIcon("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/zoom-in.js
 init_react_import();
 var ZoomIn = createLucideIcon("ZoomIn", [
@@ -1094,6 +1159,7 @@ var createAppStore = (initialAppStore) => create2()(
   subscribeWithSelector2((set, get) => {
     var _a, _b;
     return __spreadProps(__spreadValues({
+      instanceId: generateId(),
       state: defaultAppState,
       config: { components: {} },
       componentState: {},
@@ -1114,6 +1180,11 @@ var createAppStore = (initialAppStore) => create2()(
       history: createHistorySlice(set, get),
       nodes: createNodesSlice(set, get),
       permissions: createPermissionsSlice(set, get),
+      getCurrentData: () => {
+        var _a2;
+        const s = get();
+        return (_a2 = s.selectedItem) != null ? _a2 : s.state.data.root;
+      },
       getComponentConfig: (type) => {
         var _a2;
         const { config, selectedItem } = get();
@@ -1203,7 +1274,12 @@ var createAppStore = (initialAppStore) => create2()(
         return __spreadProps(__spreadValues({}, s), { state, selectedItem });
       }),
       resolveComponentData: (componentData, trigger) => __async(null, null, function* () {
-        const { config, metadata, setComponentLoading, permissions } = get();
+        var _a2, _b2;
+        const { config, metadata, setComponentLoading, permissions, state } = get();
+        const componentId = "id" in componentData.props ? componentData.props.id : "root";
+        const parentId = (_a2 = state.indexes.nodes[componentId]) == null ? void 0 : _a2.parentId;
+        const parentNode = parentId ? state.indexes.nodes[parentId] : null;
+        const parentData = (_b2 = parentNode == null ? void 0 : parentNode.data) != null ? _b2 : null;
         const timeouts = {};
         return yield resolveComponentData(
           componentData,
@@ -1222,7 +1298,8 @@ var createAppStore = (initialAppStore) => create2()(
             }
             timeouts[id]();
           }),
-          trigger
+          trigger,
+          parentData
         );
       }),
       resolveAndCommitData: () => __async(null, null, function* () {
@@ -1457,7 +1534,7 @@ var getZoomConfig = (uiViewport, frame, zoom) => {
   const viewportHeight = uiViewport.height === "auto" ? frameHeight : uiViewport.height;
   let rootHeight = 0;
   let autoZoom = 1;
-  if (uiViewport.width > frameWidth || viewportHeight > frameHeight) {
+  if (typeof uiViewport.width === "number" && (uiViewport.width > frameWidth || viewportHeight > frameHeight)) {
     const widthZoom = Math.min(frameWidth / uiViewport.width, 1);
     const heightZoom = Math.min(frameHeight / viewportHeight, 1);
     zoom = widthZoom;
@@ -1603,7 +1680,9 @@ export {
   Copy,
   CornerLeftUp,
   EllipsisVertical,
+  Expand,
   Globe,
+  Hammer,
   Hash,
   Heading1,
   Heading2,
@@ -1620,12 +1699,15 @@ export {
   List,
   LockOpen,
   Lock,
+  Maximize2,
+  Minimize2,
   Minus,
   Monitor,
   PanelLeft,
   PanelRight,
   Plus,
   Quote,
+  RectangleEllipsis,
   Redo2,
   Search,
   SlidersHorizontal,
@@ -1633,10 +1715,12 @@ export {
   SquareCode,
   Strikethrough,
   Tablet,
+  ToyBrick,
   Trash,
   Type,
   Underline,
   Undo2,
+  X,
   ZoomIn,
   ZoomOut,
   reorder,
@@ -1678,7 +1762,9 @@ lucide-react/dist/esm/icons/code.js:
 lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/corner-left-up.js:
 lucide-react/dist/esm/icons/ellipsis-vertical.js:
+lucide-react/dist/esm/icons/expand.js:
 lucide-react/dist/esm/icons/globe.js:
+lucide-react/dist/esm/icons/hammer.js:
 lucide-react/dist/esm/icons/hash.js:
 lucide-react/dist/esm/icons/heading-1.js:
 lucide-react/dist/esm/icons/heading-2.js:
@@ -1693,12 +1779,15 @@ lucide-react/dist/esm/icons/link.js:
 lucide-react/dist/esm/icons/list-ordered.js:
 lucide-react/dist/esm/icons/lock-open.js:
 lucide-react/dist/esm/icons/lock.js:
+lucide-react/dist/esm/icons/maximize-2.js:
+lucide-react/dist/esm/icons/minimize-2.js:
 lucide-react/dist/esm/icons/minus.js:
 lucide-react/dist/esm/icons/monitor.js:
 lucide-react/dist/esm/icons/panel-left.js:
 lucide-react/dist/esm/icons/panel-right.js:
 lucide-react/dist/esm/icons/plus.js:
 lucide-react/dist/esm/icons/quote.js:
+lucide-react/dist/esm/icons/rectangle-ellipsis.js:
 lucide-react/dist/esm/icons/redo-2.js:
 lucide-react/dist/esm/icons/search.js:
 lucide-react/dist/esm/icons/sliders-horizontal.js:
@@ -1706,10 +1795,12 @@ lucide-react/dist/esm/icons/smartphone.js:
 lucide-react/dist/esm/icons/square-code.js:
 lucide-react/dist/esm/icons/strikethrough.js:
 lucide-react/dist/esm/icons/tablet.js:
+lucide-react/dist/esm/icons/toy-brick.js:
 lucide-react/dist/esm/icons/trash.js:
 lucide-react/dist/esm/icons/type.js:
 lucide-react/dist/esm/icons/underline.js:
 lucide-react/dist/esm/icons/undo-2.js:
+lucide-react/dist/esm/icons/x.js:
 lucide-react/dist/esm/icons/zoom-in.js:
 lucide-react/dist/esm/icons/zoom-out.js:
 lucide-react/dist/esm/lucide-react.js:

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

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

package/dist/{chunk-62AAYNXG.mjs → chunk-MEL7FUSF.mjs}

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

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

@@ -1,18 +1,20 @@
 import {
   styles_module_default
-} from "./chunk-CSSRLPHM.mjs";
+} from "./chunk-AOEDIUVK.mjs";
 import {
   defaultAppState,
-  resolveComponentData
-} from "./chunk-T3WX7XJ6.mjs";
+  resolveComponentData,
+  toComponent
+} from "./chunk-REWRIUGR.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
+  getZoneId,
   mapFields,
   walkAppState,
   walkTree
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-Q3TJ2VYO.mjs";
 import {
   __async,
   __objRest,
@@ -186,21 +188,29 @@ function transformProps(data, propTransforms, config = { components: {} }) {
 // lib/resolve-all-data.ts
 init_react_import();
 
-// lib/data/to-component.ts
+// lib/group-zones-by-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"
-  });
+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/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(
@@ -211,76 +221,47 @@ 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 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 processContent = (content, parent) => __async(null, null, function* () {
+      return Promise.all(content.map((item) => resolveNode(item, parent)));
     });
-    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;
   });
 }
 
-// lib/field-transforms/use-field-transforms.tsx
-init_react_import();
-import { useMemo } from "react";
-function useFieldTransforms(config, item, transforms, readOnly, forceReadOnly) {
-  const mappers = 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 transformedProps = useMemo(() => {
-    const mapped = mapFields(item, mappers, config).props;
-    return mapped;
-  }, [config, item, mappers]);
-  const mergedProps = useMemo(
-    () => __spreadValues(__spreadValues({}, item.props), transformedProps),
-    [item.props, transformedProps]
-  );
-  return mergedProps;
-}
-
 // lib/field-transforms/default-transforms/slot-transform.tsx
 init_react_import();
 var getSlotTransform = (renderSlotEdit, renderSlotRender = renderSlotEdit) => ({
@@ -299,6 +280,52 @@ var getSlotTransform = (renderSlotEdit, renderSlotRender = renderSlotEdit) => ({
 
 // lib/use-slots.tsx
 init_react_import();
+
+// lib/field-transforms/use-field-transforms.tsx
+init_react_import();
+import { useMemo } from "react";
+
+// 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 = useMemo(
+    () => buildMappers(transforms, readOnly, forceReadOnly),
+    [transforms, readOnly, forceReadOnly]
+  );
+  const transformedProps = useMemo(() => {
+    return mapFields(item, mappers, config).props;
+  }, [config, item, mappers]);
+  const mergedProps = useMemo(
+    () => __spreadValues(__spreadValues({}, item.props), transformedProps),
+    [item.props, transformedProps]
+  );
+  return mergedProps;
+}
+
+// lib/use-slots.tsx
 function useSlots(config, item, renderSlotEdit, renderSlotRender = renderSlotEdit, readOnly, forceReadOnly) {
   return useFieldTransforms(
     config,
@@ -344,7 +371,7 @@ function useRichtextProps(fields, props) {
   const richtextProps = useMemo2(() => {
     if (!(richtextKeys == null ? void 0 : richtextKeys.length)) return {};
     const RichTextRender = lazy(
-      () => import("./Render-OFE6QLI2.mjs").then((m) => ({
+      () => import("./Render-FXZX6NFH.mjs").then((m) => ({
         default: m.RichTextRender
       }))
     );
@@ -405,14 +432,13 @@ var SlotRender = forwardRef(
 );
 
 export {
-  useFieldTransforms,
+  buildMappers,
   getSlotTransform,
   useSlots,
   RichTextRenderFallback,
   useRichtextProps,
   SlotRenderPure,
   SlotRender,
-  toComponent,
   migrate,
   transformProps,
   resolveAllData

package/dist/{chunk-NLUHDYVR.mjs → chunk-Q3TJ2VYO.mjs}

@@ -143,12 +143,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",
@@ -222,9 +222,28 @@ 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;
+  }
+  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))
   });
 };
 var expandNode = (node) => {
@@ -406,6 +425,7 @@ export {
   rootAreaId,
   rootZone,
   rootDroppableId,
+  getZoneId,
   defaultSlots,
   walkField,
   mapFields,