@measured/puck 0.21.0-canary.3aa27d1d → 0.21.0-canary.56be3202

package/dist/index.d.mts

@@ -1,9 +1,11 @@
-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 RichtextField, i as Field, j as FieldProps, D as DropZoneProps, k as Data, l as OnAction, n as InitialHistory, o as ItemSelector } from './walk-tree-16XYcbNo.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, p as RichText, 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-16XYcbNo.mjs';
+import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, t as ItemSelector, c as ComponentData, u as PluginInternal } from './actions-tsxxcX1z.mjs';
+export { ag as Adaptor, A as AppState, ae as ArrayField, N as ArrayState, ar as AsFieldProps, a0 as BaseData, a8 as BaseField, ai as CacheOpts, m as ComponentConfig, X as ComponentConfigExtensions, $ as ComponentConfigParams, a4 as ComponentDataMap, a2 as ComponentDataOptionalId, a6 as ComponentMetadata, _ as ConfigParams, b as Content, al as CustomField, ak as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, ap as DefaultRootProps, ao as DefaultRootRenderProps, x as Direction, y as DragAxis, aj as ExternalField, ah as ExternalFieldWithAdaptor, Z as ExtractConfigParams, at as ExtractField, a7 as FieldMetadata, K as FieldRenderFunctions, E as FieldTransformFn, B as FieldTransformFnParams, F as Fields, H as History, L as ItemWithId, a3 as MappedItem, aa as NumberField, af as ObjectField, J as OverrideKey, T as PuckComponent, an as PuckContext, a5 as PuckMetadata, ad as RadioField, i as ResolveDataTrigger, w as RichText, o as RichtextField, Y as RootConfig, R as RootData, h as RootDataWithProps, a1 as RootDataWithoutProps, ac as SelectField, S as Slot, Q as SlotComponent, am as SlotField, a9 as TextField, ab as TextareaField, z as Viewport, as as WithChildren, W as WithId, aq as WithPuckProps, v as WithSlotProps, G as overrideKeys } from './actions-tsxxcX1z.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CDA3K5S3.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
-import { Editor } from '@tiptap/react';
+import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-mQvUCH3C.mjs';
+import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code';
@@ -19,118 +21,6 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 
-type HistorySlice<D = any> = {
-    index: number;
-    hasPast: () => boolean;
-    hasFuture: () => boolean;
-    histories: History<D>[];
-    record: (data: D) => void;
-    back: VoidFunction;
-    forward: VoidFunction;
-    currentHistory: () => History;
-    nextHistory: () => History<D> | null;
-    prevHistory: () => History<D> | null;
-    setHistories: (histories: History[]) => void;
-    setHistoryIndex: (index: number) => void;
-    initialAppState: D;
-};
-
-type NodeMethods = {
-    sync: () => void;
-    hideOverlay: () => void;
-    showOverlay: () => void;
-};
-type PuckNodeInstance = {
-    id: string;
-    methods: NodeMethods;
-    element: HTMLElement | null;
-};
-type NodesSlice = {
-    nodes: Record<string, PuckNodeInstance | undefined>;
-    registerNode: (id: string, node: Partial<PuckNodeInstance>) => void;
-    unregisterNode: (id: string, node?: Partial<PuckNodeInstance>) => void;
-};
-
-type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
-    item?: G["UserComponentData"] | null;
-    type?: keyof G["UserProps"];
-    root?: boolean;
-};
-type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
-type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
-type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
-type Cache = Record<string, {
-    lastPermissions: Partial<Permissions>;
-    lastData: ComponentData | null;
-    lastParentId: string | null;
-}>;
-type PermissionsSlice = {
-    cache: Cache;
-    globalPermissions: Permissions;
-    resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
-    getPermissions: GetPermissions<Config>;
-    resolvePermissions: ResolvePermissions<Config>;
-    refreshPermissions: RefreshPermissions<Config>;
-};
-
-type ComponentOrRootData = Omit<ComponentData<any>, "type">;
-type FieldsSlice = {
-    fields: Fields | Partial<Fields>;
-    loading: boolean;
-    lastResolvedData: Partial<ComponentOrRootData>;
-    id: string | undefined;
-};
-
-type Status = "LOADING" | "MOUNTED" | "READY";
-type ZoomConfig = {
-    autoZoom: number;
-    rootHeight: number;
-    zoom: number;
-};
-type ComponentState = Record<string, {
-    loadingCount: number;
-}>;
-type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
-    state: G["UserAppState"];
-    dispatch: (action: PuckAction) => void;
-    config: UserConfig;
-    componentState: ComponentState;
-    setComponentState: (componentState: ComponentState) => void;
-    setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
-    unsetComponentLoading: (id: string) => void;
-    pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
-    resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
-        node: T;
-        didChange: boolean;
-    }>;
-    resolveAndCommitData: () => void;
-    plugins: Plugin[];
-    overrides: Partial<Overrides>;
-    viewports: Viewports;
-    zoomConfig: ZoomConfig;
-    setZoomConfig: (zoomConfig: ZoomConfig) => void;
-    status: Status;
-    setStatus: (status: Status) => void;
-    iframe: IframeConfig;
-    selectedItem?: G["UserData"]["content"][0] | null;
-    setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
-    getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
-    onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
-    metadata: Metadata;
-    fields: FieldsSlice;
-    history: HistorySlice;
-    nodes: NodesSlice;
-    permissions: PermissionsSlice;
-    fieldTransforms: FieldTransforms;
-    currentRichText?: {
-        inlineComponentId?: string;
-        inline: boolean;
-        field: RichtextField;
-        editor: Editor;
-        id: string;
-    } | null;
-};
-
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
@@ -174,8 +64,11 @@ declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }:
     readOnly?: boolean;
     className?: string;
 }) => react_jsx_runtime.JSX.Element;
+
 type FieldNoLabel<Props extends any = any> = Omit<Field<Props>, "label">;
-declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<FieldType, ValueType>): react_jsx_runtime.JSX.Element | null;
+declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<FieldType, ValueType> & {
+    value: any;
+}): react_jsx_runtime.JSX.Element | null;
 
 declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
@@ -211,9 +104,9 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-declare const DropZone: react.ForwardRefExoticComponent<DropZoneProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, }: {
+declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, suppressHydrationWarning, }: {
     active?: boolean;
     children: ReactNode;
     href?: string;
@@ -224,6 +117,7 @@ declare const IconButton: ({ active, children, href, onClick, type, disabled, ta
     newTab?: boolean;
     fullWidth?: boolean;
     title: string;
+    suppressHydrationWarning?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
 type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
@@ -256,6 +150,8 @@ type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserCo
     };
     initialHistory?: InitialHistory;
     metadata?: Metadata;
+    height?: CSSProperties["height"];
+    _experimentalFullScreenCanvas?: boolean;
 };
 declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: PuckProps<UserConfig>): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
@@ -263,6 +159,9 @@ declare namespace Puck {
     var Fields: react.MemoExoticComponent<({ wrapFields }: {
         wrapFields?: boolean;
     }) => react_jsx_runtime.JSX.Element>;
+    var Layout: ({ children }: {
+        children?: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
     var Outline: () => react_jsx_runtime.JSX.Element;
     var Preview: ({ id }: {
         id?: string;
@@ -288,8 +187,6 @@ declare function AlignRight(): react_jsx_runtime.JSX.Element;
 
 declare function AlignJustify(): react_jsx_runtime.JSX.Element;
 
-declare function AlignSelect(): react_jsx_runtime.JSX.Element;
-
 declare function Bold(): react_jsx_runtime.JSX.Element;
 
 declare function Italic(): react_jsx_runtime.JSX.Element;
@@ -310,10 +207,6 @@ declare function Blockquote(): react_jsx_runtime.JSX.Element;
 
 declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
 
-declare function HeadingSelect(): react_jsx_runtime.JSX.Element;
-
-declare function ListSelect(): react_jsx_runtime.JSX.Element;
-
 declare function Control({ icon, disabled, active, onClick, title, }: {
     icon: ReactNode;
     disabled?: boolean;
@@ -334,16 +227,16 @@ declare const RichTextMenu: {
     AlignJustify: typeof AlignJustify;
     AlignLeft: typeof AlignLeft;
     AlignRight: typeof AlignRight;
-    AlignSelect: typeof AlignSelect;
+    AlignSelect: () => react_jsx_runtime.JSX.Element;
     Blockquote: typeof Blockquote;
     Bold: typeof Bold;
     BulletList: typeof BulletList;
     CodeBlock: typeof CodeBlock;
-    HeadingSelect: typeof HeadingSelect;
+    HeadingSelect: () => react_jsx_runtime.JSX.Element;
     HorizontalRule: typeof HorizontalRule;
     InlineCode: typeof InlineCode;
     Italic: typeof Italic;
-    ListSelect: typeof ListSelect;
+    ListSelect: () => react_jsx_runtime.JSX.Element;
     OrderedList: typeof OrderedList;
     Strikethrough: typeof Strikethrough;
     Underline: typeof Underline;
@@ -401,4 +294,14 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
  */
 declare function useGetPuck(): () => UsePuckStore<Config>;
 
-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, RichTextMenu, RichtextField, RootDataWithProps, Separator, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
+declare const blocksPlugin: () => Plugin;
+
+declare const fieldsPlugin: (params?: {
+    mobileOnly?: boolean;
+}) => PluginInternal;
+
+declare const outlinePlugin: () => Plugin;
+
+declare const legacySideBarPlugin: () => Plugin;
+
+export { Action, ActionBar, AutoField, Button, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, RichTextMenu, Separator, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createUsePuck, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };

package/dist/index.d.ts

@@ -1,9 +1,11 @@
-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 RichtextField, i as Field, j as FieldProps, D as DropZoneProps, k as Data, l as OnAction, n as InitialHistory, o as ItemSelector } from './walk-tree-16XYcbNo.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, p as RichText, 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-16XYcbNo.js';
+import { p as Field, q as FieldProps, r as DropZoneProps, C as Config, U as UserGenerics, D as Data, l as UiState, O as OnAction, g as Permissions, j as Plugin, k as Overrides, n as FieldTransforms, a as PuckAction, V as Viewports, I as IframeConfig, s as InitialHistory, M as Metadata, t as ItemSelector, c as ComponentData, u as PluginInternal } from './actions-tsxxcX1z.js';
+export { ag as Adaptor, A as AppState, ae as ArrayField, N as ArrayState, ar as AsFieldProps, a0 as BaseData, a8 as BaseField, ai as CacheOpts, m as ComponentConfig, X as ComponentConfigExtensions, $ as ComponentConfigParams, a4 as ComponentDataMap, a2 as ComponentDataOptionalId, a6 as ComponentMetadata, _ as ConfigParams, b as Content, al as CustomField, ak as CustomFieldRender, e as DefaultComponentProps, d as DefaultComponents, f as DefaultRootFieldProps, ap as DefaultRootProps, ao as DefaultRootRenderProps, x as Direction, y as DragAxis, aj as ExternalField, ah as ExternalFieldWithAdaptor, Z as ExtractConfigParams, at as ExtractField, a7 as FieldMetadata, K as FieldRenderFunctions, E as FieldTransformFn, B as FieldTransformFnParams, F as Fields, H as History, L as ItemWithId, a3 as MappedItem, aa as NumberField, af as ObjectField, J as OverrideKey, T as PuckComponent, an as PuckContext, a5 as PuckMetadata, ad as RadioField, i as ResolveDataTrigger, w as RichText, o as RichtextField, Y as RootConfig, R as RootData, h as RootDataWithProps, a1 as RootDataWithoutProps, ac as SelectField, S as Slot, Q as SlotComponent, am as SlotField, a9 as TextField, ab as TextareaField, z as Viewport, as as WithChildren, W as WithId, aq as WithPuckProps, v as WithSlotProps, G as overrideKeys } from './actions-tsxxcX1z.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Bh85NMeo.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
-import { Editor } from '@tiptap/react';
+import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
+import { A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-Ca6V6NQD.js';
+import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';
 import '@tiptap/extension-code';
@@ -19,118 +21,6 @@ import '@tiptap/extension-strike';
 import '@tiptap/extension-text-align';
 import '@tiptap/extension-underline';
 
-type HistorySlice<D = any> = {
-    index: number;
-    hasPast: () => boolean;
-    hasFuture: () => boolean;
-    histories: History<D>[];
-    record: (data: D) => void;
-    back: VoidFunction;
-    forward: VoidFunction;
-    currentHistory: () => History;
-    nextHistory: () => History<D> | null;
-    prevHistory: () => History<D> | null;
-    setHistories: (histories: History[]) => void;
-    setHistoryIndex: (index: number) => void;
-    initialAppState: D;
-};
-
-type NodeMethods = {
-    sync: () => void;
-    hideOverlay: () => void;
-    showOverlay: () => void;
-};
-type PuckNodeInstance = {
-    id: string;
-    methods: NodeMethods;
-    element: HTMLElement | null;
-};
-type NodesSlice = {
-    nodes: Record<string, PuckNodeInstance | undefined>;
-    registerNode: (id: string, node: Partial<PuckNodeInstance>) => void;
-    unregisterNode: (id: string, node?: Partial<PuckNodeInstance>) => void;
-};
-
-type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
-    item?: G["UserComponentData"] | null;
-    type?: keyof G["UserProps"];
-    root?: boolean;
-};
-type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
-type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
-type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
-type Cache = Record<string, {
-    lastPermissions: Partial<Permissions>;
-    lastData: ComponentData | null;
-    lastParentId: string | null;
-}>;
-type PermissionsSlice = {
-    cache: Cache;
-    globalPermissions: Permissions;
-    resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
-    getPermissions: GetPermissions<Config>;
-    resolvePermissions: ResolvePermissions<Config>;
-    refreshPermissions: RefreshPermissions<Config>;
-};
-
-type ComponentOrRootData = Omit<ComponentData<any>, "type">;
-type FieldsSlice = {
-    fields: Fields | Partial<Fields>;
-    loading: boolean;
-    lastResolvedData: Partial<ComponentOrRootData>;
-    id: string | undefined;
-};
-
-type Status = "LOADING" | "MOUNTED" | "READY";
-type ZoomConfig = {
-    autoZoom: number;
-    rootHeight: number;
-    zoom: number;
-};
-type ComponentState = Record<string, {
-    loadingCount: number;
-}>;
-type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
-    state: G["UserAppState"];
-    dispatch: (action: PuckAction) => void;
-    config: UserConfig;
-    componentState: ComponentState;
-    setComponentState: (componentState: ComponentState) => void;
-    setComponentLoading: (id: string, loading?: boolean, defer?: number) => () => void;
-    unsetComponentLoading: (id: string) => void;
-    pendingLoadTimeouts: Record<string, NodeJS.Timeout>;
-    resolveComponentData: <T extends ComponentData | RootDataWithProps>(componentData: T, trigger: ResolveDataTrigger) => Promise<{
-        node: T;
-        didChange: boolean;
-    }>;
-    resolveAndCommitData: () => void;
-    plugins: Plugin[];
-    overrides: Partial<Overrides>;
-    viewports: Viewports;
-    zoomConfig: ZoomConfig;
-    setZoomConfig: (zoomConfig: ZoomConfig) => void;
-    status: Status;
-    setStatus: (status: Status) => void;
-    iframe: IframeConfig;
-    selectedItem?: G["UserData"]["content"][0] | null;
-    setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
-    getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
-    onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
-    metadata: Metadata;
-    fields: FieldsSlice;
-    history: HistorySlice;
-    nodes: NodesSlice;
-    permissions: PermissionsSlice;
-    fieldTransforms: FieldTransforms;
-    currentRichText?: {
-        inlineComponentId?: string;
-        inline: boolean;
-        field: RichtextField;
-        editor: Editor;
-        id: string;
-    } | null;
-};
-
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
@@ -174,8 +64,11 @@ declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }:
     readOnly?: boolean;
     className?: string;
 }) => react_jsx_runtime.JSX.Element;
+
 type FieldNoLabel<Props extends any = any> = Omit<Field<Props>, "label">;
-declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<FieldType, ValueType>): react_jsx_runtime.JSX.Element | null;
+declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<FieldType, ValueType> & {
+    value: any;
+}): react_jsx_runtime.JSX.Element | null;
 
 declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
@@ -211,9 +104,9 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-declare const DropZone: react.ForwardRefExoticComponent<DropZoneProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropZone: react.ForwardRefExoticComponent<Omit<DropZoneProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, }: {
+declare const IconButton: ({ active, children, href, onClick, type, disabled, tabIndex, newTab, fullWidth, title, suppressHydrationWarning, }: {
     active?: boolean;
     children: ReactNode;
     href?: string;
@@ -224,6 +117,7 @@ declare const IconButton: ({ active, children, href, onClick, type, disabled, ta
     newTab?: boolean;
     fullWidth?: boolean;
     title: string;
+    suppressHydrationWarning?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
 type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
@@ -256,6 +150,8 @@ type PuckProps<UserConfig extends Config = Config, G extends UserGenerics<UserCo
     };
     initialHistory?: InitialHistory;
     metadata?: Metadata;
+    height?: CSSProperties["height"];
+    _experimentalFullScreenCanvas?: boolean;
 };
 declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>(props: PuckProps<UserConfig>): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
@@ -263,6 +159,9 @@ declare namespace Puck {
     var Fields: react.MemoExoticComponent<({ wrapFields }: {
         wrapFields?: boolean;
     }) => react_jsx_runtime.JSX.Element>;
+    var Layout: ({ children }: {
+        children?: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
     var Outline: () => react_jsx_runtime.JSX.Element;
     var Preview: ({ id }: {
         id?: string;
@@ -288,8 +187,6 @@ declare function AlignRight(): react_jsx_runtime.JSX.Element;
 
 declare function AlignJustify(): react_jsx_runtime.JSX.Element;
 
-declare function AlignSelect(): react_jsx_runtime.JSX.Element;
-
 declare function Bold(): react_jsx_runtime.JSX.Element;
 
 declare function Italic(): react_jsx_runtime.JSX.Element;
@@ -310,10 +207,6 @@ declare function Blockquote(): react_jsx_runtime.JSX.Element;
 
 declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
 
-declare function HeadingSelect(): react_jsx_runtime.JSX.Element;
-
-declare function ListSelect(): react_jsx_runtime.JSX.Element;
-
 declare function Control({ icon, disabled, active, onClick, title, }: {
     icon: ReactNode;
     disabled?: boolean;
@@ -334,16 +227,16 @@ declare const RichTextMenu: {
     AlignJustify: typeof AlignJustify;
     AlignLeft: typeof AlignLeft;
     AlignRight: typeof AlignRight;
-    AlignSelect: typeof AlignSelect;
+    AlignSelect: () => react_jsx_runtime.JSX.Element;
     Blockquote: typeof Blockquote;
     Bold: typeof Bold;
     BulletList: typeof BulletList;
     CodeBlock: typeof CodeBlock;
-    HeadingSelect: typeof HeadingSelect;
+    HeadingSelect: () => react_jsx_runtime.JSX.Element;
     HorizontalRule: typeof HorizontalRule;
     InlineCode: typeof InlineCode;
     Italic: typeof Italic;
-    ListSelect: typeof ListSelect;
+    ListSelect: () => react_jsx_runtime.JSX.Element;
     OrderedList: typeof OrderedList;
     Strikethrough: typeof Strikethrough;
     Underline: typeof Underline;
@@ -401,4 +294,14 @@ declare function usePuck<UserConfig extends Config = Config>(): UsePuckStore<Use
  */
 declare function useGetPuck(): () => UsePuckStore<Config>;
 
-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, RichTextMenu, RichtextField, RootDataWithProps, Separator, UiState, type UsePuckData, UserGenerics, Viewports, createUsePuck, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };
+declare const blocksPlugin: () => Plugin;
+
+declare const fieldsPlugin: (params?: {
+    mobileOnly?: boolean;
+}) => PluginInternal;
+
+declare const outlinePlugin: () => Plugin;
+
+declare const legacySideBarPlugin: () => Plugin;
+
+export { Action, ActionBar, AutoField, Button, ComponentData, Config, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, type PuckApi, Render, RichTextMenu, Separator, UiState, type UsePuckData, UserGenerics, Viewports, blocksPlugin, createUsePuck, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck };