@measured/puck 0.19.0-canary.896a6279 → 0.19.0-canary.a6dd529f

package/dist/{resolve-all-data-Cs8PfTrg.d.ts → resolve-all-data-BFRAghCj.d.ts}

@@ -23,6 +23,7 @@ type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
     labelIcon?: ReactElement;
+    metadata?: Metadata;
 };
 type TextField = BaseField & {
     type: "text";
@@ -122,6 +123,8 @@ type CustomField<Props extends any = {}> = BaseField & {
 };
 type SlotField = BaseField & {
     type: "slot";
+    allow?: string[];
+    disallow?: string[];
 };
 type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
     [key: string]: any;
@@ -187,6 +190,7 @@ type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponen
         appState: AppState;
         lastData: DataShape | null;
     }) => Promise<Partial<Permissions>> | Partial<Permissions>;
+    metadata?: Metadata;
 };
 type RootConfig<RootProps extends DefaultComponentProps = any> = Partial<ComponentConfig<WithChildren<RootProps>, AsFieldProps<RootProps>, RootData<AsFieldProps<RootProps>>>>;
 type Category<ComponentName> = {
@@ -522,4 +526,4 @@ declare function transformProps<Props extends DefaultComponentProps = DefaultCom
 
 declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, metadata?: Metadata, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
 
-export { type PuckContext as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type BaseField as E, type Fields as F, type TextareaField as G, type History as H, type IframeConfig as I, type SelectField as J, type RadioField as K, type ArrayField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type ObjectField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type Adaptor as W, type ExternalFieldWithAdaptor as X, type ExternalField as Y, type CustomField as Z, type SlotField as _, type ComponentData as a, type DefaultRootFieldProps as a0, type DefaultRootRenderProps as a1, type DefaultRootProps as a2, type DefaultComponentProps as a3, type WithId as a4, type WithPuckProps as a5, type AsFieldProps as a6, type WithChildren as a7, type ExtractPropsFromConfig as a8, type ExtractRootPropsFromConfig as a9, transformProps as aa, resolveAllData as ab, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type FieldProps as g, type Field as h, type Data as i, type OnAction as j, type InitialHistory as k, type Direction as l, type DragAxis as m, type Viewport as n, overrideKeys as o, type OverrideKey as p, type FieldRenderFunctions as q, type ItemWithId as r, type ArrayState as s, type PuckComponent as t, type RootConfig as u, type RootDataWithoutProps as v, type RootData as w, type MappedItem as x, type ComponentDataMap as y, type Content as z };
+export { type SlotField as $, type AppState as A, type BaseData as B, type ComponentData as C, type DropZoneProps as D, type ComponentDataMap as E, type Fields as F, type BaseField as G, type History as H, type IframeConfig as I, type TextareaField as J, type SelectField as K, type RadioField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type ArrayField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ObjectField as W, type Adaptor as X, type ExternalFieldWithAdaptor as Y, type ExternalField as Z, type CustomField as _, type Config as a, type PuckContext as a0, type DefaultRootFieldProps as a1, type DefaultRootRenderProps as a2, type DefaultRootProps as a3, type DefaultComponentProps as a4, type WithId as a5, type WithPuckProps as a6, type AsFieldProps as a7, type WithChildren as a8, type ExtractPropsFromConfig as a9, type ExtractRootPropsFromConfig as aa, transformProps as ab, resolveAllData as ac, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type Field as g, type FieldProps as h, type Data as i, type OnAction as j, type InitialHistory as k, type RootData as l, type Content as m, type ItemSelector as n, type Direction as o, type DragAxis as p, type Viewport as q, overrideKeys as r, type OverrideKey as s, type FieldRenderFunctions as t, type ItemWithId as u, type ArrayState as v, type PuckComponent as w, type RootConfig as x, type RootDataWithoutProps as y, type MappedItem as z };

package/dist/rsc.css

@@ -1,10 +1,10 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_1ukn8_1 {
+._DraggableComponent_qzbgx_1 {
   position: absolute;
   pointer-events: none;
   --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
 }
-._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent-overlay_qzbgx_12 {
   cursor: pointer;
   height: 100%;
   width: 100%;
@@ -16,10 +16,10 @@
   box-sizing: border-box;
   z-index: 1;
 }
-._DraggableComponent_1ukn8_1:focus-visible > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent_qzbgx_1:focus-visible > ._DraggableComponent-overlay_qzbgx_12 {
   outline: 1px solid var(--puck-color-azure-05);
 }
-._DraggableComponent-loadingOverlay_1ukn8_29 {
+._DraggableComponent-loadingOverlay_qzbgx_29 {
   background: var(--puck-color-white);
   color: var(--puck-color-grey-03);
   border-radius: 4px;
@@ -34,35 +34,36 @@
   opacity: 0.8;
   z-index: 1;
 }
-._DraggableComponent--hover_1ukn8_45:not(._DraggableComponent--isLocked_1ukn8_45) > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--hover_qzbgx_45:not(._DraggableComponent--isLocked_qzbgx_45) > ._DraggableComponent-overlay_qzbgx_12 {
   background: var(--overlay-background);
 }
-._DraggableComponent--hover_1ukn8_45 > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12 {
   outline: 2px var(--puck-color-azure-09) solid;
 }
-._DraggableComponent--isSelected_1ukn8_54 > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--isSelected_qzbgx_54 > ._DraggableComponent-overlay_qzbgx_12 {
   outline-color: var(--puck-color-azure-07);
 }
-._DraggableComponent_1ukn8_1:has(._DraggableComponent--hover_1ukn8_45 > ._DraggableComponent-overlay_1ukn8_12) > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent_qzbgx_1:has(._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12) > ._DraggableComponent-overlay_qzbgx_12 {
   display: none;
 }
-._DraggableComponent-actionsOverlay_1ukn8_66 {
+._DraggableComponent-actionsOverlay_qzbgx_66 {
   position: sticky;
   opacity: 0;
   pointer-events: none;
   z-index: 2;
 }
-._DraggableComponent--isSelected_1ukn8_54 ._DraggableComponent-actionsOverlay_1ukn8_66 {
+._DraggableComponent--isSelected_qzbgx_54 ._DraggableComponent-actionsOverlay_qzbgx_66 {
   opacity: 1;
   pointer-events: auto;
 }
-._DraggableComponent-actions_1ukn8_66 {
+._DraggableComponent-actions_qzbgx_66 {
   position: absolute;
   width: auto;
   cursor: grab;
   display: flex;
   box-sizing: border-box;
   transform-origin: right top;
+  min-height: 36px;
 }
 
 /* components/DraggableComponent/styles.css */

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 './resolve-all-data-Cs8PfTrg.mjs';
-export { ab as resolveAllData, aa as transformProps } from './resolve-all-data-Cs8PfTrg.mjs';
+import { a as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-BFRAghCj.mjs';
+export { ac as resolveAllData, ab as transformProps } from './resolve-all-data-BFRAghCj.mjs';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

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 './resolve-all-data-Cs8PfTrg.js';
-export { ab as resolveAllData, aa as transformProps } from './resolve-all-data-Cs8PfTrg.js';
+import { a as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-BFRAghCj.js';
+export { ac as resolveAllData, ab as transformProps } from './resolve-all-data-BFRAghCj.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

package/dist/rsc.js

@@ -195,7 +195,7 @@ var setupZone = (data, zoneKey) => {
 // lib/use-slots.tsx
 init_react_import();
 var import_react2 = require("react");
-function useSlots(config, props, renderSlot) {
+function useSlots(config, props, renderSlotEdit, renderSlotRender = renderSlotEdit, readOnly, forceReadOnly) {
   const slotProps = (0, import_react2.useMemo)(() => {
     if (!(config == null ? void 0 : config.fields)) return props;
     const slotProps2 = {};
@@ -205,7 +205,11 @@ function useSlots(config, props, renderSlot) {
       const field = config.fields[fieldKey];
       if ((field == null ? void 0 : field.type) === "slot") {
         const content = props[fieldKey] || [];
-        const Slot = (dzProps) => renderSlot(__spreadProps(__spreadValues({}, dzProps), {
+        const render = (readOnly == null ? void 0 : readOnly[fieldKey]) || forceReadOnly ? renderSlotRender : renderSlotEdit;
+        const Slot = (dzProps) => render(__spreadProps(__spreadValues({
+          allow: field.allow,
+          disallow: field.disallow
+        }, dzProps), {
           zone: fieldKey,
           content
         }));
@@ -213,7 +217,7 @@ function useSlots(config, props, renderSlot) {
       }
     }
     return slotProps2;
-  }, [config]);
+  }, [config, readOnly, forceReadOnly]);
   return __spreadValues(__spreadValues({}, props), slotProps);
 }
 
@@ -231,7 +235,7 @@ var import_react13 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css#css-module
 init_react_import();
-var styles_module_default = { "DraggableComponent": "_DraggableComponent_1ukn8_1", "DraggableComponent-overlay": "_DraggableComponent-overlay_1ukn8_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1ukn8_29", "DraggableComponent--hover": "_DraggableComponent--hover_1ukn8_45", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_1ukn8_45", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1ukn8_54", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_1ukn8_66", "DraggableComponent-actions": "_DraggableComponent-actions_1ukn8_66" };
+var styles_module_default = { "DraggableComponent": "_DraggableComponent_qzbgx_1", "DraggableComponent-overlay": "_DraggableComponent-overlay_qzbgx_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_qzbgx_29", "DraggableComponent--hover": "_DraggableComponent--hover_qzbgx_45", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_qzbgx_45", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_qzbgx_54", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_qzbgx_66", "DraggableComponent-actions": "_DraggableComponent-actions_qzbgx_66" };
 
 // lib/get-class-name-factory.ts
 init_react_import();
@@ -852,7 +856,6 @@ var reorderAction = (state, action, appStore) => {
 init_react_import();
 var removeAction = (state, action, appStore) => {
   const item = getItem({ index: action.index, zone: action.zone }, state);
-  const [parentId] = action.zone.split(":");
   const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
     (acc, [nodeId, nodeData]) => {
       const pathIds = nodeData.path.map((p) => p.split(":")[0]);
@@ -871,24 +874,17 @@ var removeAction = (state, action, appStore) => {
         return remove(content, action.index);
       }
       return content;
-    },
-    (childItem, path) => {
-      const parentIds = path.map((p) => p.split(":")[0]);
-      if (childItem.props.id === parentId || childItem.props.id === item.props.id || parentIds.indexOf(item.props.id) > -1) {
-        return childItem;
-      }
-      return null;
     }
   );
   Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
-    const parentId2 = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId2) && newState.data.zones) {
+    const parentId = zoneCompound.split(":")[0];
+    if (nodesToDelete.includes(parentId) && newState.data.zones) {
       delete newState.data.zones[zoneCompound];
     }
   });
   Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
-    const parentId2 = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId2)) {
+    const parentId = zoneCompound.split(":")[0];
+    if (nodesToDelete.includes(parentId)) {
       delete newState.indexes.zones[zoneCompound];
     }
   });
@@ -1171,7 +1167,7 @@ var createHistorySlice = (set, get) => {
       const { dispatch, history } = get();
       dispatch({
         type: "set",
-        state: ((_a = history.histories[history.index]) == null ? void 0 : _a.state) || history.initialAppState
+        state: ((_a = history.histories[index]) == null ? void 0 : _a.state) || history.initialAppState
       });
       set({ history: __spreadProps(__spreadValues({}, history), { index }) });
     },
@@ -1370,7 +1366,7 @@ init_react_import();
 
 // lib/data/map-slots.ts
 init_react_import();
-function mapSlots(_0, _1) {
+function mapSlotsAsync(_0, _1) {
   return __async(this, arguments, function* (item, map, recursive = true, isSlot2 = isSlot) {
     const props = __spreadValues({}, item.props);
     const propKeys = Object.keys(props);
@@ -1381,7 +1377,7 @@ function mapSlots(_0, _1) {
         const content = props[propKey];
         const mappedContent = recursive ? yield Promise.all(
           content.map((item2) => __async(this, null, function* () {
-            return yield mapSlots(item2, map, recursive, isSlot2);
+            return yield mapSlotsAsync(item2, map, recursive, isSlot2);
           }))
         ) : content;
         props[propKey] = yield map(mappedContent, propKey);
@@ -1409,14 +1405,14 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
     const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
       changed,
       lastData: oldItem,
-      metadata,
+      metadata: __spreadValues(__spreadValues({}, metadata), configForItem.metadata),
       trigger
     });
     let resolvedItem = __spreadProps(__spreadValues({}, item), {
       props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
     });
     if (recursive) {
-      resolvedItem = yield mapSlots(
+      resolvedItem = yield mapSlotsAsync(
         resolvedItem,
         (content) => __async(void 0, null, function* () {
           return Promise.all(
@@ -3326,12 +3322,6 @@ var DropZoneChild = ({
 }) => {
   var _a, _b;
   const metadata = useAppStore((s) => s.metadata);
-  const puckProps = {
-    renderDropZone: DropZoneEditPure,
-    isEditing: true,
-    dragRef: null,
-    metadata
-  };
   const ctx = (0, import_react25.useContext)(dropZoneContext);
   const { depth = 1 } = ctx != null ? ctx : {};
   const nodeProps = useAppStore(
@@ -3346,11 +3336,23 @@ var DropZoneChild = ({
       return (_a2 = s.state.indexes.nodes[componentId]) == null ? void 0 : _a2.data.type;
     }
   );
+  const nodeReadOnly = useAppStore(
+    (0, import_shallow3.useShallow)((s) => {
+      var _a2;
+      return (_a2 = s.state.indexes.nodes[componentId]) == null ? void 0 : _a2.data.readOnly;
+    })
+  );
   const node = { type: nodeType, props: nodeProps };
   const item = nodeProps ? node : (preview == null ? void 0 : preview.componentType) ? { type: preview.componentType, props: preview.props } : null;
   const componentConfig = useAppStore(
     (s) => (item == null ? void 0 : item.type) ? s.config.components[item.type] : null
   );
+  const puckProps = {
+    renderDropZone: DropZoneEditPure,
+    isEditing: true,
+    dragRef: null,
+    metadata: __spreadValues(__spreadValues({}, metadata), componentConfig == null ? void 0 : componentConfig.metadata)
+  };
   const overrides = useAppStore((s) => s.overrides);
   const isLoading = useAppStore(
     (s) => {
@@ -3382,7 +3384,10 @@ var DropZoneChild = ({
   const defaultedPropsWithSlots = useSlots(
     componentConfig,
     defaultsProps,
-    DropZoneEditPure
+    DropZoneEditPure,
+    (slotProps) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ContextSlotRender, { componentId, zone: slotProps.zone }),
+    nodeReadOnly,
+    isLoading
   );
   if (!item) return;
   let Render2 = componentConfig ? componentConfig.render : () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { padding: 48, textAlign: "center" }, children: [
@@ -3480,6 +3485,11 @@ var DropZoneEdit = (0, import_react25.forwardRef)(
     );
     (0, import_react25.useEffect)(() => {
       if (!zoneType || zoneType === "dropzone") {
+        if (zoneCompound !== rootDroppableId) {
+          console.warn(
+            "DropZones have been deprecated in favor of slot fields and will be removed in a future version of Puck. Please see the migration guide: https://www.puckeditor.com/docs/guides/migrations/dropzones-to-slots"
+          );
+        }
         if (ctx == null ? void 0 : ctx.registerZone) {
           ctx == null ? void 0 : ctx.registerZone(zoneCompound);
         }
@@ -3603,6 +3613,30 @@ var DropZoneEdit = (0, import_react25.forwardRef)(
     );
   }
 );
+var DropZoneRenderItem = ({
+  config,
+  item,
+  metadata
+}) => {
+  const Component = config.components[item.type];
+  const props = useSlots(Component, item.props, (slotProps) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlotRenderPure, __spreadProps(__spreadValues({}, slotProps), { config, metadata })));
+  const nextContextValue = (0, import_react25.useMemo)(
+    () => ({
+      areaId: props.id,
+      depth: 1
+    }),
+    [props]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropZoneProvider, { value: nextContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    Component.render,
+    __spreadProps(__spreadValues({}, props), {
+      puck: __spreadProps(__spreadValues({}, props.puck), {
+        renderDropZone: DropZoneRenderPure,
+        metadata: __spreadValues(__spreadValues({}, metadata), Component.metadata)
+      })
+    })
+  ) }, props.id);
+};
 var DropZoneRenderPure = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropZoneRender, __spreadValues({}, props));
 var DropZoneRender = (0, import_react25.forwardRef)(
   function DropZoneRenderInternal({ className, style, zone }, ref) {
@@ -3633,29 +3667,15 @@ var DropZoneRender = (0, import_react25.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className, style, ref, children: content.map((item) => {
       const Component = config.components[item.type];
       if (Component) {
-        const props = useSlots(Component, item.props, (slotProps) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          SlotRenderPure,
-          __spreadProps(__spreadValues({}, slotProps), {
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          DropZoneRenderItem,
+          {
             config,
+            item,
             metadata
-          })
-        ));
-        const nextContextValue = (0, import_react25.useMemo)(
-          () => ({
-            areaId: props.id,
-            depth: 1
-          }),
-          [props]
+          },
+          item.props.id
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropZoneProvider, { value: nextContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          Component.render,
-          __spreadProps(__spreadValues({}, props), {
-            puck: {
-              renderDropZone: DropZoneRenderPure,
-              metadata: metadata || {}
-            }
-          })
-        ) }, props.id);
       }
       return null;
     }) });
@@ -3674,30 +3694,60 @@ var DropZone = (0, import_react25.forwardRef)(
 // components/SlotRender/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var SlotRenderPure = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlotRender, __spreadValues({}, props));
+var ContextSlotRender = ({
+  componentId,
+  zone
+}) => {
+  const config = useAppStore((s) => s.config);
+  const metadata = useAppStore((s) => s.metadata);
+  const slotContent = useAppStore(
+    (s) => {
+      var _a, _b;
+      return (_b = (_a = s.state.indexes.nodes[componentId]) == null ? void 0 : _a.data.props[zone]) != null ? _b : null;
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    SlotRenderPure,
+    {
+      content: slotContent,
+      zone,
+      config,
+      metadata
+    }
+  );
+};
+var Item = ({
+  config,
+  item,
+  metadata
+}) => {
+  const Component = config.components[item.type];
+  const props = useSlots(Component, item.props, (slotProps) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlotRenderPure, __spreadProps(__spreadValues({}, slotProps), { config, metadata })));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Component.render,
+    __spreadProps(__spreadValues({}, props), {
+      puck: __spreadProps(__spreadValues({}, props.puck), {
+        renderDropZone: DropZoneRenderPure,
+        metadata: metadata || {}
+      })
+    })
+  );
+};
 var SlotRender = (0, import_react26.forwardRef)(
   function SlotRenderInternal({ className, style, content, config, metadata }, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className, style, ref, children: content.map((item) => {
-      const Component = config.components[item.type];
-      if (Component) {
-        const props = useSlots(Component, item.props, (slotProps) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          SlotRenderPure,
-          __spreadProps(__spreadValues({}, slotProps), {
-            config,
-            metadata
-          })
-        ));
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          Component.render,
-          __spreadProps(__spreadValues({}, props), {
-            puck: {
-              renderDropZone: DropZoneRenderPure,
-              metadata: metadata || {}
-            }
-          }),
-          props.id
-        );
+      if (!config.components[item.type]) {
+        return null;
       }
-      return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        Item,
+        {
+          config,
+          item,
+          metadata
+        },
+        item.props.id
+      );
     }) });
   }
 );
@@ -3832,7 +3882,11 @@ function resolveAllData(_0, _1) {
         "force",
         false
       )).node;
-      const resolvedDeep = yield mapSlots(resolved, processContent, false);
+      const resolvedDeep = yield mapSlotsAsync(
+        resolved,
+        processContent,
+        false
+      );
       onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
       return resolvedDeep;
     });

package/dist/rsc.mjs

@@ -10,7 +10,7 @@ import {
   setupZone,
   transformProps,
   useSlots
-} from "./chunk-LT6HN46T.mjs";
+} from "./chunk-ZOHJNF5K.mjs";
 
 // rsc.tsx
 init_react_import();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.19.0-canary.896a6279",
+  "version": "0.19.0-canary.a6dd529f",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",