@measured/puck 0.21.0-canary.d32e582b → 0.21.0-canary.e1cbf777

package/dist/index.d.mts

@@ -1,123 +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, o as PluginInternal } from './walk-tree-DiatHoF-.mjs';
-export { a8 as Adaptor, a6 as ArrayField, E as ArrayState, al as AsFieldProps, Q as BaseData, a0 as BaseField, _ as ComponentDataMap, Y as ComponentDataOptionalId, $ as Content, ac as CustomField, ab as CustomFieldRender, ai as DefaultComponentProps, L as DefaultComponents, af as DefaultRootFieldProps, ah as DefaultRootProps, ag as DefaultRootRenderProps, p as Direction, q as DragAxis, aa as ExternalField, a9 as ExternalFieldWithAdaptor, N as ExtractConfigParams, an as ExtractField, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, Z as MappedItem, a2 as NumberField, a7 as ObjectField, y as OverrideKey, J as PuckComponent, ae as PuckContext, a5 as RadioField, K as RootConfig, X as RootData, T as RootDataWithoutProps, a4 as SelectField, S as Slot, G as SlotComponent, ad as SlotField, a1 as TextField, a3 as TextareaField, s as Viewport, am as WithChildren, aj as WithId, ak as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DiatHoF-.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, CSSProperties } 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>> = {
-    instanceId: string;
-    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 { 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;
@@ -125,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;
@@ -137,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;
@@ -146,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;
@@ -183,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>> = {
@@ -237,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;
@@ -254,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;
@@ -274,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"];
@@ -308,9 +297,11 @@ declare function useGetPuck(): () => UsePuckStore<Config>;
 declare const blocksPlugin: () => Plugin;
 
 declare const fieldsPlugin: (params?: {
-    mobileOnly?: boolean;
+    desktopSideBar?: "left" | "right";
 }) => PluginInternal;
 
 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 };
+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,123 +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, o as PluginInternal } from './walk-tree-DiatHoF-.js';
-export { a8 as Adaptor, a6 as ArrayField, E as ArrayState, al as AsFieldProps, Q as BaseData, a0 as BaseField, _ as ComponentDataMap, Y as ComponentDataOptionalId, $ as Content, ac as CustomField, ab as CustomFieldRender, ai as DefaultComponentProps, L as DefaultComponents, af as DefaultRootFieldProps, ah as DefaultRootProps, ag as DefaultRootRenderProps, p as Direction, q as DragAxis, aa as ExternalField, a9 as ExternalFieldWithAdaptor, N as ExtractConfigParams, an as ExtractField, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, Z as MappedItem, a2 as NumberField, a7 as ObjectField, y as OverrideKey, J as PuckComponent, ae as PuckContext, a5 as RadioField, K as RootConfig, X as RootData, T as RootDataWithoutProps, a4 as SelectField, S as Slot, G as SlotComponent, ad as SlotField, a1 as TextField, a3 as TextareaField, s as Viewport, am as WithChildren, aj as WithId, ak as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DiatHoF-.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, CSSProperties } 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>> = {
-    instanceId: string;
-    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 { 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;
@@ -125,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;
@@ -137,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;
@@ -146,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;
@@ -183,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>> = {
@@ -237,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;
@@ -254,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;
@@ -274,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"];
@@ -308,9 +297,11 @@ declare function useGetPuck(): () => UsePuckStore<Config>;
 declare const blocksPlugin: () => Plugin;
 
 declare const fieldsPlugin: (params?: {
-    mobileOnly?: boolean;
+    desktopSideBar?: "left" | "right";
 }) => PluginInternal;
 
 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 };
+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 };