@measured/puck 0.21.0-canary.c78dc826 → 0.21.0-canary.d1e8fa71

package/dist/chunk-45I5SDOI.mjs

@@ -0,0 +1,134 @@
+import {
+  mapFields
+} from "./chunk-B7REOAA7.mjs";
+import {
+  __async,
+  __spreadProps,
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/ViewportControls/default-viewports.ts
+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" }
+];
+
+// lib/resolve-component-data.ts
+init_react_import();
+
+// lib/get-changed.ts
+init_react_import();
+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]: !deepEqual(oldItemProps[item], newItemProps[item])
+    });
+  }, {}) : {};
+};
+
+// lib/resolve-component-data.ts
+import { deepEqual as deepEqual2 } from "fast-equals";
+var cache = { lastChange: {} };
+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 (trigger !== "force" && item && deepEqual2(item, oldItem)) {
+      return { node: resolved, didChange: false };
+    }
+    const changed = getChanged(item, oldItem);
+    if (onResolveStart) {
+      onResolveStart(item);
+    }
+    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
+      changed,
+      lastData: oldItem,
+      metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
+      trigger
+    });
+    resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
+    if (Object.keys(readOnly).length) {
+      resolvedItem.readOnly = readOnly;
+    }
+  }
+  let itemWithResolvedChildren = yield mapFields(
+    resolvedItem,
+    {
+      slot: (_02) => __async(null, [_02], function* ({ value }) {
+        const content = value;
+        return yield Promise.all(
+          content.map(
+            (childItem) => __async(null, null, function* () {
+              return (yield resolveComponentData(
+                childItem,
+                config,
+                metadata,
+                onResolveStart,
+                onResolveEnd,
+                trigger
+              )).node;
+            })
+          )
+        );
+      })
+    },
+    config
+  );
+  if (shouldRunResolver && onResolveEnd) {
+    onResolveEnd(resolvedItem);
+  }
+  cache.lastChange[id] = {
+    item,
+    resolved: itemWithResolvedChildren
+  };
+  return {
+    node: itemWithResolvedChildren,
+    didChange: !deepEqual2(item, itemWithResolvedChildren)
+  };
+});
+
+// store/default-app-state.ts
+init_react_import();
+var defaultAppState = {
+  data: { content: [], root: {}, zones: {} },
+  ui: {
+    leftSideBarVisible: true,
+    rightSideBarVisible: true,
+    arrayState: {},
+    itemSelector: null,
+    componentList: {},
+    isDragging: false,
+    previewMode: "edit",
+    viewports: {
+      current: {
+        width: defaultViewports[0].width,
+        height: defaultViewports[0].height || "auto"
+      },
+      options: [],
+      controlsVisible: true
+    },
+    field: { focus: null },
+    plugin: { current: null }
+  },
+  indexes: {
+    nodes: {},
+    zones: {}
+  }
+};
+
+export {
+  defaultViewports,
+  getChanged,
+  resolveComponentData,
+  defaultAppState
+};

package/dist/{chunk-DNF2EMM4.mjs → chunk-5ZZVX2Z3.mjs}

@@ -5,10 +5,10 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-7KY6RHEY.mjs";
+} from "./chunk-D2SRL6YA.mjs";
 import {
   init_react_import
-} from "./chunk-DCSQEDMK.mjs";
+} from "./chunk-M6W7YEVX.mjs";
 
 // components/RichTextMenu/controls/HeadingSelect/use-options.ts
 init_react_import();

package/dist/chunk-AOEDIUVK.mjs

@@ -0,0 +1,11 @@
+import {
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css#css-module
+init_react_import();
+var 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" };
+
+export {
+  styles_module_default
+};

package/dist/{chunk-DJSH5REF.mjs → chunk-B7REOAA7.mjs}

@@ -1,9 +1,8 @@
 import {
-  __async,
   __spreadProps,
   __spreadValues,
   init_react_import
-} from "./chunk-DCSQEDMK.mjs";
+} from "./chunk-M6W7YEVX.mjs";
 
 // lib/data/walk-tree.ts
 init_react_import();
