@measured/puck 0.21.0-canary.e9d5c0ea → 0.21.0-canary.f3ce0d72

package/dist/{chunk-6SIKCDJJ.mjs → chunk-FY5AZKYD.mjs}

@@ -697,7 +697,7 @@ var getChanged = (newItem, oldItem) => {
 // lib/resolve-component-data.ts
 import { deepEqual as deepEqual2 } from "fast-equals";
 var cache = { lastChange: {} };
-var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
+var resolveComponentData = (_0, _1, ..._2) => __async(null, [_0, _1, ..._2], function* (item, config, metadata = {}, onResolveStart, onResolveEnd, trigger = "replace") {
   const configForItem = "type" in item && item.type !== "root" ? config.components[item.type] : config.root;
   const resolvedItem = __spreadValues({}, item);
   const shouldRunResolver = (configForItem == null ? void 0 : configForItem.resolveData) && item.props;
@@ -725,11 +725,11 @@ var resolveComponentData = (_0, _1, ..._2) => __async(void 0, [_0, _1, ..._2], f
   let itemWithResolvedChildren = yield mapFields(
     resolvedItem,
     {
-      slot: (_02) => __async(void 0, [_02], function* ({ value }) {
+      slot: (_02) => __async(null, [_02], function* ({ value }) {
         const content = value;
         return yield Promise.all(
           content.map(
-            (childItem) => __async(void 0, null, function* () {
+            (childItem) => __async(null, null, function* () {
               return (yield resolveComponentData(
                 childItem,
                 config,
@@ -772,7 +772,7 @@ function resolveAllData(_0, _1) {
   return __async(this, arguments, function* (data, config, metadata = {}, onResolveStart, onResolveEnd) {
     var _a;
     const defaultedData = defaultData(data);
-    const resolveNode = (_node) => __async(this, null, function* () {
+    const resolveNode = (_node) => __async(null, null, function* () {
       const node = toComponent(_node);
       onResolveStart == null ? void 0 : onResolveStart(node);
       const resolved = (yield resolveComponentData(
@@ -793,13 +793,13 @@ function resolveAllData(_0, _1) {
       onResolveEnd == null ? void 0 : onResolveEnd(toComponent(resolvedDeep));
       return resolvedDeep;
     });
-    const processContent = (content) => __async(this, null, function* () {
+    const processContent = (content) => __async(null, null, function* () {
       return Promise.all(content.map(resolveNode));
     });
-    const processZones = () => __async(this, null, function* () {
+    const processZones = () => __async(null, null, function* () {
       var _a2;
       const zones = (_a2 = data.zones) != null ? _a2 : {};
-      Object.entries(zones).forEach((_02) => __async(this, [_02], function* ([zoneKey, content]) {
+      Object.entries(zones).forEach((_02) => __async(null, [_02], function* ([zoneKey, content]) {
         zones[zoneKey] = yield Promise.all(content.map(resolveNode));
       }));
       return zones;
@@ -809,7 +809,7 @@ function resolveAllData(_0, _1) {
       content: yield processContent(defaultedData.content),
       zones: yield processZones()
     };
-    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(this, null, function* () {
+    Object.keys((_a = defaultedData.zones) != null ? _a : {}).forEach((zoneKey) => __async(null, null, function* () {
       const content = defaultedData.zones[zoneKey];
       dynamic.zones[zoneKey] = yield processContent(content);
     }), {});

package/dist/index.css

@@ -1567,24 +1567,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
-._Puck_hv23j_19 {
+._Puck_lqzmv_19 {
   --puck-space-px: 16px;
   font-family: var(--puck-font-family);
+  height: 100%;
   overflow-x: hidden;
 }
 @media (min-width: 766px) {
-  ._Puck_hv23j_19 {
+  ._Puck_lqzmv_19 {
     overflow-x: auto;
   }
 }
-._Puck-portal_hv23j_31 {
+._Puck-portal_lqzmv_32 {
   position: relative;
   z-index: 2;
 }
-._PuckLayout_hv23j_36 {
-  height: 100%;
+._PuckLayout_lqzmv_37 {
+  height: 100dvh;
 }
-._PuckLayout-inner_hv23j_40 {
+._PuckLayout-inner_lqzmv_41 {
   --puck-frame-width: auto;
   --puck-side-nav-width: min-content;
   --puck-side-bar-width: 0px;
@@ -1602,87 +1603,87 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout-inner_lqzmv_41 {
     --puck-side-nav-width: 68px;
     grid-template-areas: "header header header header" "sidenav left editor right";
     grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
     grid-template-rows: min-content auto;
   }
 }
-._PuckLayout--mounted_hv23j_73 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mounted_lqzmv_74 ._PuckLayout-inner_lqzmv_41 {
   --puck-side-bar-width: 186px;
 }
-._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41 {
   grid-template-rows: 0 auto 30% 0 var(--puck-side-nav-width);
 }
-._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41 {
   grid-template-rows: 0 auto 55% 0 var(--puck-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
-._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41,
+._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41 {
   grid-template-rows: 0 auto min-content 0 var(--puck-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41,
+  ._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41,
+  ._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41,
+  ._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--rightSideBarVisible_lqzmv_129 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--rightSideBarVisible_lqzmv_129 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
   }
 }
 @media (min-width: 458px) {
-  ._PuckLayout-mounted_hv23j_147 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout-mounted_lqzmv_148 ._PuckLayout-inner_lqzmv_41 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 320px;
   }
 }
-._PuckLayout-nav_hv23j_188 {
+._PuckLayout-nav_lqzmv_189 {
   border-top: 1px solid var(--puck-color-grey-09);
   background-color: var(--puck-color-grey-12);
   grid-area: sidenav;
@@ -1690,33 +1691,33 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   width: 100%;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-nav_hv23j_188 {
+  ._PuckLayout-nav_lqzmv_189 {
     border-top: 0;
     border-right: 1px solid var(--puck-color-grey-09);
     box-sizing: border-box;
   }
 }
-._PuckLayout-header_hv23j_204 {
+._PuckLayout-header_lqzmv_205 {
   grid-area: header;
 }
-._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
+._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-header_lqzmv_205 {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
+  ._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-header_lqzmv_205 {
     overflow: auto;
   }
 }
-._PuckPluginTab_hv23j_218 {
+._PuckPluginTab_lqzmv_219 {
   display: none;
   flex-grow: 1;
   overflow: hidden;
 }
-._PuckPluginTab--visible_hv23j_224 {
+._PuckPluginTab--visible_lqzmv_225 {
   display: flex;
   flex-direction: column;
 }
-._PuckPluginTab-body_hv23j_229 {
+._PuckPluginTab-body_lqzmv_230 {
   flex-grow: 1;
   overflow: hidden;
 }

package/dist/index.d.mts

@@ -1,8 +1,8 @@
-import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector, o as PluginInternal } from './walk-tree-CD9WQheJ.mjs';
-export { ae as Adaptor, ac as ArrayField, E as ArrayState, as as AsFieldProps, Y as BaseData, a6 as BaseField, ag as CacheOpts, K as ComponentConfigExtensions, X as ComponentConfigParams, a1 as ComponentDataMap, $ as ComponentDataOptionalId, a4 as ComponentMetadata, T as ConfigParams, a2 as Content, aj as CustomField, ai as CustomFieldRender, ap as DefaultComponentProps, N as DefaultComponents, am as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, p as Direction, q as DragAxis, ah as ExternalField, af as ExternalFieldWithAdaptor, Q as ExtractConfigParams, au as ExtractField, a5 as FieldMetadata, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, a0 as MappedItem, a8 as NumberField, ad as ObjectField, y as OverrideKey, J as PuckComponent, al as PuckContext, a3 as PuckMetadata, ab as RadioField, L as RootConfig, _ as RootData, Z as RootDataWithoutProps, aa as SelectField, S as Slot, G as SlotComponent, ak as SlotField, a7 as TextField, a9 as TextareaField, s as Viewport, at as WithChildren, aq as WithId, ar as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CD9WQheJ.mjs';
+import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, D as Data, h as OnAction, i as PrivateAppState, j as Field, k as FieldProps, l as DropZoneProps, n as InitialHistory, o as ItemSelector, p as PluginInternal } from './walk-tree-CL-j099F.mjs';
+export { af as Adaptor, ad as ArrayField, G as ArrayState, at as AsFieldProps, Z as BaseData, a7 as BaseField, ah as CacheOpts, L as ComponentConfigExtensions, Y as ComponentConfigParams, a2 as ComponentDataMap, a0 as ComponentDataOptionalId, a5 as ComponentMetadata, X as ConfigParams, a3 as Content, ak as CustomField, aj as CustomFieldRender, aq as DefaultComponentProps, Q as DefaultComponents, an as DefaultRootFieldProps, ap as DefaultRootProps, ao as DefaultRootRenderProps, q as Direction, s as DragAxis, ai as ExternalField, ag as ExternalFieldWithAdaptor, T as ExtractConfigParams, av as ExtractField, a6 as FieldMetadata, B as FieldRenderFunctions, x as FieldTransformFn, v as FieldTransformFnParams, E as ItemWithId, a1 as MappedItem, a9 as NumberField, ae as ObjectField, z as OverrideKey, K as PuckComponent, am as PuckContext, a4 as PuckMetadata, ac as RadioField, N as RootConfig, $ as RootData, _ as RootDataWithoutProps, ab as SelectField, S as Slot, J as SlotComponent, al as SlotField, a8 as TextField, aa as TextareaField, u as Viewport, au as WithChildren, ar as WithId, as as WithPuckProps, W as WithSlotProps, m as migrate, y as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CL-j099F.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
+import react__default, { Reducer, ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
 
 type HistorySlice<D = any> = {
     index: number;
@@ -109,6 +109,13 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     fieldTransforms: FieldTransforms;
 };
 
+type StateReducer<UserData extends Data = Data> = Reducer<PrivateAppState<UserData>, PuckAction>;
+declare function createReducer<UserData extends Data>({ record, onAction, appStore, }: {
+    record?: (appState: AppState<UserData>) => void;
+    onAction?: OnAction<UserData>;
+    appStore: AppStore;
+}): StateReducer<UserData>;
+
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
@@ -314,4 +321,4 @@ declare const fieldsPlugin: (params?: {
 
 declare const outlinePlugin: () => Plugin;
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createUsePuck, fieldsPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createReducer, createUsePuck, fieldsPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector, o as PluginInternal } from './walk-tree-CD9WQheJ.js';
-export { ae as Adaptor, ac as ArrayField, E as ArrayState, as as AsFieldProps, Y as BaseData, a6 as BaseField, ag as CacheOpts, K as ComponentConfigExtensions, X as ComponentConfigParams, a1 as ComponentDataMap, $ as ComponentDataOptionalId, a4 as ComponentMetadata, T as ConfigParams, a2 as Content, aj as CustomField, ai as CustomFieldRender, ap as DefaultComponentProps, N as DefaultComponents, am as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, p as Direction, q as DragAxis, ah as ExternalField, af as ExternalFieldWithAdaptor, Q as ExtractConfigParams, au as ExtractField, a5 as FieldMetadata, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, a0 as MappedItem, a8 as NumberField, ad as ObjectField, y as OverrideKey, J as PuckComponent, al as PuckContext, a3 as PuckMetadata, ab as RadioField, L as RootConfig, _ as RootData, Z as RootDataWithoutProps, aa as SelectField, S as Slot, G as SlotComponent, ak as SlotField, a7 as TextField, a9 as TextareaField, s as Viewport, at as WithChildren, aq as WithId, ar as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CD9WQheJ.js';
+import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, D as Data, h as OnAction, i as PrivateAppState, j as Field, k as FieldProps, l as DropZoneProps, n as InitialHistory, o as ItemSelector, p as PluginInternal } from './walk-tree-CL-j099F.js';
+export { af as Adaptor, ad as ArrayField, G as ArrayState, at as AsFieldProps, Z as BaseData, a7 as BaseField, ah as CacheOpts, L as ComponentConfigExtensions, Y as ComponentConfigParams, a2 as ComponentDataMap, a0 as ComponentDataOptionalId, a5 as ComponentMetadata, X as ConfigParams, a3 as Content, ak as CustomField, aj as CustomFieldRender, aq as DefaultComponentProps, Q as DefaultComponents, an as DefaultRootFieldProps, ap as DefaultRootProps, ao as DefaultRootRenderProps, q as Direction, s as DragAxis, ai as ExternalField, ag as ExternalFieldWithAdaptor, T as ExtractConfigParams, av as ExtractField, a6 as FieldMetadata, B as FieldRenderFunctions, x as FieldTransformFn, v as FieldTransformFnParams, E as ItemWithId, a1 as MappedItem, a9 as NumberField, ae as ObjectField, z as OverrideKey, K as PuckComponent, am as PuckContext, a4 as PuckMetadata, ac as RadioField, N as RootConfig, $ as RootData, _ as RootDataWithoutProps, ab as SelectField, S as Slot, J as SlotComponent, al as SlotField, a8 as TextField, aa as TextareaField, u as Viewport, au as WithChildren, ar as WithId, as as WithPuckProps, W as WithSlotProps, m as migrate, y as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CL-j099F.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
+import react__default, { Reducer, ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
 
 type HistorySlice<D = any> = {
     index: number;
@@ -109,6 +109,13 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     fieldTransforms: FieldTransforms;
 };
 
+type StateReducer<UserData extends Data = Data> = Reducer<PrivateAppState<UserData>, PuckAction>;
+declare function createReducer<UserData extends Data>({ record, onAction, appStore, }: {
+    record?: (appState: AppState<UserData>) => void;
+    onAction?: OnAction<UserData>;
+    appStore: AppStore;
+}): StateReducer<UserData>;
+
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
@@ -314,4 +321,4 @@ declare const fieldsPlugin: (params?: {
 
 declare const outlinePlugin: () => Plugin;
 
-export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createUsePuck, fieldsPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
+export { Action, ActionBar, AppState, AutoField, Button, ComponentConfig, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Fields, Group, History, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, ResolveDataTrigger, RootDataWithProps, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createReducer, createUsePuck, fieldsPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };