@puckeditor/core 0.22.4 → 0.23.0-canary.026f0300

package/dist/{chunk-25QAPMLH.mjs → chunk-UAWUZ45G.mjs}

@@ -1,4 +1,5 @@
 import {
+  rootAreaId,
   rootDroppableId,
   setupZone,
   walkAppState,
@@ -378,16 +379,13 @@ var reorderAction = (state, action, appStore) => {
 init_react_import();
 var removeAction = (state, action, appStore) => {
   const item = getItem({ index: action.index, zone: action.zone }, state);
-  const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
-    (acc, [nodeId, nodeData]) => {
-      const pathIds = nodeData.path.map((p) => p.split(":")[0]);
-      if (pathIds.includes(item.props.id)) {
-        return [...acc, nodeId];
-      }
-      return acc;
-    },
-    [item.props.id]
-  );
+  const nodesToDelete = /* @__PURE__ */ new Set([item.props.id]);
+  Object.entries(state.indexes.nodes).forEach(([nodeId, nodeData]) => {
+    const pathIds = nodeData.path.map((p) => p.split(":")[0]);
+    if (pathIds.includes(item.props.id)) {
+      nodesToDelete.add(nodeId);
+    }
+  });
   const newState = walkAppState(
     state,
     appStore.config,
@@ -400,19 +398,22 @@ var removeAction = (state, action, appStore) => {
   );
   Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId) && newState.data.zones) {
+    if (nodesToDelete.has(parentId) && newState.data.zones) {
       delete newState.data.zones[zoneCompound];
     }
   });
   Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId)) {
+    if (nodesToDelete.has(parentId)) {
       delete newState.indexes.zones[zoneCompound];
     }
   });
+  const newItemExpanded = __spreadValues({}, newState.ui.itemExpanded);
   nodesToDelete.forEach((id) => {
     delete newState.indexes.nodes[id];
+    delete newItemExpanded[id];
   });
+  newState.ui = __spreadProps(__spreadValues({}, newState.ui), { itemExpanded: newItemExpanded });
   return newState;
 };
 