@@ -144,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",
@@ -223,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) => {
@@ -403,122 +421,6 @@ var setupZone = (data, zoneKey) => {
   return newData;
 };
 
-// components/ViewportControls/default-viewports.ts
-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" }
-];
-
-// lib/resolve-component-data.ts
-init_react_import();
-
-// lib/get-changed.ts
-init_react_import();
-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]: !deepEqual(oldItemProps[item], newItemProps[item])
-    });
-  }, {}) : {};
-};
-
-// lib/resolve-component-data.ts
-import { deepEqual as deepEqual2 } from "fast-equals";
-var cache = { lastChange: {} };
-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 (trigger !== "force" && item && deepEqual2(item, oldItem)) {
-      return { node: resolved, didChange: false };
-    }
-    const changed = getChanged(item, oldItem);
-    if (onResolveStart) {
-      onResolveStart(item);
-    }
-    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
-      changed,
-      lastData: oldItem,
-      metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
-      trigger
-    });
-    resolvedItem.props = __spreadValues(__spreadValues({}, item.props), resolvedProps);
-    if (Object.keys(readOnly).length) {
-      resolvedItem.readOnly = readOnly;
-    }
-  }
-  let itemWithResolvedChildren = yield mapFields(
-    resolvedItem,
-    {
-      slot: (_02) => __async(null, [_02], function* ({ value }) {
-        const content = value;
-        return yield Promise.all(
-          content.map(
-            (childItem) => __async(null, null, function* () {
-              return (yield resolveComponentData(
-                childItem,
-                config,
-                metadata,
-                onResolveStart,
-                onResolveEnd,
-                trigger
-              )).node;
-            })
-          )
-        );
-      })
-    },
-    config
-  );
-  if (shouldRunResolver && onResolveEnd) {
-    onResolveEnd(resolvedItem);
-  }
-  cache.lastChange[id] = {
-    item,
-    resolved: itemWithResolvedChildren
-  };
-  return {
-    node: itemWithResolvedChildren,
-    didChange: !deepEqual2(item, itemWithResolvedChildren)
-  };
-});
-
-// store/default-app-state.ts
-init_react_import();
-var defaultAppState = {
-  data: { content: [], root: {}, zones: {} },
-  ui: {
-    leftSideBarVisible: true,
-    rightSideBarVisible: true,
-    arrayState: {},
-    itemSelector: null,
-    componentList: {},
-    isDragging: false,
-    previewMode: "edit",
-    viewports: {
-      current: {
-        width: defaultViewports[0].width,
-        height: defaultViewports[0].height || "auto"
-      },
-      options: [],
-      controlsVisible: true
-    },
-    field: { focus: null }
-  },
-  indexes: {
-    nodes: {},
-    zones: {}
-  }
-};
-
 export {
   rootAreaId,
   rootZone,
@@ -529,9 +431,5 @@ export {
   expandNode,
   walkAppState,
   walkTree,
-  setupZone,
-  defaultViewports,
-  getChanged,
-  resolveComponentData,
-  defaultAppState
+  setupZone
 };

package/dist/{chunk-K3V4LVUL.mjs → chunk-BXQQARCR.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-GQKMOYLG.mjs";
+} from "./chunk-LJEGWHDD.mjs";
 import {
   useHeadingOptions
-} from "./chunk-DNF2EMM4.mjs";
+} from "./chunk-5ZZVX2Z3.mjs";
 import {
   useListOptions
-} from "./chunk-3QHWXJEI.mjs";
+} from "./chunk-U4VSQKO3.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,13 +26,15 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-7KY6RHEY.mjs";
+} from "./chunk-D2SRL6YA.mjs";
+import {
+  get_class_name_factory_default
+} from "./chunk-Y2EFNT5P.mjs";
 import {
   __objRest,
   __spreadValues,
-  get_class_name_factory_default,
   init_react_import
-} from "./chunk-DCSQEDMK.mjs";
+} from "./chunk-M6W7YEVX.mjs";
 
 // components/ActionBar/index.tsx
 init_react_import();
@@ -140,7 +142,8 @@ var IconButton = ({
   tabIndex,
   newTab,
   fullWidth,
-  title
+  title,
+  suppressHydrationWarning
 }) => {
   const [loading, setLoading] = useState(false);
   const ElementType = href ? "a" : "button";
@@ -166,6 +169,7 @@ var IconButton = ({
       rel: newTab ? "noreferrer" : void 0,
       href,
       title,
+      suppressHydrationWarning,
       children: [
         /* @__PURE__ */ jsx3("span", { className: getClassName3("title"), children: title }),
         children,
@@ -345,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-ZXOU6S6R.mjs").then((m) => ({
+  () => import("./loaded-UHVTB6OD.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -576,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-EV34KGYJ.mjs").then((m) => ({
+  () => import("./loaded-LZUXYAGW.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -608,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-HMSPJUZM.mjs").then((m) => ({
+  () => import("./loaded-2HLHDP2G.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );