@measured/puck 0.18.3-canary.154e7f7 → 0.19.0-canary.32a6f78

package/dist/{chunk-CHWFBYEM.mjs → chunk-FNRHXUGA.mjs}

@@ -111,19 +111,20 @@ var getChanged = (newItem, oldItem) => {
 
 // lib/resolve-component-data.ts
 var cache = { lastChange: {} };
-var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+var resolveAllComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (content, config, metadata = {}, onResolveStart, onResolveEnd) {
   return yield Promise.all(
     content.map((item) => __async(void 0, null, function* () {
       return yield resolveComponentData(
         item,
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       );
     }))
   );
 });
-var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd) {
   const configForItem = config.components[item.type];
   if (configForItem.resolveData) {
     const { item: oldItem = null, resolved = {} } = cache.lastChange[item.props.id] || {};
@@ -134,7 +135,11 @@ var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __asy
     if (onResolveStart) {
       onResolveStart(item);
     }
-    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, { changed, lastData: oldItem });
+    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
+      changed,
+      lastData: oldItem,
+      metadata
+    });
     const resolvedItem = __spreadProps(__spreadValues({}, item), {
       props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
     });
@@ -156,7 +161,7 @@ var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __asy
 // lib/resolve-root-data.ts
 init_react_import();
 var cache2 = {};
-function resolveRootData(data, config) {
+function resolveRootData(data, config, metadata) {
   return __async(this, null, function* () {
     var _a, _b, _c, _d, _e;
     if (((_a = config.root) == null ? void 0 : _a.resolveData) && data.root.props) {
@@ -167,7 +172,8 @@ function resolveRootData(data, config) {
       const rootWithProps = data.root;
       const resolvedRoot = yield (_e = config.root) == null ? void 0 : _e.resolveData(rootWithProps, {
         changed,
-        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {}
+        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {},
+        metadata: metadata || {}
       });
       cache2.lastChange = {
         original: data.root,
@@ -189,10 +195,14 @@ var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
 });
 
 // lib/resolve-all-data.ts
-function resolveAllData(data, config, onResolveStart, onResolveEnd) {
-  return __async(this, null, function* () {
+function resolveAllData(_0, _1) {
+  return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
     const defaultedData = defaultData(data);
-    const dynamicRoot = yield resolveRootData(defaultedData, config);
+    const dynamicRoot = yield resolveRootData(
+      defaultedData,
+      config,
+      metadata
+    );
     const { zones = {} } = data;
     const zoneKeys = Object.keys(zones);
     const resolvedZones = {};
@@ -201,6 +211,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       resolvedZones[zoneKey] = yield resolveAllComponentData(
         zones[zoneKey],
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       );
@@ -210,6 +221,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       content: yield resolveAllComponentData(
         defaultedData.content,
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       ),

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, j as ExtractRootPropsFromConfig, k as ComponentDataMap } from './resolve-all-data-ppm982Jh.mjs';
-export { Q as Adaptor, K as ArrayField, s as ArrayState, a3 as AsFieldProps, B as BaseData, z as BaseField, u as ComponentConfig, x as ComponentData, y as Content, Y as CustomField, a0 as DefaultRootProps, $ as DefaultRootRenderProps, l as Direction, m as DragAxis, X as ExternalField, W as ExternalFieldWithAdaptor, q as FieldRenderFunctions, Z as Fields, r as ItemWithId, M as MappedItem, N as NumberField, L as ObjectField, p as OverrideKey, t as PuckComponent, _ as PuckContext, J as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, G as TextareaField, n as Viewport, a4 as WithChildren, a1 as WithId, a2 as WithPuckProps, o as overrideKeys, a5 as resolveAllData } from './resolve-all-data-ppm982Jh.mjs';
+import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, M as Metadata, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, j as ExtractRootPropsFromConfig, k as ComponentDataMap } from './resolve-all-data-D43Z4niC.mjs';
+export { W as Adaptor, L as ArrayField, s as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, u as ComponentConfig, x as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, l as Direction, m as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, q as FieldRenderFunctions, _ as Fields, r as ItemWithId, y as MappedItem, N as NumberField, Q as ObjectField, p as OverrideKey, t as PuckComponent, $ as PuckContext, K as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, n as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, o as overrideKeys, a6 as resolveAllData } from './resolve-all-data-D43Z4niC.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -93,7 +93,7 @@ declare const IconButton: ({ children, href, onClick, variant, type, disabled, t
     title: string;
 }) => react_jsx_runtime.JSX.Element;
 
-declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe: _iframe, dnd, initialHistory: _initialHistory, }: {
+declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe: _iframe, dnd, initialHistory: _initialHistory, metadata, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
@@ -121,6 +121,7 @@ declare function Puck<UserConfig extends Config = Config, G extends UserGenerics
         disableAutoScroll?: boolean;
     };
     initialHistory?: InitialHistory;
+    metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
     var Components: () => react_jsx_runtime.JSX.Element;
@@ -133,9 +134,10 @@ declare namespace Puck {
     }) => react_jsx_runtime.JSX.Element;
 }
 
-declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, }: {
+declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
+    metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
 declare function migrate(data: Data): Data;
@@ -194,4 +196,4 @@ declare const usePuck: <UserConfig extends Config = Config>() => {
     selectedItem: ComponentDataMap<ExtractPropsFromConfig<UserConfig>> | null;
 };
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, Label, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, migrate, transformProps, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, migrate, transformProps, usePuck };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, j as ExtractRootPropsFromConfig, k as ComponentDataMap } from './resolve-all-data-ppm982Jh.js';
-export { Q as Adaptor, K as ArrayField, s as ArrayState, a3 as AsFieldProps, B as BaseData, z as BaseField, u as ComponentConfig, x as ComponentData, y as Content, Y as CustomField, a0 as DefaultRootProps, $ as DefaultRootRenderProps, l as Direction, m as DragAxis, X as ExternalField, W as ExternalFieldWithAdaptor, q as FieldRenderFunctions, Z as Fields, r as ItemWithId, M as MappedItem, N as NumberField, L as ObjectField, p as OverrideKey, t as PuckComponent, _ as PuckContext, J as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, G as TextareaField, n as Viewport, a4 as WithChildren, a1 as WithId, a2 as WithPuckProps, o as overrideKeys, a5 as resolveAllData } from './resolve-all-data-ppm982Jh.js';
+import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, M as Metadata, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, j as ExtractRootPropsFromConfig, k as ComponentDataMap } from './resolve-all-data-D43Z4niC.js';
+export { W as Adaptor, L as ArrayField, s as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, u as ComponentConfig, x as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, l as Direction, m as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, q as FieldRenderFunctions, _ as Fields, r as ItemWithId, y as MappedItem, N as NumberField, Q as ObjectField, p as OverrideKey, t as PuckComponent, $ as PuckContext, K as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, n as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, o as overrideKeys, a6 as resolveAllData } from './resolve-all-data-D43Z4niC.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, SyntheticEvent, ReactElement } from 'react';
@@ -93,7 +93,7 @@ declare const IconButton: ({ children, href, onClick, variant, type, disabled, t
     title: string;
 }) => react_jsx_runtime.JSX.Element;
 
-declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe: _iframe, dnd, initialHistory: _initialHistory, }: {
+declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe: _iframe, dnd, initialHistory: _initialHistory, metadata, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
@@ -121,6 +121,7 @@ declare function Puck<UserConfig extends Config = Config, G extends UserGenerics
         disableAutoScroll?: boolean;
     };
     initialHistory?: InitialHistory;
+    metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
     var Components: () => react_jsx_runtime.JSX.Element;
@@ -133,9 +134,10 @@ declare namespace Puck {
     }) => react_jsx_runtime.JSX.Element;
 }
 
-declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, }: {
+declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {
     config: UserConfig;
     data: Partial<G["UserData"] | Data>;
+    metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
 declare function migrate(data: Data): Data;
@@ -194,4 +196,4 @@ declare const usePuck: <UserConfig extends Config = Config>() => {
     selectedItem: ComponentDataMap<ExtractPropsFromConfig<UserConfig>> | null;
 };
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, Label, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, migrate, transformProps, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldProps, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, migrate, transformProps, usePuck };

package/dist/index.js

@@ -962,19 +962,20 @@ var import_react6 = require("react");
 // lib/resolve-component-data.ts
 init_react_import();
 var cache = { lastChange: {} };
-var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+var resolveAllComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (content, config, metadata = {}, onResolveStart, onResolveEnd) {
   return yield Promise.all(
     content.map((item) => __async(void 0, null, function* () {
       return yield resolveComponentData(
         item,
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       );
     }))
   );
 });
-var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd) {
   const configForItem = config.components[item.type];
   if (configForItem.resolveData) {
     const { item: oldItem = null, resolved = {} } = cache.lastChange[item.props.id] || {};
@@ -985,7 +986,11 @@ var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __asy
     if (onResolveStart) {
       onResolveStart(item);
     }
-    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, { changed, lastData: oldItem });
+    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
+      changed,
+      lastData: oldItem,
+      metadata
+    });
     const resolvedItem = __spreadProps(__spreadValues({}, item), {
       props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
     });
