@measured/puck 0.18.3-canary.9e8e47b → 0.19.0-canary.020071e

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

@@ -22,17 +22,22 @@ type FieldOption = {
 type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
+    labelIcon?: ReactElement;
 };
 type TextField = BaseField & {
     type: "text";
+    placeholder?: string;
 };
 type NumberField = BaseField & {
     type: "number";
+    placeholder?: string;
     min?: number;
     max?: number;
+    step?: number;
 };
 type TextareaField = BaseField & {
     type: "textarea";
+    placeholder?: string;
 };
 type SelectField = BaseField & {
     type: "select";
@@ -154,6 +159,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 +215,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 +258,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 +467,17 @@ 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>>;
+type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
+    [ComponentName in keyof Props]: (props: Props[ComponentName] & {
+        [key: string]: any;
+    }) => Props[ComponentName];
+} & {
+    root: (props: RootProps & {
+        [key: string]: any;
+    }) => RootProps;
+}>;
+declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>): Data;
+
+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 DefaultComponentProps as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type RadioField as E, type FieldProps as F, type ArrayField as G, type History as H, type IframeConfig as I, type ObjectField as J, type Adaptor as K, type ExternalFieldWithAdaptor as L, type Metadata as M, type NumberField as N, type OnAction as O, type Permissions as P, type ExternalField as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type CustomField as W, type PuckContext as X, type DefaultRootFieldProps as Y, type DefaultRootRenderProps as Z, type DefaultRootProps as _, type Field as a, type WithId as a0, type WithPuckProps as a1, type AsFieldProps as a2, type WithChildren as a3, type ExtractPropsFromConfig as a4, type ExtractRootPropsFromConfig as a5, transformProps as a6, resolveAllData as a7, 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 ComponentData as h, type Fields as i, type ComponentConfig as j, type Direction as k, type DragAxis as l, type Viewport as m, type OverrideKey as n, overrideKeys as o, type FieldRenderFunctions as p, type ItemWithId as q, type ArrayState as r, type PuckComponent as s, type RootDataWithoutProps as t, type RootData as u, type MappedItem as v, type ComponentDataMap as w, type Content as x, type BaseField as y, type TextareaField as z };

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

@@ -22,17 +22,22 @@ type FieldOption = {
 type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
+    labelIcon?: ReactElement;
 };
 type TextField = BaseField & {
     type: "text";
+    placeholder?: string;
 };
 type NumberField = BaseField & {
     type: "number";
+    placeholder?: string;
     min?: number;
     max?: number;
+    step?: number;
 };
 type TextareaField = BaseField & {
     type: "textarea";
+    placeholder?: string;
 };
 type SelectField = BaseField & {
     type: "select";
@@ -154,6 +159,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 +215,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 +258,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 +467,17 @@ 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>>;
+type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
+    [ComponentName in keyof Props]: (props: Props[ComponentName] & {
+        [key: string]: any;
+    }) => Props[ComponentName];
+} & {
+    root: (props: RootProps & {
+        [key: string]: any;
+    }) => RootProps;
+}>;
+declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>): Data;
+
+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 DefaultComponentProps as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type RadioField as E, type FieldProps as F, type ArrayField as G, type History as H, type IframeConfig as I, type ObjectField as J, type Adaptor as K, type ExternalFieldWithAdaptor as L, type Metadata as M, type NumberField as N, type OnAction as O, type Permissions as P, type ExternalField as Q, type RootDataWithProps as R, type SelectField as S, type TextField as T, type UserGenerics as U, type Viewports as V, type CustomField as W, type PuckContext as X, type DefaultRootFieldProps as Y, type DefaultRootRenderProps as Z, type DefaultRootProps as _, type Field as a, type WithId as a0, type WithPuckProps as a1, type AsFieldProps as a2, type WithChildren as a3, type ExtractPropsFromConfig as a4, type ExtractRootPropsFromConfig as a5, transformProps as a6, resolveAllData as a7, 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 ComponentData as h, type Fields as i, type ComponentConfig as j, type Direction as k, type DragAxis as l, type Viewport as m, type OverrideKey as n, overrideKeys as o, type FieldRenderFunctions as p, type ItemWithId as q, type ArrayState as r, type PuckComponent as s, type RootDataWithoutProps as t, type RootData as u, type MappedItem as v, type ComponentDataMap as w, type Content as x, type BaseField as y, type TextareaField 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-3XjIPfNh.mjs';
+export { a7 as resolveAllData, a6 as transformProps } from './resolve-all-data-3XjIPfNh.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-3XjIPfNh.js';
+export { a7 as resolveAllData, a6 as transformProps } from './resolve-all-data-3XjIPfNh.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

@@ -68,7 +68,8 @@ var __async = (__this, __arguments, generator) => {
 var rsc_exports = {};
 __export(rsc_exports, {
   Render: () => Render,
-  resolveAllData: () => resolveAllData
+  resolveAllData: () => resolveAllData,
+  transformProps: () => transformProps
 });
 module.exports = __toCommonJS(rsc_exports);
 
@@ -76,7 +77,9 @@ module.exports = __toCommonJS(rsc_exports);
 var import_react = __toESM(require("react"));
 
 // lib/root-droppable-id.ts
-var rootDroppableId = "default-zone";
+var rootAreaId = "root";
+var rootZone = "default-zone";
+var rootDroppableId = `${rootAreaId}:${rootZone}`;
 
 // lib/setup-zone.ts
 var setupZone = (data, zoneKey) => {
@@ -96,14 +99,15 @@ function DropZoneRender({
   zone,
   data,
   areaId = "root",
-  config
+  config,
+  metadata = {}
 }) {
   let zoneCompound = rootDroppableId;
   let content = (data == null ? void 0 : data.content) || [];
   if (!data || !config) {
     return null;
   }
-  if (areaId && zone && zone !== rootDroppableId) {
+  if (areaId !== rootAreaId && zone !== rootZone) {
     zoneCompound = `${areaId}:${zone}`;
     content = setupZone(data, zoneCompound).zones[zoneCompound];
   }
@@ -120,9 +124,11 @@ function DropZoneRender({
                 zone: zone2,
                 data,
                 areaId: item.props.id,
-                config
+                config,
+                metadata
               }
-            )
+            ),
+            metadata
           }
         }),
         item.props.id
@@ -131,7 +137,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 +150,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: rootZone,
+            metadata
+          }
+        )
       })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropZoneRender, { config, data, zone: rootDroppableId });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DropZoneRender,
+    {
+      config,
+      data,
+      zone: rootZone,
+      metadata
+    }
+  );
 }
 
 // lib/get-changed.ts
@@ -167,19 +201,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 +225,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 +250,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 +261,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 +283,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 +299,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       resolvedZones[zoneKey] = yield resolveAllComponentData(
         zones[zoneKey],
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       );
@@ -264,6 +309,7 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
       content: yield resolveAllComponentData(
         defaultedData.content,
         config,
+        metadata,
         onResolveStart,
         onResolveEnd
       ),
@@ -271,8 +317,42 @@ function resolveAllData(data, config, onResolveStart, onResolveEnd) {
     });
   });
 }
+
+// lib/transform-props.ts
+function transformProps(data, propTransforms) {
+  const mapItem = (item) => {
+    if (propTransforms[item.type]) {
+      return __spreadProps(__spreadValues({}, item), {
+        props: propTransforms[item.type](item.props)
+      });
+    }
+    return item;
+  };
+  const defaultedData = defaultData(data);
+  const rootProps = defaultedData.root.props || defaultedData.root;
+  let newRoot = __spreadValues({}, defaultedData.root);
+  if (propTransforms["root"]) {
+    if (defaultedData.root.props) {
+      newRoot.props = propTransforms["root"](rootProps);
+    } else {
+      newRoot = propTransforms["root"](rootProps);
+    }
+  }
+  const afterPropTransforms = __spreadProps(__spreadValues({}, defaultedData), {
+    root: newRoot,
+    content: defaultedData.content.map(mapItem),
+    zones: Object.keys(data.zones || {}).reduce(
+      (acc, zoneKey) => __spreadProps(__spreadValues({}, acc), {
+        [zoneKey]: data.zones[zoneKey].map(mapItem)
+      }),
+      {}
+    )
+  });
+  return afterPropTransforms;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Render,
-  resolveAllData
+  resolveAllData,
+  transformProps
 });

package/dist/rsc.mjs

@@ -3,9 +3,12 @@ import {
   __spreadValues,
   init_react_import,
   resolveAllData,
+  rootAreaId,
   rootDroppableId,
-  setupZone
-} from "./chunk-CHWFBYEM.mjs";
+  rootZone,
+  setupZone,
+  transformProps
+} from "./chunk-7N5DRY4G.mjs";
 
 // rsc.tsx
 init_react_import();
@@ -17,14 +20,15 @@ function DropZoneRender({
   zone,
   data,
   areaId = "root",
-  config
+  config,
+  metadata = {}
 }) {
   let zoneCompound = rootDroppableId;
   let content = (data == null ? void 0 : data.content) || [];
   if (!data || !config) {
     return null;
   }
-  if (areaId && zone && zone !== rootDroppableId) {
+  if (areaId !== rootAreaId && zone !== rootZone) {
     zoneCompound = `${areaId}:${zone}`;
     content = setupZone(data, zoneCompound).zones[zoneCompound];
   }
@@ -41,9 +45,11 @@ function DropZoneRender({
                 zone: zone2,
                 data,
                 areaId: item.props.id,
-                config
+                config,
+                metadata
               }
-            )
+            ),
+            metadata
           }
         }),
         item.props.id
@@ -52,7 +58,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,20 +71,45 @@ 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: rootZone,
+            metadata
+          }
+        )
       })
     );
   }
-  return /* @__PURE__ */ jsx(DropZoneRender, { config, data, zone: rootDroppableId });
+  return /* @__PURE__ */ jsx(
+    DropZoneRender,
+    {
+      config,
+      data,
+      zone: rootZone,
+      metadata
+    }
+  );
 }
 export {
   Render,
-  resolveAllData
+  resolveAllData,
+  transformProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.18.3-canary.9e8e47b",
+  "version": "0.19.0-canary.020071e",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -27,7 +27,8 @@
       "require": "./dist/rsc.js"
     },
     "./puck.css": "./dist/index.css",
-    "./dist/index.css": "./dist/index.css"
+    "./dist/index.css": "./dist/index.css",
+    "./package.json": "./package.json"
   },
   "typesVersions": {
     "*": {
@@ -71,11 +72,12 @@
     "@dnd-kit/helpers": "0.0.7-beta-20250130032138",
     "@dnd-kit/react": "0.0.7-beta-20250130032138",
     "deep-diff": "^1.0.2",
+    "fast-deep-equal": "^3.1.3",
     "object-hash": "^3.0.0",
     "react-hotkeys-hook": "^4.6.1",
     "use-debounce": "^9.0.4",
     "uuid": "^9.0.1",
-    "zustand": "^5.0.2"
+    "zustand": "^4.5.6"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"