@@ -481,14 +482,36 @@ var setDataAction = (state, action, appStore) => {
 
 // reducer/actions/set-ui.ts
 init_react_import();
-var setUiAction = (state, action) => {
-  if (typeof action.ui === "object") {
-    return __spreadProps(__spreadValues({}, state), {
-      ui: __spreadValues(__spreadValues({}, state.ui), action.ui)
-    });
+var revealSelectedItem = (state, partialUi) => {
+  var _a, _b;
+  const itemSelector = partialUi.itemSelector;
+  if (!itemSelector) {
+    return partialUi;
+  }
+  const item = getItem(itemSelector, state);
+  if (!item) {
+    return partialUi;
+  }
+  const path = (_b = (_a = state.indexes.nodes[item.props.id]) == null ? void 0 : _a.path) != null ? _b : [];
+  const collapsedAncestorIds = path.map((zoneCompound) => zoneCompound.split(":")[0]).filter(
+    (ancestorId) => {
+      var _a2, _b2;
+      return ancestorId && ancestorId !== rootAreaId && !((_a2 = state.ui.itemExpanded) == null ? void 0 : _a2[ancestorId]) && !((_b2 = partialUi.itemExpanded) == null ? void 0 : _b2[ancestorId]);
+    }
+  );
+  if (collapsedAncestorIds.length === 0) {
+    return partialUi;
   }
+  const itemExpanded = __spreadValues(__spreadValues({}, state.ui.itemExpanded), partialUi.itemExpanded);
+  collapsedAncestorIds.forEach((ancestorId) => {
+    itemExpanded[ancestorId] = true;
+  });
+  return __spreadProps(__spreadValues({}, partialUi), { itemExpanded });
+};
+var setUiAction = (state, action) => {
+  const partialUi = typeof action.ui === "object" ? action.ui : action.ui(state.ui);
   return __spreadProps(__spreadValues({}, state), {
-    ui: __spreadValues(__spreadValues({}, state.ui), action.ui(state.ui))
+    ui: __spreadValues(__spreadValues({}, state.ui), revealSelectedItem(state, partialUi))
   });
 };
 

package/dist/{full-YXSOFDYM.mjs → full-67VCA5MX.mjs}

@@ -1,12 +1,12 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-25O24MZR.mjs";
-import "./chunk-NKDMBWQC.mjs";
-import "./chunk-C2H4WQP2.mjs";
-import "./chunk-4I2WN43X.mjs";
-import "./chunk-KJQTOPIV.mjs";
-import "./chunk-25QAPMLH.mjs";
-import "./chunk-WUO7D6OQ.mjs";
+} from "./chunk-3OLRWMRO.mjs";
+import "./chunk-OSPG5CWL.mjs";
+import "./chunk-OCFR2FFG.mjs";
+import "./chunk-L73ATZ55.mjs";
+import "./chunk-DIYX54ZO.mjs";
+import "./chunk-UAWUZ45G.mjs";
+import "./chunk-NPAYGEG5.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-QHQD3BMI.mjs";
 import {

package/dist/{full-S3QQ2IBQ.css → full-AAZK6KLI.css}

@@ -41,7 +41,7 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_yuha3_1 {
+._IconButton_1pxxt_1 {
   align-items: center;
   background: var(--puck-iconbutton-color-bg, transparent);
   border: none;
@@ -53,26 +53,26 @@
   padding: var(--puck-iconbutton-space, var(--puck-space-1));
   transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
 }
-._IconButton--active_yuha3_15 {
+._IconButton--active_1pxxt_15 {
   color: var( --puck-iconbutton-color-icon-active, var(--puck-color-interactive) );
 }
-._IconButton_yuha3_1:focus-visible {
+._IconButton_1pxxt_1:focus-visible {
   outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
   outline-offset: calc(var(--puck-border-width-focus) * -1);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_yuha3_1:hover:not(._IconButton--disabled_yuha3_28) {
-    background: var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) );
+  ._IconButton_1pxxt_1:hover:not(._IconButton--disabled_1pxxt_28) {
+    background: var( --_puck-iconbutton-color-bg-hover, var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) ) );
     color: var( --puck-iconbutton-color-icon-hover, var(--puck-color-interactive) );
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_yuha3_1:active {
+._IconButton_1pxxt_1:active {
   background: var( --puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft) );
   transition: none;
 }
-._IconButton--disabled_yuha3_28 {
+._IconButton--disabled_1pxxt_28 {
   color: var( --puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle) );
 }
 

package/dist/index-KWLAZybR.d.ts

@@ -0,0 +1,206 @@
+import { Q as History, a0 as Permissions, i as ComponentData, m as Config, an as UserGenerics, P as Fields, a4 as PuckAction, ae as RootDataWithProps, a9 as ResolveDataTrigger, a1 as Plugin, $ as Overrides, ap as Viewports, R as IframeConfig, am as UiState, f as ComponentConfig, a as AppState, W as Metadata, x as DndConfig, O as FieldTransforms, ab as RichtextField } from './actions-3w-1VzY_.js';
+import { Editor } from '@tiptap/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 NodeHandle = {
+    sync: () => void;
+    hideOverlay: () => void;
+    showOverlay: () => void;
+};
+type NodesSlice = {
+    registerNode: (id: string, handle: NodeHandle) => void;
+    unregisterNode: (id: string) => void;
+    syncNode: (id?: string | null) => void;
+    syncNodes: (ids: Array<string | null | undefined>) => void;
+    setOverlayVisible: (id: string | null | undefined, visible: boolean) => void;
+};
+
+type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    item?: G["UserComponentData"] | null;
+    type?: keyof G["UserProps"];
+    root?: boolean;
+};
+type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
+type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type Cache = Record<string, {
+    lastPermissions: Partial<Permissions>;
+    lastData: ComponentData | null;
+    lastParentId: string | null;
+}>;
+type PermissionsSlice = {
+    cache: Cache;
+    globalPermissions: Permissions;
+    resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
+    getPermissions: GetPermissions<Config>;
+    resolvePermissions: ResolvePermissions<Config>;
+    refreshPermissions: RefreshPermissions<Config>;
+};
+
+type ComponentOrRootData = Omit<ComponentData<any>, "type">;
+type FieldsSlice = {
+    fields: Fields | Partial<Fields>;
+    loading: boolean;
+    lastResolvedData: Partial<ComponentOrRootData>;
+    id: string | undefined;
+};
+
+/**
+ * Default messages for every hard-coded string shown in the Puck editor UI.
+ *
+ * Tokens follow a `{area}-{name}-{variant}` structure, where hyphens only
+ * separate segments (compound words within a segment are concatenated, e.g.
+ * `field-arrayitem-summary`).
+ */
+declare const defaultDictionary: {
+    readonly "header-publish": "Publish";
+    readonly "header-undo": "undo";
+    readonly "header-redo": "redo";
+    readonly "header-toggle-leftsidebar": "Toggle left sidebar";
+    readonly "header-toggle-rightsidebar": "Toggle right sidebar";
+    readonly "header-toggle-menubar": "Toggle menu bar";
+    readonly "action-selectparent": "Select parent";
+    readonly "action-duplicate": "Duplicate";
+    readonly "action-delete": "Delete";
+    readonly "label-page": "Page";
+    readonly "label-component": "Component";
+    readonly "outline-empty": "No items";
+    readonly "outline-item-collapse": "Collapse";
+    readonly "outline-item-expand": "Expand";
+    readonly "outline-header-title": "Outline";
+    readonly "outline-header-collapseall": "Collapse all";
+    readonly "outline-item-duplicate": "Duplicate";
+    readonly "outline-item-delete": "Delete";
+    readonly "drawer-category-collapse": "Collapse {title}";
+    readonly "drawer-category-expand": "Expand {title}";
+    readonly "drawer-category-other": "Other";
+    readonly "canvas-noconfig": "No configuration for {type}";
+    readonly "field-readonly": "Read-only";
+    readonly "field-arrayitem-summary": "Item #{index}";
+    readonly "field-arrayitem-duplicate": "Duplicate";
+    readonly "field-arrayitem-delete": "Delete";
+    readonly "field-external-selectdata": "Select data";
+    readonly "field-external-search": "Search";
+    readonly "field-external-togglefilters": "Toggle filters";
+    readonly "field-external-item": "External item";
+    readonly "field-external-result-singular": "{count} result";
+    readonly "field-external-result-plural": "{count} results";
+    readonly "field-richtext-bold": "Bold";
+    readonly "field-richtext-italic": "Italic";
+    readonly "field-richtext-underline": "Underline";
+    readonly "field-richtext-strikethrough": "Strikethrough";
+    readonly "field-richtext-blockquote": "Blockquote";
+    readonly "field-richtext-code-inline": "Inline code";
+    readonly "field-richtext-code-block": "Code block";
+    readonly "field-richtext-list-bullet": "Bullet list";
+    readonly "field-richtext-list-ordered": "Ordered list";
+    readonly "field-richtext-horizontalrule": "Horizontal rule";
+    readonly "field-richtext-align-left": "Align left";
+    readonly "field-richtext-align-center": "Align center";
+    readonly "field-richtext-align-right": "Align right";
+    readonly "field-richtext-align-justify": "Justify";
+    readonly "field-richtext-select": "Select";
+    readonly "field-richtext-headingselect-1": "Heading 1";
+    readonly "field-richtext-headingselect-2": "Heading 2";
+    readonly "field-richtext-headingselect-3": "Heading 3";
+    readonly "field-richtext-headingselect-4": "Heading 4";
+    readonly "field-richtext-headingselect-5": "Heading 5";
+    readonly "field-richtext-headingselect-6": "Heading 6";
+    readonly "field-richtext-alignselect-left": "Left";
+    readonly "field-richtext-alignselect-center": "Center";
+    readonly "field-richtext-alignselect-right": "Right";
+    readonly "field-richtext-alignselect-justify": "Justify";
+    readonly "field-richtext-listselect-bullet": "Bullet list";
+    readonly "field-richtext-listselect-ordered": "Ordered list";
+    readonly "viewport-zoom-in": "Zoom viewport in";
+    readonly "viewport-zoom-out": "Zoom viewport out";
+    readonly "viewport-zoom-auto": "{zoom}% (Auto)";
+    readonly "viewport-toggle-menu": "Toggle viewport menu";
+    readonly "viewport-switch": "Switch to {label} viewport";
+    readonly "viewport-switch-default": "Switch viewport";
+    readonly "plugin-blocks": "Blocks";
+    readonly "plugin-outline": "Outline";
+    readonly "plugin-fields": "Fields";
+    readonly "plugin-components": "Components";
+    readonly "layout-maximize": "maximize";
+    readonly "layout-minimize": "minimize";
+    readonly "loader-loading": "loading";
+};
+type DictionaryKey = keyof typeof defaultDictionary;
+/**
+ * Override any of Puck's built-in UI strings, or provide your own custom strings.
+ */
+type Dictionary = Partial<Record<DictionaryKey, string> & Record<string, string>>;
+
+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;
+    _experimentalFullScreenCanvas: boolean;
+    _experimentalVirtualization: boolean;
+    selectedItem?: G["UserData"]["content"][0] | null;
+    getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
+    setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
+    getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
+    onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
+    metadata: Metadata;
+    dictionary: Dictionary;
+    dnd?: DndConfig;
+    fields: FieldsSlice;
+    history: HistorySlice;
+    nodes: NodesSlice;
+    permissions: PermissionsSlice;
+    fieldTransforms: FieldTransforms;
+    currentRichText?: {
+        inlineComponentId?: string;
+        inline: boolean;
+        field: RichtextField;
+        editor: Editor;
+        id: string;
+    } | null;
+};
+
+export type { AppStore as A, Dictionary as D, GetPermissions as G, HistorySlice as H, RefreshPermissions as R };

package/dist/index-l1l-a8tj.d.mts

@@ -0,0 +1,206 @@
+import { Q as History, a0 as Permissions, i as ComponentData, m as Config, an as UserGenerics, P as Fields, a4 as PuckAction, ae as RootDataWithProps, a9 as ResolveDataTrigger, a1 as Plugin, $ as Overrides, ap as Viewports, R as IframeConfig, am as UiState, f as ComponentConfig, a as AppState, W as Metadata, x as DndConfig, O as FieldTransforms, ab as RichtextField } from './actions-3w-1VzY_.mjs';
+import { Editor } from '@tiptap/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 NodeHandle = {
+    sync: () => void;
+    hideOverlay: () => void;
+    showOverlay: () => void;
+};
+type NodesSlice = {
+    registerNode: (id: string, handle: NodeHandle) => void;
+    unregisterNode: (id: string) => void;
+    syncNode: (id?: string | null) => void;
+    syncNodes: (ids: Array<string | null | undefined>) => void;
+    setOverlayVisible: (id: string | null | undefined, visible: boolean) => void;
+};
+
+type PermissionsArgs<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    item?: G["UserComponentData"] | null;
+    type?: keyof G["UserProps"];
+    root?: boolean;
+};
+type GetPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>) => Permissions;
+type ResolvePermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type RefreshPermissions<UserConfig extends Config = Config> = (params?: PermissionsArgs<UserConfig>, force?: boolean) => void;
+type Cache = Record<string, {
+    lastPermissions: Partial<Permissions>;
+    lastData: ComponentData | null;
+    lastParentId: string | null;
+}>;
+type PermissionsSlice = {
+    cache: Cache;
+    globalPermissions: Permissions;
+    resolvedPermissions: Record<string, Partial<Permissions> | undefined>;
+    getPermissions: GetPermissions<Config>;
+    resolvePermissions: ResolvePermissions<Config>;
+    refreshPermissions: RefreshPermissions<Config>;
+};
+
+type ComponentOrRootData = Omit<ComponentData<any>, "type">;
+type FieldsSlice = {
+    fields: Fields | Partial<Fields>;
+    loading: boolean;
+    lastResolvedData: Partial<ComponentOrRootData>;
+    id: string | undefined;
+};
+
+/**
+ * Default messages for every hard-coded string shown in the Puck editor UI.
+ *
+ * Tokens follow a `{area}-{name}-{variant}` structure, where hyphens only
+ * separate segments (compound words within a segment are concatenated, e.g.
+ * `field-arrayitem-summary`).
+ */
+declare const defaultDictionary: {
+    readonly "header-publish": "Publish";
+    readonly "header-undo": "undo";
+    readonly "header-redo": "redo";
+    readonly "header-toggle-leftsidebar": "Toggle left sidebar";
+    readonly "header-toggle-rightsidebar": "Toggle right sidebar";
+    readonly "header-toggle-menubar": "Toggle menu bar";
+    readonly "action-selectparent": "Select parent";
+    readonly "action-duplicate": "Duplicate";
+    readonly "action-delete": "Delete";
+    readonly "label-page": "Page";
+    readonly "label-component": "Component";
+    readonly "outline-empty": "No items";
+    readonly "outline-item-collapse": "Collapse";
+    readonly "outline-item-expand": "Expand";
+    readonly "outline-header-title": "Outline";
+    readonly "outline-header-collapseall": "Collapse all";
+    readonly "outline-item-duplicate": "Duplicate";
+    readonly "outline-item-delete": "Delete";
+    readonly "drawer-category-collapse": "Collapse {title}";
+    readonly "drawer-category-expand": "Expand {title}";
+    readonly "drawer-category-other": "Other";
+    readonly "canvas-noconfig": "No configuration for {type}";
+    readonly "field-readonly": "Read-only";
+    readonly "field-arrayitem-summary": "Item #{index}";
+    readonly "field-arrayitem-duplicate": "Duplicate";
+    readonly "field-arrayitem-delete": "Delete";
+    readonly "field-external-selectdata": "Select data";
+    readonly "field-external-search": "Search";
+    readonly "field-external-togglefilters": "Toggle filters";
+    readonly "field-external-item": "External item";
+    readonly "field-external-result-singular": "{count} result";
+    readonly "field-external-result-plural": "{count} results";
+    readonly "field-richtext-bold": "Bold";
+    readonly "field-richtext-italic": "Italic";
+    readonly "field-richtext-underline": "Underline";
+    readonly "field-richtext-strikethrough": "Strikethrough";
+    readonly "field-richtext-blockquote": "Blockquote";
+    readonly "field-richtext-code-inline": "Inline code";
+    readonly "field-richtext-code-block": "Code block";
+    readonly "field-richtext-list-bullet": "Bullet list";
+    readonly "field-richtext-list-ordered": "Ordered list";
+    readonly "field-richtext-horizontalrule": "Horizontal rule";
+    readonly "field-richtext-align-left": "Align left";
+    readonly "field-richtext-align-center": "Align center";
+    readonly "field-richtext-align-right": "Align right";
+    readonly "field-richtext-align-justify": "Justify";
+    readonly "field-richtext-select": "Select";
+    readonly "field-richtext-headingselect-1": "Heading 1";
+    readonly "field-richtext-headingselect-2": "Heading 2";
+    readonly "field-richtext-headingselect-3": "Heading 3";
+    readonly "field-richtext-headingselect-4": "Heading 4";
+    readonly "field-richtext-headingselect-5": "Heading 5";
+    readonly "field-richtext-headingselect-6": "Heading 6";
+    readonly "field-richtext-alignselect-left": "Left";
+    readonly "field-richtext-alignselect-center": "Center";
+    readonly "field-richtext-alignselect-right": "Right";
+    readonly "field-richtext-alignselect-justify": "Justify";
+    readonly "field-richtext-listselect-bullet": "Bullet list";
+    readonly "field-richtext-listselect-ordered": "Ordered list";
+    readonly "viewport-zoom-in": "Zoom viewport in";
+    readonly "viewport-zoom-out": "Zoom viewport out";
+    readonly "viewport-zoom-auto": "{zoom}% (Auto)";
+    readonly "viewport-toggle-menu": "Toggle viewport menu";
+    readonly "viewport-switch": "Switch to {label} viewport";
+    readonly "viewport-switch-default": "Switch viewport";
+    readonly "plugin-blocks": "Blocks";
+    readonly "plugin-outline": "Outline";
+    readonly "plugin-fields": "Fields";
+    readonly "plugin-components": "Components";
+    readonly "layout-maximize": "maximize";
+    readonly "layout-minimize": "minimize";
+    readonly "loader-loading": "loading";
+};
+type DictionaryKey = keyof typeof defaultDictionary;
+/**
+ * Override any of Puck's built-in UI strings, or provide your own custom strings.
+ */
+type Dictionary = Partial<Record<DictionaryKey, string> & Record<string, string>>;
+
+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;
+    _experimentalFullScreenCanvas: boolean;
+    _experimentalVirtualization: boolean;
+    selectedItem?: G["UserData"]["content"][0] | null;
+    getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
+    setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
+    getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
+    onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
+    metadata: Metadata;
+    dictionary: Dictionary;
+    dnd?: DndConfig;
+    fields: FieldsSlice;
+    history: HistorySlice;
+    nodes: NodesSlice;
+    permissions: PermissionsSlice;
+    fieldTransforms: FieldTransforms;
+    currentRichText?: {
+        inlineComponentId?: string;
+        inline: boolean;
+        field: RichtextField;
+        editor: Editor;
+        id: string;
+    } | null;
+};
+
+export type { AppStore as A, Dictionary as D, GetPermissions as G, HistorySlice as H, RefreshPermissions as R };