@@ -1025,7 +1030,7 @@ var applyDynamicProps = (data, dynamicProps, rootData) => {
 // lib/resolve-root-data.ts
 init_react_import();
 var cache2 = {};
-function resolveRootData(data, config) {
+function resolveRootData(data, config, metadata) {
   return __async(this, null, function* () {
     var _a, _b, _c, _d, _e;
     if (((_a = config.root) == null ? void 0 : _a.resolveData) && data.root.props) {
@@ -1036,7 +1041,8 @@ function resolveRootData(data, config) {
       const rootWithProps = data.root;
       const resolvedRoot = yield (_e = config.root) == null ? void 0 : _e.resolveData(rootWithProps, {
         changed,
-        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {}
+        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {},
+        metadata: metadata || {}
       });
       cache2.lastChange = {
         original: data.root,
@@ -1051,7 +1057,7 @@ function resolveRootData(data, config) {
 }
 
 // lib/use-resolved-data.ts
-var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetComponentLoading, refreshPermissions) => {
+var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetComponentLoading, refreshPermissions, metadata) => {
   const [{ resolverKey, newAppState }, setResolverState] = (0, import_react6.useState)({
     resolverKey: 0,
     newAppState: appState
@@ -1105,7 +1111,7 @@ var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetCom
     promises.push(
       (() => __async(void 0, null, function* () {
         _setComponentLoading("puck-root", true, 50);
-        const dynamicRoot = yield resolveRootData(newData, config);
+        const dynamicRoot = yield resolveRootData(newData, config, metadata);
         applyIfChange({}, dynamicRoot);
         _setComponentLoading("puck-root", false);
       }))()
@@ -1117,6 +1123,7 @@ var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetCom
           const dynamicData = yield resolveComponentData(
             item,
             config,
+            metadata,
             (item2) => {
               _setComponentLoading(item2.props.id, true, 50);
             },
@@ -1193,7 +1200,8 @@ var defaultContext = {
   iframe: {},
   globalPermissions: {},
   getPermissions: () => ({}),
-  refreshPermissions: () => null
+  refreshPermissions: () => null,
+  metadata: {}
 };
 var appContext = (0, import_react7.createContext)(defaultContext);
 var AppProvider = ({
@@ -1240,7 +1248,8 @@ var AppProvider = ({
     value.dispatch,
     setComponentLoading,
     unsetComponentLoading,
-    refreshPermissions
+    refreshPermissions,
+    value.metadata
   );
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     appContext.Provider,
@@ -2409,7 +2418,8 @@ var DefaultField = ({
           tabIndex: readOnly ? -1 : void 0,
           id,
           min: field.type === "number" ? field.min : void 0,
-          max: field.type === "number" ? field.max : void 0
+          max: field.type === "number" ? field.max : void 0,
+          placeholder: field.type === "text" || field.type === "number" ? field.placeholder : void 0
         }
       )
     }
@@ -2985,6 +2995,7 @@ init_react_import();
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var getClassName13 = get_class_name_factory_default("Input", styles_module_default2);
 var TextareaField = ({
+  field,
   onChange,
   readOnly,
   value,
@@ -3004,7 +3015,8 @@ var TextareaField = ({
       onChange: (e) => onChange(e.currentTarget.value),
       readOnly,
       tabIndex: readOnly ? -1 : void 0,
-      rows: 5
+      rows: 5,
+      placeholder: field.type === "textarea" ? field.placeholder : void 0
     }
   ) });
 };
@@ -4188,6 +4200,7 @@ var DropZoneEdit = (0, import_react30.forwardRef)(
           const componentId = item.props.id;
           const puckProps = {
             renderDropZone: DropZoneEditPure,
+            metadata: appContext2.metadata,
             isEditing: true,
             dragRef: null
           };
@@ -4285,13 +4298,15 @@ var DropZoneRender = (0, import_react30.forwardRef)(
               config,
               areaId: item.props.id,
               depth: 1,
-              path: []
+              path: [],
+              metadata: (ctx == null ? void 0 : ctx.metadata) || {}
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               Component.render,
               __spreadProps(__spreadValues({}, item.props), {
                 puck: {
-                  renderDropZone: DropZoneRenderPure
+                  renderDropZone: DropZoneRenderPure,
+                  metadata: (ctx == null ? void 0 : ctx.metadata) || {}
                 }
               })
             )
@@ -5033,7 +5048,7 @@ var DragDropContextClient = ({
   children,
   disableAutoScroll
 }) => {
-  const { state, config, dispatch, resolveData } = useAppContext();
+  const { state, config, dispatch, resolveData, metadata } = useAppContext();
   const id = (0, import_react32.useId)();
   const { data } = state;
   const debouncedParamsRef = (0, import_react32.useRef)(null);
@@ -5392,7 +5407,8 @@ var DragDropContextClient = ({
                 registerPath,
                 unregisterPath,
                 pathData,
-                path: []
+                path: [],
+                metadata
               },
               children
             }
@@ -6467,7 +6483,8 @@ init_react_import();
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function Render({
   config,
-  data
+  data,
+  metadata = {}
 }) {
   var _a;
   const defaultedData = __spreadProps(__spreadValues({}, data), {
@@ -6485,7 +6502,8 @@ function Render({
           config,
           mode: "render",
           depth: 0,
-          path: []
+          path: [],
+          metadata
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           config.root.render,
@@ -6512,7 +6530,8 @@ function Render({
         config,
         mode: "render",
         depth: 0,
-        path: []
+        path: [],
+        metadata
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropZonePure, { zone: rootDroppableId })
     }
@@ -6576,7 +6595,8 @@ var Preview2 = ({ id = "puck-preview" }) => {
       puck: {
         renderDropZone: DropZonePure,
         isEditing: true,
-        dragRef: null
+        dragRef: null,
+        metadata: {}
       },
       editMode: true,
       children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DropZonePure, { zone: rootDroppableId })
@@ -7571,7 +7591,8 @@ function Puck({
   viewports = defaultViewports,
   iframe: _iframe,
   dnd,
-  initialHistory: _initialHistory
+  initialHistory: _initialHistory,
+  metadata
 }) {
   var _a, _b;
   const iframe = __spreadValues({
@@ -7784,7 +7805,8 @@ function Puck({
             edit: true
           }, permissions),
           getPermissions: () => ({}),
-          refreshPermissions: () => null
+          refreshPermissions: () => null,
+          metadata: metadata || {}
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DragDropContext, { disableAutoScroll: dnd == null ? void 0 : dnd.disableAutoScroll, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "div",
@@ -7988,10 +8010,14 @@ function transformProps(data, propTransforms) {
 
 // lib/resolve-all-data.ts
 init_react_import();
-function resolveAllData(data, config, onResolveStart, onResolveEnd) {
-  return __async(this, null, function* () {
+function resolveAllData(_0, _1) {
+  return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
     const defaultedData = defaultData(data);
-    const dynamicRoot = yield resolveRootData(defaultedData, config);
+    const dynamicRoot = yield resolveRootData(
+      defaultedData,
+      config,
+      metadata
+    );
     const { zones = {} } = data;
     const zoneKeys = Object.keys(zones);
     const resolvedZones = {};
@@ -8000,6 +8026,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       resolvedZones[zoneKey] = yield resolveAllComponentData(
         zones[zoneKey],
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       );
@@ -8009,6 +8036,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       content: yield resolveAllComponentData(
         defaultedData.content,
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       ),

package/dist/index.mjs

@@ -16,7 +16,7 @@ import {
   resolveRootData,
   rootDroppableId,
   setupZone
-} from "./chunk-CHWFBYEM.mjs";
+} from "./chunk-FNRHXUGA.mjs";
 
 // ../../node_modules/classnames/index.js
 var require_classnames = __commonJS({
@@ -857,7 +857,7 @@ var applyDynamicProps = (data, dynamicProps, rootData) => {
 };
 
 // lib/use-resolved-data.ts
-var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetComponentLoading, refreshPermissions) => {
+var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetComponentLoading, refreshPermissions, metadata) => {
   const [{ resolverKey, newAppState }, setResolverState] = useState3({
     resolverKey: 0,
     newAppState: appState
@@ -911,7 +911,7 @@ var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetCom
     promises.push(
       (() => __async(void 0, null, function* () {
         _setComponentLoading("puck-root", true, 50);
-        const dynamicRoot = yield resolveRootData(newData, config);
+        const dynamicRoot = yield resolveRootData(newData, config, metadata);
         applyIfChange({}, dynamicRoot);
         _setComponentLoading("puck-root", false);
       }))()
@@ -923,6 +923,7 @@ var useResolvedData = (appState, config, dispatch, setComponentLoading, unsetCom
           const dynamicData = yield resolveComponentData(
             item,
             config,
+            metadata,
             (item2) => {
               _setComponentLoading(item2.props.id, true, 50);
             },
@@ -999,7 +1000,8 @@ var defaultContext = {
   iframe: {},
   globalPermissions: {},
   getPermissions: () => ({}),
-  refreshPermissions: () => null
+  refreshPermissions: () => null,
+  metadata: {}
 };
 var appContext = createContext(defaultContext);
 var AppProvider = ({
@@ -1046,7 +1048,8 @@ var AppProvider = ({
     value.dispatch,
     setComponentLoading,
     unsetComponentLoading,
-    refreshPermissions
+    refreshPermissions,
+    value.metadata
   );
   return /* @__PURE__ */ jsx5(
     appContext.Provider,
@@ -2230,7 +2233,8 @@ var DefaultField = ({
           tabIndex: readOnly ? -1 : void 0,
           id,
           min: field.type === "number" ? field.min : void 0,
-          max: field.type === "number" ? field.max : void 0
+          max: field.type === "number" ? field.max : void 0,
+          placeholder: field.type === "text" || field.type === "number" ? field.placeholder : void 0
         }
       )
     }
@@ -2812,6 +2816,7 @@ init_react_import();
 import { jsx as jsx17 } from "react/jsx-runtime";
 var getClassName13 = get_class_name_factory_default("Input", styles_module_default2);
 var TextareaField = ({
+  field,
   onChange,
   readOnly,
   value,
@@ -2831,7 +2836,8 @@ var TextareaField = ({
       onChange: (e) => onChange(e.currentTarget.value),
       readOnly,
       tabIndex: readOnly ? -1 : void 0,
-      rows: 5
+      rows: 5,
+      placeholder: field.type === "textarea" ? field.placeholder : void 0
     }
   ) });
 };
@@ -4042,6 +4048,7 @@ var DropZoneEdit = forwardRef3(
           const componentId = item.props.id;
           const puckProps = {
             renderDropZone: DropZoneEditPure,
+            metadata: appContext2.metadata,
             isEditing: true,
             dragRef: null
           };
@@ -4139,13 +4146,15 @@ var DropZoneRender = forwardRef3(
               config,
               areaId: item.props.id,
               depth: 1,
-              path: []
+              path: [],
+              metadata: (ctx == null ? void 0 : ctx.metadata) || {}
             },
             children: /* @__PURE__ */ jsx22(
               Component.render,
               __spreadProps(__spreadValues({}, item.props), {
                 puck: {
-                  renderDropZone: DropZoneRenderPure
+                  renderDropZone: DropZoneRenderPure,
+                  metadata: (ctx == null ? void 0 : ctx.metadata) || {}
                 }
               })
             )
@@ -4887,7 +4896,7 @@ var DragDropContextClient = ({
   children,
   disableAutoScroll
 }) => {
-  const { state, config, dispatch, resolveData } = useAppContext();
+  const { state, config, dispatch, resolveData, metadata } = useAppContext();
   const id = useId();
   const { data } = state;
   const debouncedParamsRef = useRef3(null);
@@ -5246,7 +5255,8 @@ var DragDropContextClient = ({
                 registerPath,
                 unregisterPath,
                 pathData,
-                path: []
+                path: [],
+                metadata
               },
               children
             }
@@ -6332,7 +6342,8 @@ init_react_import();
 import { jsx as jsx32 } from "react/jsx-runtime";
 function Render({
   config,
-  data
+  data,
+  metadata = {}
 }) {
   var _a;
   const defaultedData = __spreadProps(__spreadValues({}, data), {
@@ -6350,7 +6361,8 @@ function Render({
           config,
           mode: "render",
           depth: 0,
-          path: []
+          path: [],
+          metadata
         },
         children: /* @__PURE__ */ jsx32(
           config.root.render,
@@ -6377,7 +6389,8 @@ function Render({
         config,
         mode: "render",
         depth: 0,
-        path: []
+        path: [],
+        metadata
       },
       children: /* @__PURE__ */ jsx32(DropZonePure, { zone: rootDroppableId })
     }
@@ -6441,7 +6454,8 @@ var Preview2 = ({ id = "puck-preview" }) => {
       puck: {
         renderDropZone: DropZonePure,
         isEditing: true,
-        dragRef: null
+        dragRef: null,
+        metadata: {}
       },
       editMode: true,
       children: /* @__PURE__ */ jsx33(DropZonePure, { zone: rootDroppableId })
@@ -7442,7 +7456,8 @@ function Puck({
   viewports = defaultViewports,
   iframe: _iframe,
   dnd,
-  initialHistory: _initialHistory
+  initialHistory: _initialHistory,
+  metadata
 }) {
   var _a, _b;
   const iframe = __spreadValues({
@@ -7655,7 +7670,8 @@ function Puck({
             edit: true
           }, permissions),
           getPermissions: () => ({}),
-          refreshPermissions: () => null
+          refreshPermissions: () => null,
+          metadata: metadata || {}
         },
         children: /* @__PURE__ */ jsx39(DragDropContext, { disableAutoScroll: dnd == null ? void 0 : dnd.disableAutoScroll, children: /* @__PURE__ */ jsx39(CustomPuck, { children: children || /* @__PURE__ */ jsx39(
           "div",

package/dist/{resolve-all-data-ppm982Jh.d.mts → resolve-all-data-D43Z4niC.d.mts}

@@ -25,14 +25,17 @@ type BaseField = {
 };
 type TextField = BaseField & {
     type: "text";
+    placeholder?: string;
 };
 type NumberField = BaseField & {
     type: "number";
+    placeholder?: string;
     min?: number;
     max?: number;
 };
 type TextareaField = BaseField & {
     type: "textarea";
+    placeholder?: string;
 };
 type SelectField = BaseField & {
     type: "select";
@@ -154,6 +157,7 @@ type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponen
     resolveData?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean>>;
         lastData: DataShape | null;
+        metadata: Metadata;
     }) => Promise<{
         props?: Partial<FieldProps>;
         readOnly?: Partial<Record<keyof FieldProps, boolean>>;
@@ -209,6 +213,7 @@ type UserGenerics<UserConfig extends Config = Config, UserProps extends ExtractP
 
 type PuckContext = {
     renderDropZone: React.FC<DropZoneProps>;
+    metadata: Metadata;
     isEditing: boolean;
     dragRef: ((element: Element | null) => void) | null;
 };
@@ -251,6 +256,9 @@ type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps
     content: Content<Props>;
     zones?: Record<string, Content<Props>>;
 };
+type Metadata = {
+    [key: string]: any;
+};
 
 type ItemWithId = {
     _arrayId: string;
@@ -457,6 +465,6 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
+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 DefaultRootRenderProps as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type ExtractPropsFromConfig as E, type FieldProps as F, type TextareaField as G, type History as H, type IframeConfig as I, type RadioField as J, type ArrayField as K, type ObjectField as L, type MappedItem as M, type NumberField as N, type OnAction as O, type Permissions as P, type Adaptor as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ExternalFieldWithAdaptor as W, type ExternalField as X, type CustomField as Y, type Fields as Z, type PuckContext as _, type Field as a, type DefaultRootProps as a0, type WithId as a1, type WithPuckProps as a2, type AsFieldProps as a3, type WithChildren as a4, resolveAllData as a5, type Data as b, type UiState as c, type Plugin as d, type Overrides as e, type PuckAction as f, type InitialHistory as g, type DefaultComponentProps as h, type DefaultRootFieldProps as i, type ExtractRootPropsFromConfig as j, type ComponentDataMap 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 ComponentConfig as u, type RootDataWithoutProps as v, type RootData as w, type ComponentData as x, type Content as y, type BaseField as z };
+export { type PuckContext as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type ExtractPropsFromConfig as E, type FieldProps as F, type BaseField as G, type History as H, type IframeConfig as I, type TextareaField as J, type RadioField as K, type ArrayField as L, type Metadata as M, type NumberField as N, type OnAction as O, type Permissions as P, type ObjectField as Q, type RootDataWithProps as R, type SelectField 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 Fields as _, type Field as a, type DefaultRootRenderProps as a0, type DefaultRootProps as a1, type WithId as a2, type WithPuckProps as a3, type AsFieldProps as a4, type WithChildren as a5, resolveAllData as a6, type Data as b, type UiState as c, type Plugin as d, type Overrides as e, type PuckAction as f, type InitialHistory as g, type DefaultComponentProps as h, type DefaultRootFieldProps as i, type ExtractRootPropsFromConfig as j, type ComponentDataMap 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 ComponentConfig as u, type RootDataWithoutProps as v, type RootData as w, type ComponentData as x, type MappedItem as y, type Content as z };

package/dist/{resolve-all-data-ppm982Jh.d.ts → resolve-all-data-D43Z4niC.d.ts}

@@ -25,14 +25,17 @@ type BaseField = {
 };
 type TextField = BaseField & {
     type: "text";
+    placeholder?: string;
 };
 type NumberField = BaseField & {
     type: "number";
+    placeholder?: string;
     min?: number;
     max?: number;
 };
 type TextareaField = BaseField & {
     type: "textarea";
+    placeholder?: string;
 };
 type SelectField = BaseField & {
     type: "select";
@@ -154,6 +157,7 @@ type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponen
     resolveData?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean>>;
         lastData: DataShape | null;
+        metadata: Metadata;
     }) => Promise<{
         props?: Partial<FieldProps>;
         readOnly?: Partial<Record<keyof FieldProps, boolean>>;
@@ -209,6 +213,7 @@ type UserGenerics<UserConfig extends Config = Config, UserProps extends ExtractP
 
 type PuckContext = {
     renderDropZone: React.FC<DropZoneProps>;
+    metadata: Metadata;
     isEditing: boolean;
     dragRef: ((element: Element | null) => void) | null;
 };
@@ -251,6 +256,9 @@ type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps
     content: Content<Props>;
     zones?: Record<string, Content<Props>>;
 };
+type Metadata = {
+    [key: string]: any;
+};
 
 type ItemWithId = {
     _arrayId: string;
@@ -457,6 +465,6 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
+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 DefaultRootRenderProps as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type ExtractPropsFromConfig as E, type FieldProps as F, type TextareaField as G, type History as H, type IframeConfig as I, type RadioField as J, type ArrayField as K, type ObjectField as L, type MappedItem as M, type NumberField as N, type OnAction as O, type Permissions as P, type Adaptor as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ExternalFieldWithAdaptor as W, type ExternalField as X, type CustomField as Y, type Fields as Z, type PuckContext as _, type Field as a, type DefaultRootProps as a0, type WithId as a1, type WithPuckProps as a2, type AsFieldProps as a3, type WithChildren as a4, resolveAllData as a5, type Data as b, type UiState as c, type Plugin as d, type Overrides as e, type PuckAction as f, type InitialHistory as g, type DefaultComponentProps as h, type DefaultRootFieldProps as i, type ExtractRootPropsFromConfig as j, type ComponentDataMap 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 ComponentConfig as u, type RootDataWithoutProps as v, type RootData as w, type ComponentData as x, type Content as y, type BaseField as z };
+export { type PuckContext as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type ExtractPropsFromConfig as E, type FieldProps as F, type BaseField as G, type History as H, type IframeConfig as I, type TextareaField as J, type RadioField as K, type ArrayField as L, type Metadata as M, type NumberField as N, type OnAction as O, type Permissions as P, type ObjectField as Q, type RootDataWithProps as R, type SelectField 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 Fields as _, type Field as a, type DefaultRootRenderProps as a0, type DefaultRootProps as a1, type WithId as a2, type WithPuckProps as a3, type AsFieldProps as a4, type WithChildren as a5, resolveAllData as a6, type Data as b, type UiState as c, type Plugin as d, type Overrides as e, type PuckAction as f, type InitialHistory as g, type DefaultComponentProps as h, type DefaultRootFieldProps as i, type ExtractRootPropsFromConfig as j, type ComponentDataMap 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 ComponentConfig as u, type RootDataWithoutProps as v, type RootData as w, type ComponentData as x, type MappedItem as y, type Content as z };

package/dist/rsc.d.mts

@@ -1,11 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics } from './resolve-all-data-ppm982Jh.mjs';
-export { a5 as resolveAllData } from './resolve-all-data-ppm982Jh.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-D43Z4niC.mjs';
+export { a6 as resolveAllData } from './resolve-all-data-D43Z4niC.mjs';
 import 'react';
 
-declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data }: {
+declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {
     config: UserConfig;
     data: G["UserData"];
+    metadata: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
 export { Render };

package/dist/rsc.d.ts

@@ -1,11 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics } from './resolve-all-data-ppm982Jh.js';
-export { a5 as resolveAllData } from './resolve-all-data-ppm982Jh.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-D43Z4niC.js';
+export { a6 as resolveAllData } from './resolve-all-data-D43Z4niC.js';
 import 'react';
 
-declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data }: {
+declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {
     config: UserConfig;
     data: G["UserData"];
+    metadata: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
 export { Render };

package/dist/rsc.js

@@ -96,7 +96,8 @@ function DropZoneRender({
   zone,
   data,
   areaId = "root",
-  config
+  config,
+  metadata = {}
 }) {
   let zoneCompound = rootDroppableId;
   let content = (data == null ? void 0 : data.content) || [];
@@ -120,9 +121,11 @@ function DropZoneRender({
                 zone: zone2,
                 data,
                 areaId: item.props.id,
-                config
+                config,
+                metadata
               }
-            )
+            ),
+            metadata
           }
         }),
         item.props.id
@@ -131,7 +134,11 @@ function DropZoneRender({
     return null;
   }) });
 }
-function Render({ config, data }) {
+function Render({
+  config,
+  data,
+  metadata
+}) {
   var _a;
   if ((_a = config.root) == null ? void 0 : _a.render) {
     const rootProps = data.root.props || data.root;
@@ -140,18 +147,42 @@ function Render({ config, data }) {
       config.root.render,
       __spreadProps(__spreadValues({}, rootProps), {
         puck: {
-          renderDropZone: ({ zone }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropZoneRender, { zone, data, config }),
+          renderDropZone: ({ zone }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            DropZoneRender,
+            {
+              zone,
+              data,
+              config,
+              metadata
+            }
+          ),
           isEditing: false,
           dragRef: null
         },
         title,
         editMode: false,
         id: "puck-root",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropZoneRender, { config, data, zone: rootDroppableId })
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          DropZoneRender,
+          {
+            config,
+            data,
+            zone: rootDroppableId,
+            metadata
+          }
+        )
       })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropZoneRender, { config, data, zone: rootDroppableId });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropZoneRender,
+    {
+      config,
+      data,
+      zone: rootDroppableId,
+      metadata
+    }
+  );
 }
 
 // lib/get-changed.ts
@@ -167,19 +198,20 @@ var getChanged = (newItem, oldItem) => {
 
 // lib/resolve-component-data.ts
 var cache = { lastChange: {} };
-var resolveAllComponentData = (content, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+var resolveAllComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (content, config, metadata = {}, onResolveStart, onResolveEnd) {
   return yield Promise.all(
     content.map((item) => __async(void 0, null, function* () {
       return yield resolveComponentData(
         item,
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       );
     }))
   );
 });
-var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __async(void 0, null, function* () {
+var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd) {
   const configForItem = config.components[item.type];
   if (configForItem.resolveData) {
     const { item: oldItem = null, resolved = {} } = cache.lastChange[item.props.id] || {};
@@ -190,7 +222,11 @@ var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __asy
     if (onResolveStart) {
       onResolveStart(item);
     }
-    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, { changed, lastData: oldItem });
+    const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, {
+      changed,
+      lastData: oldItem,
+      metadata
+    });
     const resolvedItem = __spreadProps(__spreadValues({}, item), {
       props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
     });
@@ -211,7 +247,7 @@ var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __asy
 
 // lib/resolve-root-data.ts
 var cache2 = {};
-function resolveRootData(data, config) {
+function resolveRootData(data, config, metadata) {
   return __async(this, null, function* () {
     var _a, _b, _c, _d, _e;
     if (((_a = config.root) == null ? void 0 : _a.resolveData) && data.root.props) {
@@ -222,7 +258,8 @@ function resolveRootData(data, config) {
       const rootWithProps = data.root;
       const resolvedRoot = yield (_e = config.root) == null ? void 0 : _e.resolveData(rootWithProps, {
         changed,
-        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {}
+        lastData: ((_d = cache2.lastChange) == null ? void 0 : _d.original) || {},
+        metadata: metadata || {}
       });
       cache2.lastChange = {
         original: data.root,
@@ -243,10 +280,14 @@ var defaultData = (data) => __spreadProps(__spreadValues({}, data), {
 });
 
 // lib/resolve-all-data.ts
-function resolveAllData(data, config, onResolveStart, onResolveEnd) {
-  return __async(this, null, function* () {
+function resolveAllData(_0, _1) {
+  return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
     const defaultedData = defaultData(data);
-    const dynamicRoot = yield resolveRootData(defaultedData, config);
+    const dynamicRoot = yield resolveRootData(
+      defaultedData,
+      config,
+      metadata
+    );
     const { zones = {} } = data;
     const zoneKeys = Object.keys(zones);
     const resolvedZones = {};
@@ -255,6 +296,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       resolvedZones[zoneKey] = yield resolveAllComponentData(
         zones[zoneKey],
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       );
@@ -264,6 +306,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       content: yield resolveAllComponentData(
         defaultedData.content,
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       ),

package/dist/rsc.mjs

@@ -5,7 +5,7 @@ import {
   resolveAllData,
   rootDroppableId,
   setupZone
-} from "./chunk-CHWFBYEM.mjs";
+} from "./chunk-FNRHXUGA.mjs";
 
 // rsc.tsx
 init_react_import();
@@ -17,7 +17,8 @@ function DropZoneRender({
   zone,
   data,
   areaId = "root",
-  config
+  config,
+  metadata = {}
 }) {
   let zoneCompound = rootDroppableId;
   let content = (data == null ? void 0 : data.content) || [];
@@ -41,9 +42,11 @@ function DropZoneRender({
                 zone: zone2,
                 data,
                 areaId: item.props.id,
-                config
+                config,
+                metadata
               }
-            )
+            ),
+            metadata
           }
         }),
         item.props.id
@@ -52,7 +55,11 @@ function DropZoneRender({
     return null;
   }) });
 }
-function Render({ config, data }) {
+function Render({
+  config,
+  data,
+  metadata
+}) {
   var _a;
   if ((_a = config.root) == null ? void 0 : _a.render) {
     const rootProps = data.root.props || data.root;
@@ -61,18 +68,42 @@ function Render({ config, data }) {
       config.root.render,
       __spreadProps(__spreadValues({}, rootProps), {
         puck: {
-          renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(DropZoneRender, { zone, data, config }),
+          renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(
+            DropZoneRender,
+            {
+              zone,
+              data,
+              config,
+              metadata
+            }
+          ),
           isEditing: false,
           dragRef: null
         },
         title,
         editMode: false,
         id: "puck-root",
-        children: /* @__PURE__ */ jsx(DropZoneRender, { config, data, zone: rootDroppableId })
+        children: /* @__PURE__ */ jsx(
+          DropZoneRender,
+          {
+            config,
+            data,
+            zone: rootDroppableId,
+            metadata
+          }
+        )
       })
     );
   }
-  return /* @__PURE__ */ jsx(DropZoneRender, { config, data, zone: rootDroppableId });
+  return /* @__PURE__ */ jsx(
+    DropZoneRender,
+    {
+      config,
+      data,
+      zone: rootDroppableId,
+      metadata
+    }
+  );
 }
 export {
   Render,

package/package.json

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