@measured/puck 0.21.0-canary.16a3eee1 → 0.21.0-canary.17395b2c

package/dist/index.d.mts

@@ -1,122 +1,37 @@
-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 } from './walk-tree-Ctf3FZQI.mjs';
-export { a7 as Adaptor, a5 as ArrayField, B as ArrayState, ak as AsFieldProps, N as BaseData, $ as BaseField, Z as ComponentDataMap, X as ComponentDataOptionalId, _ as Content, ab as CustomField, aa as CustomFieldRender, ah as DefaultComponentProps, K as DefaultComponents, ae as DefaultRootFieldProps, ag as DefaultRootProps, af as DefaultRootRenderProps, o as Direction, p as DragAxis, a9 as ExternalField, a8 as ExternalFieldWithAdaptor, L as ExtractConfigParams, am as ExtractField, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, z as ItemWithId, Y as MappedItem, a1 as NumberField, a6 as ObjectField, x as OverrideKey, G as PuckComponent, ad as PuckContext, a4 as RadioField, J as RootConfig, T as RootData, Q as RootDataWithoutProps, a3 as SelectField, S as Slot, E as SlotComponent, ac as SlotField, a0 as TextField, a2 as TextareaField, q as Viewport, al as WithChildren, ai as WithId, aj as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Ctf3FZQI.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';
-
-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;
-}>;
-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;
-};
+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';
+import '@tiptap/extension-code-block';
+import '@tiptap/extension-hard-break';
+import '@tiptap/extension-heading';
+import '@tiptap/extension-horizontal-rule';
+import '@tiptap/extension-italic';
+import '@tiptap/extension-link';
+import '@tiptap/extension-list';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-strike';
+import '@tiptap/extension-text-align';
+import '@tiptap/extension-underline';
 
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
         children?: ReactNode;
     }): react_jsx_runtime.JSX.Element;
-    Action: ({ children, label, onClick, }: {
+    Action: ({ children, label, onClick, active, disabled, }: {
         children: ReactNode;
         label?: string;
         onClick: (e: SyntheticEvent) => void;
+        active?: boolean;
+        disabled?: boolean;
     }) => react_jsx_runtime.JSX.Element;
     Label: ({ label }: {
         label: string;
@@ -124,11 +39,14 @@ declare const ActionBar: {
     Group: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
+    Separator: () => react_jsx_runtime.JSX.Element;
 };
-declare const Action: ({ children, label, onClick, }: {
+declare const Action: ({ children, label, onClick, active, disabled, }: {
     children: ReactNode;
     label?: string;
     onClick: (e: SyntheticEvent) => void;
+    active?: boolean;
+    disabled?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 declare const Group: ({ children }: {
     children: ReactNode;
@@ -136,6 +54,7 @@ declare const Group: ({ children }: {
 declare const Label: ({ label }: {
     label: string;
 }) => react_jsx_runtime.JSX.Element;
+declare const Separator: () => react_jsx_runtime.JSX.Element;
 
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
@@ -145,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;
@@ -182,19 +104,20 @@ 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: ({ children, href, onClick, variant, 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;
     onClick?: (e: SyntheticEvent) => void | Promise<void>;
-    variant?: "primary" | "secondary";
     type?: "button" | "submit" | "reset";
     disabled?: boolean;
     tabIndex?: number;
     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>> = {
@@ -227,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 {
@@ -234,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;
@@ -251,6 +179,69 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
     metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
+declare function AlignLeft(): react_jsx_runtime.JSX.Element;
+
+declare function AlignCenter(): react_jsx_runtime.JSX.Element;
+
+declare function AlignRight(): react_jsx_runtime.JSX.Element;
+
+declare function AlignJustify(): react_jsx_runtime.JSX.Element;
+
+declare function Bold(): react_jsx_runtime.JSX.Element;
+
+declare function Italic(): react_jsx_runtime.JSX.Element;
+
+declare function Underline(): react_jsx_runtime.JSX.Element;
+
+declare function Strikethrough(): react_jsx_runtime.JSX.Element;
+
+declare function InlineCode(): react_jsx_runtime.JSX.Element;
+
+declare function BulletList(): react_jsx_runtime.JSX.Element;
+
+declare function OrderedList(): react_jsx_runtime.JSX.Element;
+
+declare function CodeBlock(): react_jsx_runtime.JSX.Element;
+
+declare function Blockquote(): react_jsx_runtime.JSX.Element;
+
+declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
+
+declare function Control({ icon, disabled, active, onClick, title, }: {
+    icon: ReactNode;
+    disabled?: boolean;
+    active?: boolean;
+    onClick: (e: SyntheticEvent) => any;
+    title: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare const RichTextMenu: {
+    ({ children }: {
+        children: ReactNode;
+    }): react_jsx_runtime.JSX.Element;
+    Group: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    Control: typeof Control;
+    AlignCenter: typeof AlignCenter;
+    AlignJustify: typeof AlignJustify;
+    AlignLeft: typeof AlignLeft;
+    AlignRight: typeof AlignRight;
+    AlignSelect: () => react_jsx_runtime.JSX.Element;
+    Blockquote: typeof Blockquote;
+    Bold: typeof Bold;
+    BulletList: typeof BulletList;
+    CodeBlock: typeof CodeBlock;
+    HeadingSelect: () => react_jsx_runtime.JSX.Element;
+    HorizontalRule: typeof HorizontalRule;
+    InlineCode: typeof InlineCode;
+    Italic: typeof Italic;
+    ListSelect: () => react_jsx_runtime.JSX.Element;
+    OrderedList: typeof OrderedList;
+    Strikethrough: typeof Strikethrough;
+    Underline: typeof Underline;
+};
+
 declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
     disableDrag?: boolean;
     disableDragOnFocus?: boolean;
@@ -271,6 +262,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
     getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
     getItemById: (id: string) => G["UserComponentData"] | undefined;
     getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
+    getParentById: (id: string) => ComponentData | undefined;
     history: {
         back: HistorySlice["back"];
         forward: HistorySlice["forward"];
@@ -302,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, RootDataWithProps, 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,122 +1,37 @@
-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 } from './walk-tree-Ctf3FZQI.js';
-export { a7 as Adaptor, a5 as ArrayField, B as ArrayState, ak as AsFieldProps, N as BaseData, $ as BaseField, Z as ComponentDataMap, X as ComponentDataOptionalId, _ as Content, ab as CustomField, aa as CustomFieldRender, ah as DefaultComponentProps, K as DefaultComponents, ae as DefaultRootFieldProps, ag as DefaultRootProps, af as DefaultRootRenderProps, o as Direction, p as DragAxis, a9 as ExternalField, a8 as ExternalFieldWithAdaptor, L as ExtractConfigParams, am as ExtractField, y as FieldRenderFunctions, u as FieldTransformFn, s as FieldTransformFnParams, z as ItemWithId, Y as MappedItem, a1 as NumberField, a6 as ObjectField, x as OverrideKey, G as PuckComponent, ad as PuckContext, a4 as RadioField, J as RootConfig, T as RootData, Q as RootDataWithoutProps, a3 as SelectField, S as Slot, E as SlotComponent, ac as SlotField, a0 as TextField, a2 as TextareaField, q as Viewport, al as WithChildren, ai as WithId, aj as WithPuckProps, W as WithSlotProps, m as migrate, v as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Ctf3FZQI.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';
-
-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;
-}>;
-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;
-};
+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';
+import '@tiptap/extension-code-block';
+import '@tiptap/extension-hard-break';
+import '@tiptap/extension-heading';
+import '@tiptap/extension-horizontal-rule';
+import '@tiptap/extension-italic';
+import '@tiptap/extension-link';
+import '@tiptap/extension-list';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-strike';
+import '@tiptap/extension-text-align';
+import '@tiptap/extension-underline';
 
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
         children?: ReactNode;
     }): react_jsx_runtime.JSX.Element;
-    Action: ({ children, label, onClick, }: {
+    Action: ({ children, label, onClick, active, disabled, }: {
         children: ReactNode;
         label?: string;
         onClick: (e: SyntheticEvent) => void;
+        active?: boolean;
+        disabled?: boolean;
     }) => react_jsx_runtime.JSX.Element;
     Label: ({ label }: {
         label: string;
@@ -124,11 +39,14 @@ declare const ActionBar: {
     Group: ({ children }: {
         children: ReactNode;
     }) => react_jsx_runtime.JSX.Element;
+    Separator: () => react_jsx_runtime.JSX.Element;
 };
-declare const Action: ({ children, label, onClick, }: {
+declare const Action: ({ children, label, onClick, active, disabled, }: {
     children: ReactNode;
     label?: string;
     onClick: (e: SyntheticEvent) => void;
+    active?: boolean;
+    disabled?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 declare const Group: ({ children }: {
     children: ReactNode;
@@ -136,6 +54,7 @@ declare const Group: ({ children }: {
 declare const Label: ({ label }: {
     label: string;
 }) => react_jsx_runtime.JSX.Element;
+declare const Separator: () => react_jsx_runtime.JSX.Element;
 
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
@@ -145,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;
@@ -182,19 +104,20 @@ 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: ({ children, href, onClick, variant, 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;
     onClick?: (e: SyntheticEvent) => void | Promise<void>;
-    variant?: "primary" | "secondary";
     type?: "button" | "submit" | "reset";
     disabled?: boolean;
     tabIndex?: number;
     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>> = {
@@ -227,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 {
@@ -234,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;
@@ -251,6 +179,69 @@ declare function Render<UserConfig extends Config = Config, G extends UserGeneri
     metadata?: Metadata;
 }): react_jsx_runtime.JSX.Element;
 
+declare function AlignLeft(): react_jsx_runtime.JSX.Element;
+
+declare function AlignCenter(): react_jsx_runtime.JSX.Element;
+
+declare function AlignRight(): react_jsx_runtime.JSX.Element;
+
+declare function AlignJustify(): react_jsx_runtime.JSX.Element;
+
+declare function Bold(): react_jsx_runtime.JSX.Element;
+
+declare function Italic(): react_jsx_runtime.JSX.Element;
+
+declare function Underline(): react_jsx_runtime.JSX.Element;
+
+declare function Strikethrough(): react_jsx_runtime.JSX.Element;
+
+declare function InlineCode(): react_jsx_runtime.JSX.Element;
+
+declare function BulletList(): react_jsx_runtime.JSX.Element;
+
+declare function OrderedList(): react_jsx_runtime.JSX.Element;
+
+declare function CodeBlock(): react_jsx_runtime.JSX.Element;
+
+declare function Blockquote(): react_jsx_runtime.JSX.Element;
+
+declare function HorizontalRule(): react_jsx_runtime.JSX.Element;
+
+declare function Control({ icon, disabled, active, onClick, title, }: {
+    icon: ReactNode;
+    disabled?: boolean;
+    active?: boolean;
+    onClick: (e: SyntheticEvent) => any;
+    title: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare const RichTextMenu: {
+    ({ children }: {
+        children: ReactNode;
+    }): react_jsx_runtime.JSX.Element;
+    Group: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    Control: typeof Control;
+    AlignCenter: typeof AlignCenter;
+    AlignJustify: typeof AlignJustify;
+    AlignLeft: typeof AlignLeft;
+    AlignRight: typeof AlignRight;
+    AlignSelect: () => react_jsx_runtime.JSX.Element;
+    Blockquote: typeof Blockquote;
+    Bold: typeof Bold;
+    BulletList: typeof BulletList;
+    CodeBlock: typeof CodeBlock;
+    HeadingSelect: () => react_jsx_runtime.JSX.Element;
+    HorizontalRule: typeof HorizontalRule;
+    InlineCode: typeof InlineCode;
+    Italic: typeof Italic;
+    ListSelect: () => react_jsx_runtime.JSX.Element;
+    OrderedList: typeof OrderedList;
+    Strikethrough: typeof Strikethrough;
+    Underline: typeof Underline;
+};
+
 declare const registerOverlayPortal: (el: HTMLElement | null | undefined, opts?: {
     disableDrag?: boolean;
     disableDragOnFocus?: boolean;
@@ -271,6 +262,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
     getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
     getItemById: (id: string) => G["UserComponentData"] | undefined;
     getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
+    getParentById: (id: string) => ComponentData | undefined;
     history: {
         back: HistorySlice["back"];
         forward: HistorySlice["forward"];
@@ -302,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, RootDataWithProps, 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 };