@measured/puck 0.19.0-canary.896a6279 → 0.19.0-canary.8e1d7223

package/dist/rsc.mjs

@@ -1,114 +1,18 @@
 import {
-  SlotRenderPure,
-  __spreadProps,
-  __spreadValues,
+  Render,
   init_react_import,
+  migrate,
   resolveAllData,
-  rootAreaId,
-  rootDroppableId,
-  rootZone,
-  setupZone,
   transformProps,
-  useSlots
-} from "./chunk-LT6HN46T.mjs";
+  walkTree
+} from "./chunk-HGAPIQP5.mjs";
 
 // rsc.tsx
 init_react_import();
-
-// components/ServerRender/index.tsx
-init_react_import();
-import { Fragment, jsx } from "react/jsx-runtime";
-function DropZoneRender({
-  zone,
-  data,
-  areaId = "root",
-  config,
-  metadata = {}
-}) {
-  let zoneCompound = rootDroppableId;
-  let content = (data == null ? void 0 : data.content) || [];
-  if (!data || !config) {
-    return null;
-  }
-  if (areaId !== rootAreaId && zone !== rootZone) {
-    zoneCompound = `${areaId}:${zone}`;
-    content = setupZone(data, zoneCompound).zones[zoneCompound];
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: content.map((item) => {
-    const Component = config.components[item.type];
-    const props = __spreadProps(__spreadValues({}, item.props), {
-      puck: {
-        renderDropZone: ({ zone: zone2 }) => /* @__PURE__ */ jsx(
-          DropZoneRender,
-          {
-            zone: zone2,
-            data,
-            areaId: item.props.id,
-            config,
-            metadata
-          }
-        ),
-        metadata
-      }
-    });
-    const propsWithSlots = useSlots(config.root, props, (props2) => /* @__PURE__ */ jsx(SlotRenderPure, __spreadProps(__spreadValues({}, props2), { config, metadata })));
-    if (Component) {
-      return /* @__PURE__ */ jsx(Component.render, __spreadValues({}, propsWithSlots), item.props.id);
-    }
-    return null;
-  }) });
-}
-function Render({
-  config,
-  data,
-  metadata = {}
-}) {
-  var _a;
-  const rootProps = data.root.props || data.root;
-  const title = rootProps.title || "";
-  const props = __spreadProps(__spreadValues({}, rootProps), {
-    puck: {
-      renderDropZone: ({ zone }) => /* @__PURE__ */ jsx(
-        DropZoneRender,
-        {
-          zone,
-          data,
-          config,
-          metadata
-        }
-      ),
-      isEditing: false,
-      dragRef: null,
-      metadata
-    },
-    title,
-    editMode: false,
-    id: "puck-root"
-  });
-  const propsWithSlots = useSlots(config.root, props, (props2) => /* @__PURE__ */ jsx(SlotRenderPure, __spreadProps(__spreadValues({}, props2), { config, metadata })));
-  if ((_a = config.root) == null ? void 0 : _a.render) {
-    return /* @__PURE__ */ jsx(config.root.render, __spreadProps(__spreadValues({}, propsWithSlots), { children: /* @__PURE__ */ jsx(
-      DropZoneRender,
-      {
-        config,
-        data,
-        zone: rootZone,
-        metadata
-      }
-    ) }));
-  }
-  return /* @__PURE__ */ jsx(
-    DropZoneRender,
-    {
-      config,
-      data,
-      zone: rootZone,
-      metadata
-    }
-  );
-}
 export {
   Render,
+  migrate,
   resolveAllData,
-  transformProps
+  transformProps,
+  walkTree
 };

package/dist/{resolve-all-data-Cs8PfTrg.d.mts → walk-tree-DBd3aQ_5.d.mts}

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactElement, JSX, ReactNode } from 'react';
+import { CSSProperties, ReactElement, ReactNode, JSX } from 'react';
 
 type ItemSelector = {
     index: number;
@@ -23,6 +23,8 @@ type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
     labelIcon?: ReactElement;
+    metadata?: Metadata;
+    visible?: boolean;
 };
 type TextField = BaseField & {
     type: "text";
@@ -109,19 +111,22 @@ type ExternalField<Props extends {
     filterFields?: Record<string, Field>;
     initialFilters?: Record<string, any>;
 };
-type CustomField<Props extends any = {}> = BaseField & {
+type CustomFieldRender<Value extends any> = (props: {
+    field: CustomField<Value>;
+    name: string;
+    id: string;
+    value: Value;
+    onChange: (value: Value) => void;
+    readOnly?: boolean;
+}) => ReactElement;
+type CustomField<Value extends any> = BaseField & {
     type: "custom";
-    render: (props: {
-        field: CustomField<Props>;
-        name: string;
-        id: string;
-        value: Props;
-        onChange: (value: Props) => void;
-        readOnly?: boolean;
-    }) => ReactElement;
+    render: CustomFieldRender<Value>;
 };
 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;
@@ -143,12 +148,16 @@ type FieldProps<F = Field<any>, ValueType = any> = {
     readOnly?: boolean;
 };
 
-type PuckComponent<Props> = (props: WithId<WithPuckProps<Props>>) => JSX.Element;
+type SlotComponent = (props?: Omit<DropZoneProps, "zone">) => ReactNode;
+type PuckComponent<Props> = (props: WithId<WithPuckProps<{
+    [K in keyof Props]: WithDeepSlots<Props[K], SlotComponent>;
+}>>) => JSX.Element;
 type ResolveDataTrigger = "insert" | "replace" | "load" | "force";
+type WithPartialProps<T, Props extends DefaultComponentProps> = Omit<T, "props"> & {
+    props?: Partial<Props>;
+};
 type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponentProps, FieldProps extends DefaultComponentProps = RenderProps, DataShape = Omit<ComponentData<FieldProps>, "type">> = {
-    render: PuckComponent<{
-        [PropName in keyof RenderProps]: RenderProps[PropName] extends Slot ? (props?: Omit<DropZoneProps, "zone">) => ReactNode : RenderProps[PropName];
-    }>;
+    render: PuckComponent<RenderProps>;
     label?: string;
     defaultProps?: FieldProps;
     fields?: Fields<FieldProps>;
@@ -171,13 +180,7 @@ type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponen
         lastData: DataShape | null;
         metadata: Metadata;
         trigger: ResolveDataTrigger;
-    }) => Promise<{
-        props?: Partial<FieldProps>;
-        readOnly?: Partial<Record<keyof FieldProps, boolean>>;
-    }> | {
-        props?: Partial<FieldProps>;
-        readOnly?: Partial<Record<keyof FieldProps, boolean>>;
-    };
+    }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
             id: string;
@@ -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> = {
@@ -234,6 +238,7 @@ type PuckContext = {
     dragRef: ((element: Element | null) => void) | null;
 };
 type DefaultRootFieldProps = {
+    [key: string]: any;
     title?: string;
 };
 type DefaultRootRenderProps<Props extends DefaultComponentProps = DefaultRootFieldProps> = WithPuckProps<WithChildren<Props>>;
@@ -254,23 +259,29 @@ type RootDataWithProps<Props extends DefaultComponentProps = DefaultRootFieldPro
 };
 type RootDataWithoutProps<Props extends DefaultComponentProps = DefaultRootFieldProps> = Props;
 type RootData<Props extends DefaultComponentProps = DefaultRootFieldProps> = Partial<RootDataWithProps<AsFieldProps<Props>>> & Partial<RootDataWithoutProps<Props>>;
-type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps, Name = string> = {
+type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps, Name = string, AllProps extends Record<string, DefaultComponentProps> = Record<string, DefaultComponentProps>> = {
+    type: Name;
+    props: WithDeepSlots<WithId<Props>, Content<AllProps>>;
+} & BaseData<Props>;
+type ComponentDataOptionalId<Props extends DefaultComponentProps = DefaultComponentProps, Name = string> = {
     type: Name;
-    props: WithId<Props>;
+    props: Props & {
+        id?: string;
+    };
 } & BaseData<Props>;
 type MappedItem = ComponentData;
-type ComponentDataMap<Props extends Record<string, DefaultComponentProps> = DefaultComponentProps> = {
-    [K in keyof Props]: ComponentData<Props[K], K extends string ? K : never>;
-}[keyof Props];
+type ComponentDataMap<AllProps extends DefaultAllProps = DefaultAllProps> = {
+    [K in keyof AllProps]: ComponentData<AllProps[K], K extends string ? K : never, AllProps>;
+}[keyof AllProps];
 type Content<PropsMap extends {
-    [key: string]: any;
+    [key: string]: DefaultComponentProps;
 } = {
-    [key: string]: any;
+    [key: string]: DefaultComponentProps;
 }> = ComponentDataMap<PropsMap>[];
-type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = {
-    root: RootData<RootProps>;
-    content: Content<Props>;
-    zones?: Record<string, Content<Props>>;
+type Data<AllProps extends DefaultAllProps = DefaultAllProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = {
+    root: WithDeepSlots<RootData<RootProps>, Content<AllProps>>;
+    content: Content<AllProps>;
+    zones?: Record<string, Content<AllProps>>;
 };
 type Metadata = {
     [key: string]: any;
@@ -334,6 +345,13 @@ type PrivateAppState<UserData extends Data = Data> = AppState<UserData> & {
         zones: ZoneIndex;
     };
 };
+type DefaultAllProps = Record<string, DefaultComponentProps>;
+/**
+ * Recursively walk T and replace Slots with SlotComponents
+ */
+type WithDeepSlots<T, SlotType = T> = T extends Slot ? SlotType : T extends (infer U)[] ? Array<WithDeepSlots<U, SlotType>> : T extends (infer U)[] ? WithDeepSlots<U, SlotType>[] : T extends object ? {
+    [K in keyof T]: WithDeepSlots<T[K], SlotType>;
+} : T;
 
 type RenderFunc<Props extends {
     [key: string]: any;
@@ -441,7 +459,14 @@ type InitialHistoryNoAppend<AS = Partial<AppState>> = {
     appendData?: false;
 };
 type InitialHistory<AS = Partial<AppState>> = InitialHistoryAppend<AS> | InitialHistoryNoAppend<AS>;
-type Slot = Content;
+type Slot<Props extends {
+    [key: string]: DefaultComponentProps;
+} = {
+    [key: string]: DefaultComponentProps;
+}> = {
+    [K in keyof Props]: ComponentDataOptionalId<Props[K], K extends string ? K : never>;
+}[keyof Props][];
+type WithSlotProps<Target extends Record<string, any>, AllProps extends DefaultAllProps = DefaultAllProps, SlotType extends Content<AllProps> = Content<AllProps>> = WithDeepSlots<Target, SlotType>;
 
 type InsertAction = {
     type: "insert";
@@ -509,6 +534,8 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
+declare function migrate(data: Data, config?: Config): Data;
+
 type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
     [ComponentName in keyof Props]: (props: Props[ComponentName] & {
         [key: string]: any;
@@ -518,8 +545,14 @@ type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps,
         [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 transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>, config?: Config): 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 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 };
+type WalkTreeOptions = {
+    parentId: string;
+    propName: string;
+};
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
+
+export { type ExternalFieldWithAdaptor as $, type AppState as A, type BaseData as B, type ComponentData as C, type DropZoneProps as D, type MappedItem as E, type Fields as F, type ComponentDataMap as G, type History as H, type IframeConfig as I, type Content as J, type BaseField as K, type TextareaField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type SelectField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type WithSlotProps as W, type RadioField as X, type ArrayField as Y, type ObjectField as Z, type Adaptor as _, type Config as a, type ExternalField as a0, type CustomFieldRender as a1, type CustomField as a2, type SlotField as a3, type PuckContext as a4, type DefaultRootFieldProps as a5, type DefaultRootRenderProps as a6, type DefaultRootProps as a7, type DefaultComponentProps as a8, type WithId as a9, type WithPuckProps as aa, type AsFieldProps as ab, type WithChildren as ac, type ExtractPropsFromConfig as ad, type ExtractRootPropsFromConfig as ae, migrate as af, transformProps as ag, resolveAllData as ah, 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 ItemSelector as l, type Direction as m, type DragAxis as n, type Viewport as o, overrideKeys as p, type OverrideKey as q, type FieldRenderFunctions as r, type ItemWithId as s, type ArrayState as t, type PuckComponent as u, type RootConfig as v, walkTree as w, type RootDataWithoutProps as x, type RootData as y, type ComponentDataOptionalId as z };

package/dist/{resolve-all-data-Cs8PfTrg.d.ts → walk-tree-DBd3aQ_5.d.ts}

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactElement, JSX, ReactNode } from 'react';
+import { CSSProperties, ReactElement, ReactNode, JSX } from 'react';
 
 type ItemSelector = {
     index: number;
@@ -23,6 +23,8 @@ type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
     labelIcon?: ReactElement;
+    metadata?: Metadata;
+    visible?: boolean;
 };
 type TextField = BaseField & {
     type: "text";
@@ -109,19 +111,22 @@ type ExternalField<Props extends {
     filterFields?: Record<string, Field>;
     initialFilters?: Record<string, any>;
 };
-type CustomField<Props extends any = {}> = BaseField & {
+type CustomFieldRender<Value extends any> = (props: {
+    field: CustomField<Value>;
+    name: string;
+    id: string;
+    value: Value;
+    onChange: (value: Value) => void;
+    readOnly?: boolean;
+}) => ReactElement;
+type CustomField<Value extends any> = BaseField & {
     type: "custom";
-    render: (props: {
-        field: CustomField<Props>;
-        name: string;
-        id: string;
-        value: Props;
-        onChange: (value: Props) => void;
-        readOnly?: boolean;
-    }) => ReactElement;
+    render: CustomFieldRender<Value>;
 };
 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;
@@ -143,12 +148,16 @@ type FieldProps<F = Field<any>, ValueType = any> = {
     readOnly?: boolean;
 };
 
-type PuckComponent<Props> = (props: WithId<WithPuckProps<Props>>) => JSX.Element;
+type SlotComponent = (props?: Omit<DropZoneProps, "zone">) => ReactNode;
+type PuckComponent<Props> = (props: WithId<WithPuckProps<{
+    [K in keyof Props]: WithDeepSlots<Props[K], SlotComponent>;
+}>>) => JSX.Element;
 type ResolveDataTrigger = "insert" | "replace" | "load" | "force";
+type WithPartialProps<T, Props extends DefaultComponentProps> = Omit<T, "props"> & {
+    props?: Partial<Props>;
+};
 type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponentProps, FieldProps extends DefaultComponentProps = RenderProps, DataShape = Omit<ComponentData<FieldProps>, "type">> = {
-    render: PuckComponent<{
-        [PropName in keyof RenderProps]: RenderProps[PropName] extends Slot ? (props?: Omit<DropZoneProps, "zone">) => ReactNode : RenderProps[PropName];
-    }>;
+    render: PuckComponent<RenderProps>;
     label?: string;
     defaultProps?: FieldProps;
     fields?: Fields<FieldProps>;
@@ -171,13 +180,7 @@ type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponen
         lastData: DataShape | null;
         metadata: Metadata;
         trigger: ResolveDataTrigger;
-    }) => Promise<{
-        props?: Partial<FieldProps>;
-        readOnly?: Partial<Record<keyof FieldProps, boolean>>;
-    }> | {
-        props?: Partial<FieldProps>;
-        readOnly?: Partial<Record<keyof FieldProps, boolean>>;
-    };
+    }) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
     resolvePermissions?: (data: DataShape, params: {
         changed: Partial<Record<keyof FieldProps, boolean> & {
             id: string;
@@ -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> = {
@@ -234,6 +238,7 @@ type PuckContext = {
     dragRef: ((element: Element | null) => void) | null;
 };
 type DefaultRootFieldProps = {
+    [key: string]: any;
     title?: string;
 };
 type DefaultRootRenderProps<Props extends DefaultComponentProps = DefaultRootFieldProps> = WithPuckProps<WithChildren<Props>>;
@@ -254,23 +259,29 @@ type RootDataWithProps<Props extends DefaultComponentProps = DefaultRootFieldPro
 };
 type RootDataWithoutProps<Props extends DefaultComponentProps = DefaultRootFieldProps> = Props;
 type RootData<Props extends DefaultComponentProps = DefaultRootFieldProps> = Partial<RootDataWithProps<AsFieldProps<Props>>> & Partial<RootDataWithoutProps<Props>>;
-type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps, Name = string> = {
+type ComponentData<Props extends DefaultComponentProps = DefaultComponentProps, Name = string, AllProps extends Record<string, DefaultComponentProps> = Record<string, DefaultComponentProps>> = {
+    type: Name;
+    props: WithDeepSlots<WithId<Props>, Content<AllProps>>;
+} & BaseData<Props>;
+type ComponentDataOptionalId<Props extends DefaultComponentProps = DefaultComponentProps, Name = string> = {
     type: Name;
-    props: WithId<Props>;
+    props: Props & {
+        id?: string;
+    };
 } & BaseData<Props>;
 type MappedItem = ComponentData;
-type ComponentDataMap<Props extends Record<string, DefaultComponentProps> = DefaultComponentProps> = {
-    [K in keyof Props]: ComponentData<Props[K], K extends string ? K : never>;
-}[keyof Props];
+type ComponentDataMap<AllProps extends DefaultAllProps = DefaultAllProps> = {
+    [K in keyof AllProps]: ComponentData<AllProps[K], K extends string ? K : never, AllProps>;
+}[keyof AllProps];
 type Content<PropsMap extends {
-    [key: string]: any;
+    [key: string]: DefaultComponentProps;
 } = {
-    [key: string]: any;
+    [key: string]: DefaultComponentProps;
 }> = ComponentDataMap<PropsMap>[];
-type Data<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = {
-    root: RootData<RootProps>;
-    content: Content<Props>;
-    zones?: Record<string, Content<Props>>;
+type Data<AllProps extends DefaultAllProps = DefaultAllProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = {
+    root: WithDeepSlots<RootData<RootProps>, Content<AllProps>>;
+    content: Content<AllProps>;
+    zones?: Record<string, Content<AllProps>>;
 };
 type Metadata = {
     [key: string]: any;
@@ -334,6 +345,13 @@ type PrivateAppState<UserData extends Data = Data> = AppState<UserData> & {
         zones: ZoneIndex;
     };
 };
+type DefaultAllProps = Record<string, DefaultComponentProps>;
+/**
+ * Recursively walk T and replace Slots with SlotComponents
+ */
+type WithDeepSlots<T, SlotType = T> = T extends Slot ? SlotType : T extends (infer U)[] ? Array<WithDeepSlots<U, SlotType>> : T extends (infer U)[] ? WithDeepSlots<U, SlotType>[] : T extends object ? {
+    [K in keyof T]: WithDeepSlots<T[K], SlotType>;
+} : T;
 
 type RenderFunc<Props extends {
     [key: string]: any;
@@ -441,7 +459,14 @@ type InitialHistoryNoAppend<AS = Partial<AppState>> = {
     appendData?: false;
 };
 type InitialHistory<AS = Partial<AppState>> = InitialHistoryAppend<AS> | InitialHistoryNoAppend<AS>;
-type Slot = Content;
+type Slot<Props extends {
+    [key: string]: DefaultComponentProps;
+} = {
+    [key: string]: DefaultComponentProps;
+}> = {
+    [K in keyof Props]: ComponentDataOptionalId<Props[K], K extends string ? K : never>;
+}[keyof Props][];
+type WithSlotProps<Target extends Record<string, any>, AllProps extends DefaultAllProps = DefaultAllProps, SlotType extends Content<AllProps> = Content<AllProps>> = WithDeepSlots<Target, SlotType>;
 
 type InsertAction = {
     type: "insert";
@@ -509,6 +534,8 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
+declare function migrate(data: Data, config?: Config): Data;
+
 type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps> = Partial<{
     [ComponentName in keyof Props]: (props: Props[ComponentName] & {
         [key: string]: any;
@@ -518,8 +545,14 @@ type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps,
         [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 transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>, config?: Config): 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 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 };
+type WalkTreeOptions = {
+    parentId: string;
+    propName: string;
+};
+declare function walkTree<T extends ComponentData | RootData | G["UserData"], UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(data: T, config: UserConfig, callbackFn: (data: Content, options: WalkTreeOptions) => Content | null | void): T;
+
+export { type ExternalFieldWithAdaptor as $, type AppState as A, type BaseData as B, type ComponentData as C, type DropZoneProps as D, type MappedItem as E, type Fields as F, type ComponentDataMap as G, type History as H, type IframeConfig as I, type Content as J, type BaseField as K, type TextareaField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type SelectField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type WithSlotProps as W, type RadioField as X, type ArrayField as Y, type ObjectField as Z, type Adaptor as _, type Config as a, type ExternalField as a0, type CustomFieldRender as a1, type CustomField as a2, type SlotField as a3, type PuckContext as a4, type DefaultRootFieldProps as a5, type DefaultRootRenderProps as a6, type DefaultRootProps as a7, type DefaultComponentProps as a8, type WithId as a9, type WithPuckProps as aa, type AsFieldProps as ab, type WithChildren as ac, type ExtractPropsFromConfig as ad, type ExtractRootPropsFromConfig as ae, migrate as af, transformProps as ag, resolveAllData as ah, 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 ItemSelector as l, type Direction as m, type DragAxis as n, type Viewport as o, overrideKeys as p, type OverrideKey as q, type FieldRenderFunctions as r, type ItemWithId as s, type ArrayState as t, type PuckComponent as u, type RootConfig as v, walkTree as w, type RootDataWithoutProps as x, type RootData as y, type ComponentDataOptionalId as z };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@measured/puck",
-  "version": "0.19.0-canary.896a6279",
-  "author": "Measured Corporation Ltd <hello@measured.co>",
+  "version": "0.19.0-canary.8e1d7223",
+  "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
   "homepage": "https://puckeditor.com",
@@ -49,9 +49,12 @@
     "dist"
   ],
   "devDependencies": {
+    "@juggle/resize-observer": "^3.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@types/deep-diff": "^1.0.3",
-    "@types/jest": "^29.5.4",
+    "@types/flat": "^5.0.5",
+    "@types/jest": "^29.5.14",
     "@types/object-hash": "^3.0.6",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
@@ -59,20 +62,22 @@
     "css-box-model": "^1.2.1",
     "eslint": "^7.32.0",
     "eslint-config-custom": "*",
-    "jest": "^29.6.4",
-    "jest-environment-jsdom": "^29.6.4",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^30.0.0-beta.3",
     "lucide-react": "^0.468.0",
-    "ts-jest": "^29.2.4",
+    "ts-jest": "^29.3.4",
     "tsconfig": "*",
     "tsup": "^8.2.4",
     "tsup-config": "*",
     "typescript": "^5.5.4"
   },
   "dependencies": {
-    "@dnd-kit/helpers": "0.0.7-beta-20250130032138",
-    "@dnd-kit/react": "0.0.7-beta-20250130032138",
+    "@dnd-kit/helpers": "0.1.18-beta-20250525014052",
+    "@dnd-kit/react": "0.1.18-beta-20250525014052",
     "deep-diff": "^1.0.2",
     "fast-deep-equal": "^3.1.3",
+    "flat": "^5.0.2",
     "object-hash": "^3.0.0",
     "react-hotkeys-hook": "^4.6.1",
     "use-debounce": "^9.0.4",