@measured/puck 0.16.0-canary.6d43ba0 → 0.16.0-canary.7a6a65c

package/dist/index.d.mts

@@ -1,137 +1,10 @@
-import { U as UiState, D as Data, A as AppState, I as ItemSelector, F as Field, a as FieldProps, C as Config, b as DropZoneProps, P as Permissions, V as Viewports, c as DefaultComponentProps, d as DefaultRootFieldProps, e as ComponentData, R as RootData, f as RootDataWithProps, g as Content } from './Config-XUGMjfT5.mjs';
-export { u as Adaptor, t as ArrayField, p as ArrayState, B as BaseData, q as BaseField, l as ComponentConfig, m as ComponentDataMap, w as CustomField, i as DefaultRootProps, h as DefaultRootRenderProps, v as ExternalField, E as ExternalFieldWithAdaptor, x as Fields, o as ItemWithId, M as MappedItem, N as NumberField, O as ObjectField, j as PuckComponent, k as PuckContext, s as RadioField, n as RootDataWithoutProps, S as SelectField, T as TextField, r as TextareaField } from './Config-XUGMjfT5.mjs';
-import * as react from 'react';
-import { ReactNode, ReactElement, SyntheticEvent, CSSProperties } from 'react';
+import { F as Field, a as FieldProps, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, k as ComponentData, H as History, A as AppState, E as ExtractPropsFromConfig, l as ExtractRootPropsFromConfig, m as ComponentDataMap } from './actions-9pHbVtMU.mjs';
+export { L as Adaptor, J as ArrayField, s as ArrayState, a2 as AsFieldProps, B as BaseData, y as BaseField, u as ComponentConfig, x as Content, X as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, W as ExternalField, Q as ExternalFieldWithAdaptor, q as FieldRenderFunctions, Y as Fields, r as ItemWithId, M as MappedItem, N as NumberField, K as ObjectField, p as OverrideKey, t as PuckComponent, Z as PuckContext, G as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, z as TextareaField, n as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, o as overrideKeys } from './actions-9pHbVtMU.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
 import { DragStart, DragUpdate } from '@measured/dnd';
 
-type InsertAction = {
-    type: "insert";
-    componentType: string;
-    destinationIndex: number;
-    destinationZone: string;
-    id?: string;
-};
-type DuplicateAction = {
-    type: "duplicate";
-    sourceIndex: number;
-    sourceZone: string;
-};
-type ReplaceAction = {
-    type: "replace";
-    destinationIndex: number;
-    destinationZone: string;
-    data: any;
-};
-type ReorderAction = {
-    type: "reorder";
-    sourceIndex: number;
-    destinationIndex: number;
-    destinationZone: string;
-};
-type MoveAction = {
-    type: "move";
-    sourceIndex: number;
-    sourceZone: string;
-    destinationIndex: number;
-    destinationZone: string;
-};
-type RemoveAction = {
-    type: "remove";
-    index: number;
-    zone: string;
-};
-type SetUiAction = {
-    type: "setUi";
-    ui: Partial<UiState> | ((previous: UiState) => Partial<UiState>);
-};
-type SetDataAction = {
-    type: "setData";
-    data: Partial<Data> | ((previous: Data) => Partial<Data>);
-};
-type SetAction = {
-    type: "set";
-    state: Partial<AppState> | ((previous: AppState) => Partial<AppState>);
-};
-type RegisterZoneAction = {
-    type: "registerZone";
-    zone: string;
-};
-type UnregisterZoneAction = {
-    type: "unregisterZone";
-    zone: string;
-};
-type PuckAction = {
-    recordHistory?: boolean;
-} & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
-
-type RenderFunc<Props extends {
-    [key: string]: any;
-} = {
-    children: ReactNode;
-}> = (props: Props) => ReactElement;
-declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
-type OverrideKey = (typeof overrideKeys)[number];
-type OverridesGeneric<Shape extends {
-    [key in OverrideKey]: any;
-}> = Shape;
-type Overrides = OverridesGeneric<{
-    fieldTypes: Partial<FieldRenderFunctions>;
-    header: RenderFunc<{
-        actions: ReactNode;
-        children: ReactNode;
-    }>;
-    actionBar: RenderFunc<{
-        label?: string;
-        children: ReactNode;
-    }>;
-    headerActions: RenderFunc<{
-        children: ReactNode;
-    }>;
-    preview: RenderFunc;
-    fields: RenderFunc<{
-        children: ReactNode;
-        isLoading: boolean;
-        itemSelector?: ItemSelector | null;
-    }>;
-    fieldLabel: RenderFunc<{
-        children?: ReactNode;
-        icon?: ReactNode;
-        label: string;
-        el?: "label" | "div";
-        readOnly?: boolean;
-        className?: string;
-    }>;
-    components: RenderFunc;
-    componentItem: RenderFunc<{
-        children: ReactNode;
-        name: string;
-    }>;
-    iframe: RenderFunc<{
-        children: ReactNode;
-        document?: Document;
-    }>;
-    outline: RenderFunc;
-    puck: RenderFunc;
-}>;
-type FieldRenderFunctions = Omit<{
-    [Type in Field["type"]]: React.FunctionComponent<FieldProps<Extract<Field, {
-        type: Type;
-    }>> & {
-        children: ReactNode;
-        name: string;
-    }>;
-}, "custom"> & {
-    [key: string]: React.FunctionComponent<FieldProps<any> & {
-        children: ReactNode;
-        name: string;
-    }>;
-};
-
-type Plugin = {
-    overrides: Partial<Overrides>;
-};
-
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
@@ -142,12 +15,18 @@ declare const ActionBar: {
         label?: string;
         onClick: (e: SyntheticEvent) => void;
     }) => react_jsx_runtime.JSX.Element;
+    Group: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
 };
 declare const Action: ({ children, label, onClick, }: {
     children: ReactNode;
     label?: string;
     onClick: (e: SyntheticEvent) => void;
 }) => react_jsx_runtime.JSX.Element;
+declare const Group: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
@@ -215,27 +94,6 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type History<D = any> = {
-    id: string;
-    data: D;
-};
-type HistoryStore<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;
-};
-
-type OnAction = (action: PuckAction, appState: AppState, prevAppState: AppState) => void;
-
 type PathData = Record<string, {
     path: string[];
     label: string;
@@ -288,28 +146,24 @@ declare const IconButton: ({ children, href, onClick, variant, type, disabled, t
     title: string;
 }) => react_jsx_runtime.JSX.Element;
 
-type IframeConfig = {
-    enabled?: boolean;
-};
-
-declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, initialHistory, }: {
+declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe: _iframe, dnd, initialHistory: _initialHistory, }: {
     children?: ReactNode;
     config: UserConfig;
-    data: Partial<Data>;
+    data: Partial<G["UserData"] | Data>;
     ui?: Partial<UiState>;
-    onChange?: (data: Data) => void;
-    onPublish?: (data: Data) => void;
-    onAction?: OnAction;
+    onChange?: (data: G["UserData"]) => void;
+    onPublish?: (data: G["UserData"]) => void;
+    onAction?: OnAction<G["UserData"]>;
     permissions?: Partial<Permissions>;
     plugins?: Plugin[];
     overrides?: Partial<Overrides>;
     renderHeader?: (props: {
         children: ReactNode;
         dispatch: (action: PuckAction) => void;
-        state: AppState;
+        state: G["UserAppState"];
     }) => ReactElement;
     renderHeaderActions?: (props: {
-        state: AppState;
+        state: G["UserAppState"];
         dispatch: (action: PuckAction) => void;
     }) => ReactElement;
     headerTitle?: string;
@@ -319,10 +173,7 @@ declare function Puck<UserConfig extends Config = Config>({ children, config, da
     dnd?: {
         disableAutoScroll?: boolean;
     };
-    initialHistory?: {
-        histories: History<any>[];
-        index: number;
-    };
+    initialHistory?: InitialHistory;
 }): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
     var Components: () => react_jsx_runtime.JSX.Element;
@@ -333,9 +184,9 @@ declare namespace Puck {
     }) => react_jsx_runtime.JSX.Element;
 }
 
-declare function Render<UserConfig extends Config = Config>({ config, data, }: {
+declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, }: {
     config: UserConfig;
-    data: Partial<Data>;
+    data: Partial<G["UserData"] | Data>;
 }): react_jsx_runtime.JSX.Element;
 
 declare function migrate(data: Data): Data;
@@ -351,27 +202,37 @@ type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps,
 }>;
 declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>): Data;
 
-declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<{
-    root: RootData<DefaultRootFieldProps> | RootDataWithProps;
-    content: Content<Props>;
-    zones: Record<string, Content<Props>>;
-}>;
+declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
+
+type HistoryStore<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;
+};
+
+type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    item?: G["UserComponentData"];
+    type?: keyof G["UserProps"];
+    root?: boolean;
+};
+type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Partial<Permissions>;
+type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
 
-declare const usePuck: () => {
-    appState: AppState;
-    config: Config;
+declare const usePuck: <UserConfig extends Config = Config>() => {
+    appState: AppState<Data<ExtractPropsFromConfig<UserConfig>, ExtractRootPropsFromConfig<UserConfig>>>;
+    config: UserConfig;
     dispatch: (action: PuckAction) => void;
-    getPermissions: ({ item, type, }?: {
-        item?: ComponentData;
-        type?: keyof DefaultComponentProps;
-    }) => {
-        [x: string]: boolean | undefined;
-        drag?: boolean | undefined;
-        duplicate?: boolean | undefined;
-        delete?: boolean | undefined;
-        edit?: boolean | undefined;
-        insert?: boolean | undefined;
-    };
+    getPermissions: GetPermissions<UserConfig>;
+    refreshPermissions: RefreshPermissions<UserConfig>;
     history: {
         back: VoidFunction;
         forward: VoidFunction;
@@ -383,7 +244,7 @@ declare const usePuck: () => {
         index: number;
         historyStore: HistoryStore | undefined;
     };
-    selectedItem: ComponentData<any, string> | null;
+    selectedItem: ComponentDataMap<ExtractPropsFromConfig<UserConfig>> | null;
 };
 
-export { Action, ActionBar, AppState, AutoField, AutoFieldPrivate, Button, ComponentData, Config, Content, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, DropZoneProvider, Field, FieldLabel, FieldLabelInternal, FieldProps, type FieldPropsInternal, type History, IconButton, Permissions, type Plugin, Puck, type PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };
+export { Action, ActionBar, AppState, AutoField, AutoFieldPrivate, Button, ComponentData, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, DropZoneProvider, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldLabelInternal, FieldProps, type FieldPropsInternal, Group, History, IconButton, IframeConfig, InitialHistory, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };

package/dist/index.d.ts

@@ -1,137 +1,10 @@
-import { U as UiState, D as Data, A as AppState, I as ItemSelector, F as Field, a as FieldProps, C as Config, b as DropZoneProps, P as Permissions, V as Viewports, c as DefaultComponentProps, d as DefaultRootFieldProps, e as ComponentData, R as RootData, f as RootDataWithProps, g as Content } from './Config-XUGMjfT5.js';
-export { u as Adaptor, t as ArrayField, p as ArrayState, B as BaseData, q as BaseField, l as ComponentConfig, m as ComponentDataMap, w as CustomField, i as DefaultRootProps, h as DefaultRootRenderProps, v as ExternalField, E as ExternalFieldWithAdaptor, x as Fields, o as ItemWithId, M as MappedItem, N as NumberField, O as ObjectField, j as PuckComponent, k as PuckContext, s as RadioField, n as RootDataWithoutProps, S as SelectField, T as TextField, r as TextareaField } from './Config-XUGMjfT5.js';
-import * as react from 'react';
-import { ReactNode, ReactElement, SyntheticEvent, CSSProperties } from 'react';
+import { F as Field, a as FieldProps, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, k as ComponentData, H as History, A as AppState, E as ExtractPropsFromConfig, l as ExtractRootPropsFromConfig, m as ComponentDataMap } from './actions-9pHbVtMU.js';
+export { L as Adaptor, J as ArrayField, s as ArrayState, a2 as AsFieldProps, B as BaseData, y as BaseField, u as ComponentConfig, x as Content, X as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, W as ExternalField, Q as ExternalFieldWithAdaptor, q as FieldRenderFunctions, Y as Fields, r as ItemWithId, M as MappedItem, N as NumberField, K as ObjectField, p as OverrideKey, t as PuckComponent, Z as PuckContext, G as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, z as TextareaField, n as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, o as overrideKeys } from './actions-9pHbVtMU.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
 import { DragStart, DragUpdate } from '@measured/dnd';
 
-type InsertAction = {
-    type: "insert";
-    componentType: string;
-    destinationIndex: number;
-    destinationZone: string;
-    id?: string;
-};
-type DuplicateAction = {
-    type: "duplicate";
-    sourceIndex: number;
-    sourceZone: string;
-};
-type ReplaceAction = {
-    type: "replace";
-    destinationIndex: number;
-    destinationZone: string;
-    data: any;
-};
-type ReorderAction = {
-    type: "reorder";
-    sourceIndex: number;
-    destinationIndex: number;
-    destinationZone: string;
-};
-type MoveAction = {
-    type: "move";
-    sourceIndex: number;
-    sourceZone: string;
-    destinationIndex: number;
-    destinationZone: string;
-};
-type RemoveAction = {
-    type: "remove";
-    index: number;
-    zone: string;
-};
-type SetUiAction = {
-    type: "setUi";
-    ui: Partial<UiState> | ((previous: UiState) => Partial<UiState>);
-};
-type SetDataAction = {
-    type: "setData";
-    data: Partial<Data> | ((previous: Data) => Partial<Data>);
-};
-type SetAction = {
-    type: "set";
-    state: Partial<AppState> | ((previous: AppState) => Partial<AppState>);
-};
-type RegisterZoneAction = {
-    type: "registerZone";
-    zone: string;
-};
-type UnregisterZoneAction = {
-    type: "unregisterZone";
-    zone: string;
-};
-type PuckAction = {
-    recordHistory?: boolean;
-} & (ReorderAction | InsertAction | MoveAction | ReplaceAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
-
-type RenderFunc<Props extends {
-    [key: string]: any;
-} = {
-    children: ReactNode;
-}> = (props: Props) => ReactElement;
-declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
-type OverrideKey = (typeof overrideKeys)[number];
-type OverridesGeneric<Shape extends {
-    [key in OverrideKey]: any;
-}> = Shape;
-type Overrides = OverridesGeneric<{
-    fieldTypes: Partial<FieldRenderFunctions>;
-    header: RenderFunc<{
-        actions: ReactNode;
-        children: ReactNode;
-    }>;
-    actionBar: RenderFunc<{
-        label?: string;
-        children: ReactNode;
-    }>;
-    headerActions: RenderFunc<{
-        children: ReactNode;
-    }>;
-    preview: RenderFunc;
-    fields: RenderFunc<{
-        children: ReactNode;
-        isLoading: boolean;
-        itemSelector?: ItemSelector | null;
-    }>;
-    fieldLabel: RenderFunc<{
-        children?: ReactNode;
-        icon?: ReactNode;
-        label: string;
-        el?: "label" | "div";
-        readOnly?: boolean;
-        className?: string;
-    }>;
-    components: RenderFunc;
-    componentItem: RenderFunc<{
-        children: ReactNode;
-        name: string;
-    }>;
-    iframe: RenderFunc<{
-        children: ReactNode;
-        document?: Document;
-    }>;
-    outline: RenderFunc;
-    puck: RenderFunc;
-}>;
-type FieldRenderFunctions = Omit<{
-    [Type in Field["type"]]: React.FunctionComponent<FieldProps<Extract<Field, {
-        type: Type;
-    }>> & {
-        children: ReactNode;
-        name: string;
-    }>;
-}, "custom"> & {
-    [key: string]: React.FunctionComponent<FieldProps<any> & {
-        children: ReactNode;
-        name: string;
-    }>;
-};
-
-type Plugin = {
-    overrides: Partial<Overrides>;
-};
-
 declare const ActionBar: {
     ({ label, children, }: {
         label?: string;
@@ -142,12 +15,18 @@ declare const ActionBar: {
         label?: string;
         onClick: (e: SyntheticEvent) => void;
     }) => react_jsx_runtime.JSX.Element;
+    Group: ({ children }: {
+        children: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
 };
 declare const Action: ({ children, label, onClick, }: {
     children: ReactNode;
     label?: string;
     onClick: (e: SyntheticEvent) => void;
 }) => react_jsx_runtime.JSX.Element;
+declare const Group: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }: {
     children?: ReactNode;
@@ -215,27 +94,6 @@ declare const Drawer: {
     }) => react_jsx_runtime.JSX.Element;
 };
 
-type History<D = any> = {
-    id: string;
-    data: D;
-};
-type HistoryStore<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;
-};
-
-type OnAction = (action: PuckAction, appState: AppState, prevAppState: AppState) => void;
-
 type PathData = Record<string, {
     path: string[];
     label: string;
@@ -288,28 +146,24 @@ declare const IconButton: ({ children, href, onClick, variant, type, disabled, t
     title: string;
 }) => react_jsx_runtime.JSX.Element;
 
-type IframeConfig = {
-    enabled?: boolean;
-};
-
-declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, initialHistory, }: {
+declare function Puck<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, onAction, permissions, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe: _iframe, dnd, initialHistory: _initialHistory, }: {
     children?: ReactNode;
     config: UserConfig;
-    data: Partial<Data>;
+    data: Partial<G["UserData"] | Data>;
     ui?: Partial<UiState>;
-    onChange?: (data: Data) => void;
-    onPublish?: (data: Data) => void;
-    onAction?: OnAction;
+    onChange?: (data: G["UserData"]) => void;
+    onPublish?: (data: G["UserData"]) => void;
+    onAction?: OnAction<G["UserData"]>;
     permissions?: Partial<Permissions>;
     plugins?: Plugin[];
     overrides?: Partial<Overrides>;
     renderHeader?: (props: {
         children: ReactNode;
         dispatch: (action: PuckAction) => void;
-        state: AppState;
+        state: G["UserAppState"];
     }) => ReactElement;
     renderHeaderActions?: (props: {
-        state: AppState;
+        state: G["UserAppState"];
         dispatch: (action: PuckAction) => void;
     }) => ReactElement;
     headerTitle?: string;
@@ -319,10 +173,7 @@ declare function Puck<UserConfig extends Config = Config>({ children, config, da
     dnd?: {
         disableAutoScroll?: boolean;
     };
-    initialHistory?: {
-        histories: History<any>[];
-        index: number;
-    };
+    initialHistory?: InitialHistory;
 }): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
     var Components: () => react_jsx_runtime.JSX.Element;
@@ -333,9 +184,9 @@ declare namespace Puck {
     }) => react_jsx_runtime.JSX.Element;
 }
 
-declare function Render<UserConfig extends Config = Config>({ config, data, }: {
+declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, }: {
     config: UserConfig;
-    data: Partial<Data>;
+    data: Partial<G["UserData"] | Data>;
 }): react_jsx_runtime.JSX.Element;
 
 declare function migrate(data: Data): Data;
@@ -351,27 +202,37 @@ type PropTransform<Props extends DefaultComponentProps = DefaultComponentProps,
 }>;
 declare function transformProps<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends DefaultComponentProps = DefaultRootFieldProps>(data: Partial<Data>, propTransforms: PropTransform<Props, RootProps>): Data;
 
-declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<{
-    root: RootData<DefaultRootFieldProps> | RootDataWithProps;
-    content: Content<Props>;
-    zones: Record<string, Content<Props>>;
-}>;
+declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
+
+type HistoryStore<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;
+};
+
+type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    item?: G["UserComponentData"];
+    type?: keyof G["UserProps"];
+    root?: boolean;
+};
+type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Partial<Permissions>;
+type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
 
-declare const usePuck: () => {
-    appState: AppState;
-    config: Config;
+declare const usePuck: <UserConfig extends Config = Config>() => {
+    appState: AppState<Data<ExtractPropsFromConfig<UserConfig>, ExtractRootPropsFromConfig<UserConfig>>>;
+    config: UserConfig;
     dispatch: (action: PuckAction) => void;
-    getPermissions: ({ item, type, }?: {
-        item?: ComponentData;
-        type?: keyof DefaultComponentProps;
-    }) => {
-        [x: string]: boolean | undefined;
-        drag?: boolean | undefined;
-        duplicate?: boolean | undefined;
-        delete?: boolean | undefined;
-        edit?: boolean | undefined;
-        insert?: boolean | undefined;
-    };
+    getPermissions: GetPermissions<UserConfig>;
+    refreshPermissions: RefreshPermissions<UserConfig>;
     history: {
         back: VoidFunction;
         forward: VoidFunction;
@@ -383,7 +244,7 @@ declare const usePuck: () => {
         index: number;
         historyStore: HistoryStore | undefined;
     };
-    selectedItem: ComponentData<any, string> | null;
+    selectedItem: ComponentDataMap<ExtractPropsFromConfig<UserConfig>> | null;
 };
 
-export { Action, ActionBar, AppState, AutoField, AutoFieldPrivate, Button, ComponentData, Config, Content, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, DropZoneProvider, Field, FieldLabel, FieldLabelInternal, FieldProps, type FieldPropsInternal, type History, IconButton, Permissions, type Plugin, Puck, type PuckAction, Render, RootData, RootDataWithProps, UiState, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };
+export { Action, ActionBar, AppState, AutoField, AutoFieldPrivate, Button, ComponentData, ComponentDataMap, Config, Data, DefaultComponentProps, DefaultRootFieldProps, Drawer, DropZone, DropZoneProvider, ExtractPropsFromConfig, ExtractRootPropsFromConfig, Field, FieldLabel, FieldLabelInternal, FieldProps, type FieldPropsInternal, Group, History, IconButton, IframeConfig, InitialHistory, OnAction, Overrides, Permissions, Plugin, Puck, PuckAction, Render, UiState, UserGenerics, Viewports, dropZoneContext, migrate, resolveAllData, transformProps, usePuck };