@measured/puck 0.21.0-canary.d32e582b → 0.21.0-canary.dfecd012

package/dist/{chunk-XYKLHT4R.mjs → chunk-JA7SEUEH.mjs}

@@ -138,7 +138,7 @@ var walkField = ({
     return map({
       value: mappedContent,
       parentId: id,
-      propName: propKey,
+      propName: propPath,
       field: fields[propKey],
       propPath
     });
@@ -295,8 +295,7 @@ 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: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
+  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
 ];
 
 // store/default-app-state.ts
@@ -318,8 +317,7 @@ var defaultAppState = {
       options: [],
       controlsVisible: true
     },
-    field: { focus: null },
-    plugin: { current: null }
+    field: { focus: null }
   },
   indexes: {
     nodes: {},
@@ -683,28 +681,28 @@ init_react_import();
 
 // lib/get-changed.ts
 init_react_import();
-import fdeq from "fast-deep-equal";
+import { deepEqual } from "fast-equals";
 var getChanged = (newItem, oldItem) => {
   return newItem ? Object.keys(newItem.props || {}).reduce((acc, item) => {
     const newItemProps = (newItem == null ? void 0 : newItem.props) || {};
     const oldItemProps = (oldItem == null ? void 0 : oldItem.props) || {};
     return __spreadProps(__spreadValues({}, acc), {
-      [item]: !fdeq(oldItemProps[item], newItemProps[item])
+      [item]: !deepEqual(oldItemProps[item], newItemProps[item])
     });
   }, {}) : {};
 };
 
 // lib/resolve-component-data.ts
-import fdeq2 from "fast-deep-equal";
+import { deepEqual as deepEqual2 } from "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;
   const id = "id" in item.props ? item.props.id : "root";
   if (shouldRunResolver) {
     const { item: oldItem = null, resolved = {} } = cache.lastChange[id] || {};
-    if (item && fdeq2(item, oldItem)) {
+    if (trigger !== "force" && item && deepEqual2(item, oldItem)) {
       return { node: resolved, didChange: false };
     }
     const changed = getChanged(item, oldItem);
@@ -725,11 +723,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,
@@ -754,7 +752,7 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
   };
   return {
     node: itemWithResolvedChildren,
-    didChange: !fdeq2(item, itemWithResolvedChildren)
+    didChange: !deepEqual2(item, itemWithResolvedChildren)
   };
 });
 
@@ -772,7 +770,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(
@@ -793,13 +791,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;
@@ -809,7 +807,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);
     }), {});
@@ -916,8 +914,9 @@ var Item = ({
   );
 };
 var SlotRender = forwardRef(
-  function SlotRenderInternal({ className, style, content, config, metadata }, ref) {
-    return /* @__PURE__ */ jsx("div", { className, style, ref, children: content.map((item) => {
+  function SlotRenderInternal({ className, style, content, config, metadata, as }, ref) {
+    const El = as != null ? as : "div";
+    return /* @__PURE__ */ jsx(El, { className, style, ref, children: content.map((item) => {
       if (!config.components[item.type]) {
         return null;
       }
@@ -960,6 +959,7 @@ export {
   useSlots,
   SlotRenderPure,
   SlotRender,
+  toComponent,
   migrate,
   transformProps,
   resolveAllData