@puckeditor/plugin-pages 0.6.1-canary.433ca837 → 0.6.1-canary.45a1a2e4

package/dist/index.css

@@ -1541,35 +1541,35 @@ button._Menu-item_1tu16_55:hover {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
-._Pages_jziur_5 {
+._Pages_ey49w_5 {
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 16px;
 }
-._Pages-addPage_jziur_12 {
+._Pages-addPage_ey49w_12 {
   margin-bottom: 16px;
   display: flex;
   gap: 8px;
 }
-._Pages-loader_jziur_18 {
+._Pages-loader_ey49w_18 {
   align-items: center;
   background-color: white;
   display: flex;
   justify-content: center;
   padding: 16px;
 }
-._Pages-list_jziur_26 {
+._Pages-list_ey49w_26 {
   display: flex;
   flex-direction: column;
   border-radius: 8px;
   overflow-y: auto;
   flex-grow: 1;
 }
-._Pages-search_jziur_34 {
+._Pages-search_ey49w_34 {
   flex-grow: 1;
 }
-._Pages-searchInput_jziur_38 {
+._Pages-searchInput_ey49w_38 {
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 8px;
   background-color: var(--puck-color-white);
@@ -1580,11 +1580,11 @@ button._Menu-item_1tu16_55:hover {
   padding: 0 8px;
   width: 100%;
 }
-._Pages-searchInput_jziur_38:focus {
+._Pages-searchInput_ey49w_38:focus {
   outline: 2px solid var(--puck-color-azure-04);
   outline-offset: -1px;
 }
-._PagesPage_jziur_59 {
+._PagesPage_ey49w_59 {
   border-left: 1px solid var(--puck-color-grey-10);
   border-right: 1px solid var(--puck-color-grey-10);
   border-bottom: 1px solid var(--puck-color-grey-10);
@@ -1593,28 +1593,28 @@ button._Menu-item_1tu16_55:hover {
   flex-shrink: 0;
   overflow: hidden;
 }
-._PagesPage--expanded_jziur_69 {
+._PagesPage--expanded_ey49w_69 {
   min-height: calc(34px + 1px + 55px);
 }
-._PagesPage--expanded_jziur_69:has(._PagesPage-versions_jziur_73 > :nth-child(2)) {
+._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(2)) {
   min-height: calc(34px + 1px + 55px + 1px + 55px);
 }
-._PagesPage--expanded_jziur_69:has(._PagesPage-versions_jziur_73 > :nth-child(3)) {
+._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(3)) {
   min-height: calc(34px + 1px + 55px + 1px + 55px + 1px + 55px);
 }
-._PagesPage--expanded_jziur_69 {
+._PagesPage--expanded_ey49w_69 {
   flex-shrink: 1;
 }
-._PagesPage_jziur_59:first-of-type {
+._PagesPage_ey49w_59:first-of-type {
   border-top: 1px solid var(--puck-color-grey-10);
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }
-._PagesPage_jziur_59:last-of-type {
+._PagesPage_ey49w_59:last-of-type {
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
 }
-._PagesPage-header_jziur_96 {
+._PagesPage-header_ey49w_96 {
   align-items: center;
   background-color: white;
   font-family: var(--puck-font-family-monospaced);
@@ -1625,40 +1625,39 @@ button._Menu-item_1tu16_55:hover {
   justify-content: space-between;
   padding: 8px 12px;
   width: 100%;
-  text-align: left;
 }
-._PagesPage_jziur_59:first-of-type ._PagesPage-header_jziur_96 {
+._PagesPage_ey49w_59:first-of-type ._PagesPage-header_ey49w_96 {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }
-._PagesPage_jziur_59:last-of-type:not(._PagesPage--expanded_jziur_69) ._PagesPage-header_jziur_96 {
+._PagesPage_ey49w_59:last-of-type:not(._PagesPage--expanded_ey49w_69) ._PagesPage-header_ey49w_96 {
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
 }
-._PagesPage-header_jziur_96:focus-visible {
+._PagesPage-header_ey49w_96:focus-visible {
   outline: 2px solid var(--puck-color-azure-04);
   outline-offset: -2px;
 }
-._PagesPage--active_jziur_125 ._PagesPage-header_jziur_96 {
+._PagesPage--active_ey49w_124 ._PagesPage-header_ey49w_96 {
   color: var(--puck-color-azure-04);
 }
-._PagesPage--expanded_jziur_69 ._PagesPage-header_jziur_96 {
+._PagesPage--expanded_ey49w_69 ._PagesPage-header_ey49w_96 {
   border-bottom: 1px solid var(--puck-color-grey-10);
 }
-._PagesPage-header_jziur_96:hover {
+._PagesPage-header_ey49w_96:hover {
   background: var(--puck-color-azure-11);
   color: var(--puck-color-azure-04);
 }
-._PagesPage-headerMain_jziur_138 {
+._PagesPage-headerMain_ey49w_137 {
   display: flex;
   gap: 4px;
   justify-content: space-between;
   width: 100%;
 }
-._PagesPage-headerIcon_jziur_145 {
+._PagesPage-headerIcon_ey49w_144 {
   color: var(--puck-color-grey-04);
 }
-._PagesPage-loader_jziur_149 {
+._PagesPage-loader_ey49w_148 {
   align-items: center;
   background-color: white;
   display: none;
@@ -1666,17 +1665,17 @@ button._Menu-item_1tu16_55:hover {
   padding: 16px;
   height: 100%;
 }
-._PagesPage--expanded_jziur_69 ._PagesPage-loader_jziur_149 {
+._PagesPage--expanded_ey49w_69 ._PagesPage-loader_ey49w_148 {
   display: flex;
 }
-._PagesPage-versions_jziur_73 {
+._PagesPage-versions_ey49w_73 {
   display: none;
   overflow-y: auto;
 }
-._PagesPage--expanded_jziur_69 ._PagesPage-versions_jziur_73 {
+._PagesPage--expanded_ey49w_69 ._PagesPage-versions_ey49w_73 {
   display: block;
 }
-._PagesVersion_jziur_175 ._PagesVersion-inner_jziur_175 {
+._PagesVersion_ey49w_174 ._PagesVersion-inner_ey49w_174 {
   background-color: white;
   border-top: 1px solid var(--puck-color-grey-10);
   padding-bottom: 12px;
@@ -1686,32 +1685,32 @@ button._Menu-item_1tu16_55:hover {
   text-align: left;
   width: 100%;
 }
-._PagesVersion_jziur_175:first-of-type ._PagesVersion-inner_jziur_175 {
+._PagesVersion_ey49w_174:first-of-type ._PagesVersion-inner_ey49w_174 {
   border-top: none;
 }
-._PagesVersion--current_jziur_190 ._PagesVersion-inner_jziur_175 {
+._PagesVersion--current_ey49w_189 ._PagesVersion-inner_ey49w_174 {
   border-right: 3px solid var(--puck-color-azure-04);
 }
-._PagesVersion-inner_jziur_175:hover {
+._PagesVersion-inner_ey49w_174:hover {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-azure-04);
   cursor: pointer;
 }
-._PagesVersion-inner_jziur_175:focus-visible {
+._PagesVersion-inner_ey49w_174:focus-visible {
   outline: 2px solid var(--puck-color-azure-04);
   outline-offset: -2px;
 }
-._PagesVersion-header_jziur_205 {
+._PagesVersion-header_ey49w_204 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._PagesVersion-version_jziur_211 {
+._PagesVersion-version_ey49w_210 {
   font-family: var(--puck-font-family-monospaced);
   font-weight: 600;
   line-height: 1;
 }
-._PagesVersion-date_jziur_217 {
+._PagesVersion-date_ey49w_216 {
   color: var(--puck-color-grey-06);
   font-size: var(--puck-font-size-xxxs);
   font-weight: 500;
@@ -1722,22 +1721,23 @@ button._Menu-item_1tu16_55:hover {
 }
 
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/CreateForm/styles.module.css/#css-module-data */
-._CreateForm_1tu67_1 {
+._CreateForm_kkdt2_1 {
+  width: 100%;
 }
-._CreateForm-field_1tu67_4 {
+._CreateForm-field_kkdt2_5 {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.25rem;
   width: 100%;
 }
-._CreateForm-label_1tu67_12 {
+._CreateForm-label_kkdt2_13 {
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
   color: var(--puck-color-grey-02);
 }
-._CreateForm-input_1tu67_19 {
+._CreateForm-input_kkdt2_20 {
   box-sizing: border-box;
   width: 100%;
   height: 2.5rem;
@@ -1750,14 +1750,14 @@ button._Menu-item_1tu16_55:hover {
   font-family: inherit;
   font-size: 1rem;
 }
-._CreateForm-input_1tu67_19:focus {
+._CreateForm-input_kkdt2_20:focus {
   outline: 2px solid var(--puck-color-azure-04);
   outline-offset: -1px;
 }
-._CreateForm-input_1tu67_19::placeholder {
+._CreateForm-input_kkdt2_20::placeholder {
   color: var(--puck-color-grey-06);
 }
-._CreateForm-error_1tu67_42 {
+._CreateForm-error_kkdt2_43 {
   width: 100%;
   margin-top: 16px;
   color: var(--puck-color-red-05);
@@ -1836,52 +1836,6 @@ button._Menu-item_1tu16_55:hover {
   padding: 16px 24px;
 }
 
-/* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Header/styles.module.css/#css-module-data */
-._Header_123cp_1 {
-  height: 100%;
-  width: 100%;
-}
-._Header-tabs_123cp_6 {
-  background-color: white;
-  border-left: 1px solid var(--puck-color-grey-09);
-  border-bottom: 1px solid var(--puck-color-grey-09);
-  padding-left: var(--puck-user-left-side-bar-width);
-  padding-right: var(--puck-user-right-side-bar-width);
-  margin-left: 67px;
-}
-._Header-tabsInner_123cp_15 {
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: minmax(0, 196px);
-  width: 100%;
-  padding-inline: 8px;
-  white-space: nowrap;
-}
-._HeaderTab_123cp_24 {
-  min-width: 0;
-  max-width: 196px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-._HeaderTab-button_123cp_31 {
-  display: block;
-  border-bottom: 4px solid transparent;
-  border-top: 4px solid transparent;
-  font-size: var(--puck-font-size-xxxs);
-  padding: 4px 8px;
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._HeaderTab-button_123cp_31:hover {
-  background-color: var(--puck-color-azure-11);
-  cursor: pointer;
-}
-._HeaderTab--active_123cp_48 ._HeaderTab-button_123cp_31 {
-  border-bottom-color: var(--puck-color-azure-04);
-}
-
 /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
 ._HeaderActions-publish_7nzbl_1 {
   position: relative;
@@ -1919,9 +1873,3 @@ button._Menu-item_1tu16_55:hover {
   margin-top: 2px;
   white-space: nowrap;
 }
-
-/* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Preview/styles.module.css/#css-module-data */
-._Preview_jituh_1 {
-  height: 100%;
-  width: 100%;
-}

package/dist/index.d.mts

@@ -1,29 +1,11 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Data } from '@puckeditor/core';
-import * as zustand from 'zustand';
 
 type PagePluginOptions = {
     host?: string;
     siteId?: string;
     parentOrigin?: string;
 };
-type PageVersionStatus = "published" | "unpublished" | "error";
-type PageVersion = {
-    id?: string;
-    data: Data;
-    status?: PageVersionStatus;
-    versionNumber?: number;
-    createdAt?: string;
-    updatedAt?: string;
-    isNew?: boolean;
-};
-type PageRecord = {
-    id?: string;
-    path: string;
-    status?: PageVersionStatus;
-    versions?: PageVersion[];
-};
 
 declare function createPagesPlugin(opts?: PagePluginOptions): {
     label: string;
@@ -32,35 +14,10 @@ declare function createPagesPlugin(opts?: PagePluginOptions): {
     icon: react_jsx_runtime.JSX.Element;
     overrides: {
         headerActions: () => react_jsx_runtime.JSX.Element;
-        header: ({ children }: {
-            actions: react.ReactNode;
-            children: react.ReactNode;
-        }) => react_jsx_runtime.JSX.Element;
         preview: ({ children }: {
             children: react.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
     };
 };
 
-type PagesStore = {
-    pagesData: PageRecord[];
-    setPages(data: PageRecord[]): void;
-    setPageVersions(pageId: string, versions: PageVersion[], path?: string): void;
-    createPage(path: string): void;
-    removePage(path: string): PageRecord | null;
-    activePage: string | null;
-    setActivePage(page: string | null): void;
-    activeVersion: string | null;
-    setActiveVersion(version: string | null): void;
-    buttonsDisabled: boolean;
-    setButtonsDisabled(value: boolean): void;
-    loading: boolean;
-    setLoading(value: boolean): void;
-    initialLoad: boolean;
-    setInitialLoad(value: boolean): void;
-    searchQuery: string;
-    setSearchQuery(query: string): void;
-};
-declare const usePagesStore: zustand.UseBoundStore<zustand.StoreApi<PagesStore>>;
-
-export { createPagesPlugin, usePagesStore };
+export { createPagesPlugin };

package/dist/index.d.ts

@@ -1,29 +1,11 @@
 import * as react from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Data } from '@puckeditor/core';
-import * as zustand from 'zustand';
 
 type PagePluginOptions = {
     host?: string;
     siteId?: string;
     parentOrigin?: string;
 };
-type PageVersionStatus = "published" | "unpublished" | "error";
-type PageVersion = {
-    id?: string;
-    data: Data;
-    status?: PageVersionStatus;
-    versionNumber?: number;
-    createdAt?: string;
-    updatedAt?: string;
-    isNew?: boolean;
-};
-type PageRecord = {
-    id?: string;
-    path: string;
-    status?: PageVersionStatus;
-    versions?: PageVersion[];
-};
 
 declare function createPagesPlugin(opts?: PagePluginOptions): {
     label: string;
@@ -32,35 +14,10 @@ declare function createPagesPlugin(opts?: PagePluginOptions): {
     icon: react_jsx_runtime.JSX.Element;
     overrides: {
         headerActions: () => react_jsx_runtime.JSX.Element;
-        header: ({ children }: {
-            actions: react.ReactNode;
-            children: react.ReactNode;
-        }) => react_jsx_runtime.JSX.Element;
         preview: ({ children }: {
             children: react.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
     };
 };
 
-type PagesStore = {
-    pagesData: PageRecord[];
-    setPages(data: PageRecord[]): void;
-    setPageVersions(pageId: string, versions: PageVersion[], path?: string): void;
-    createPage(path: string): void;
-    removePage(path: string): PageRecord | null;
-    activePage: string | null;
-    setActivePage(page: string | null): void;
-    activeVersion: string | null;
-    setActiveVersion(version: string | null): void;
-    buttonsDisabled: boolean;
-    setButtonsDisabled(value: boolean): void;
-    loading: boolean;
-    setLoading(value: boolean): void;
-    initialLoad: boolean;
-    setInitialLoad(value: boolean): void;
-    searchQuery: string;
-    setSearchQuery(query: string): void;
-};
-declare const usePagesStore: zustand.UseBoundStore<zustand.StoreApi<PagesStore>>;
-
-export { createPagesPlugin, usePagesStore };
+export { createPagesPlugin };

package/dist/index.js

@@ -107,8 +107,7 @@ var require_classnames = __commonJS({
 // index.ts
 var index_exports = {};
 __export(index_exports, {
-  createPagesPlugin: () => createPagesPlugin,
-  usePagesStore: () => usePagesStore
+  createPagesPlugin: () => createPagesPlugin
 });
 module.exports = __toCommonJS(index_exports);
 init_react_import();
@@ -12981,7 +12980,7 @@ var ctx = (0, import_react21.createContext)({});
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css#css-module
 init_react_import();
-var styles_module_default7 = { "Pages": "_Pages_jziur_5", "Pages-addPage": "_Pages-addPage_jziur_12", "Pages-loader": "_Pages-loader_jziur_18", "Pages-list": "_Pages-list_jziur_26", "Pages-search": "_Pages-search_jziur_34", "Pages-searchInput": "_Pages-searchInput_jziur_38", "PagesPage": "_PagesPage_jziur_59", "PagesPage--expanded": "_PagesPage--expanded_jziur_69", "PagesPage-versions": "_PagesPage-versions_jziur_73", "PagesPage-header": "_PagesPage-header_jziur_96", "PagesPage--active": "_PagesPage--active_jziur_125", "PagesPage-headerMain": "_PagesPage-headerMain_jziur_138", "PagesPage-headerIcon": "_PagesPage-headerIcon_jziur_145", "PagesPage-loader": "_PagesPage-loader_jziur_149", "PagesVersion": "_PagesVersion_jziur_175", "PagesVersion-inner": "_PagesVersion-inner_jziur_175", "PagesVersion--current": "_PagesVersion--current_jziur_190", "PagesVersion-header": "_PagesVersion-header_jziur_205", "PagesVersion-version": "_PagesVersion-version_jziur_211", "PagesVersion-date": "_PagesVersion-date_jziur_217" };
+var styles_module_default7 = { "Pages": "_Pages_ey49w_5", "Pages-addPage": "_Pages-addPage_ey49w_12", "Pages-loader": "_Pages-loader_ey49w_18", "Pages-list": "_Pages-list_ey49w_26", "Pages-search": "_Pages-search_ey49w_34", "Pages-searchInput": "_Pages-searchInput_ey49w_38", "PagesPage": "_PagesPage_ey49w_59", "PagesPage--expanded": "_PagesPage--expanded_ey49w_69", "PagesPage-versions": "_PagesPage-versions_ey49w_73", "PagesPage-header": "_PagesPage-header_ey49w_96", "PagesPage--active": "_PagesPage--active_ey49w_124", "PagesPage-headerMain": "_PagesPage-headerMain_ey49w_137", "PagesPage-headerIcon": "_PagesPage-headerIcon_ey49w_144", "PagesPage-loader": "_PagesPage-loader_ey49w_148", "PagesVersion": "_PagesVersion_ey49w_174", "PagesVersion-inner": "_PagesVersion-inner_ey49w_174", "PagesVersion--current": "_PagesVersion--current_ey49w_189", "PagesVersion-header": "_PagesVersion-header_ey49w_204", "PagesVersion-version": "_PagesVersion-version_ey49w_210", "PagesVersion-date": "_PagesVersion-date_ey49w_216" };
 
 // src/components/PagePlugin/index.tsx
 var import_react25 = require("react");
@@ -26910,7 +26909,9 @@ var usePagesStore = (0, import_zustand.create)((set3) => ({
     );
     return {
       ...state,
-      pagesData
+      pagesData,
+      activePage: path,
+      activeVersion: null
     };
   }),
   removePage: (path) => {
@@ -26943,7 +26944,7 @@ var usePagesStore = (0, import_zustand.create)((set3) => ({
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/CreateForm/styles.module.css#css-module
 init_react_import();
-var styles_module_default8 = { "CreateForm": "_CreateForm_1tu67_1", "CreateForm-field": "_CreateForm-field_1tu67_4", "CreateForm-label": "_CreateForm-label_1tu67_12", "CreateForm-input": "_CreateForm-input_1tu67_19", "CreateForm-error": "_CreateForm-error_1tu67_42" };
+var styles_module_default8 = { "CreateForm": "_CreateForm_kkdt2_1", "CreateForm-field": "_CreateForm-field_kkdt2_5", "CreateForm-label": "_CreateForm-label_kkdt2_13", "CreateForm-input": "_CreateForm-input_kkdt2_20", "CreateForm-error": "_CreateForm-error_kkdt2_43" };
 
 // src/components/CreateForm/index.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -29616,73 +29617,19 @@ var PagePlugin = (opts) => {
   ] });
 };
 
-// src/components/Header/index.tsx
-init_react_import();
-var import_react26 = require("react");
-
-// css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Header/styles.module.css#css-module
-init_react_import();
-var styles_module_default10 = { "Header": "_Header_123cp_1", "Header-tabs": "_Header-tabs_123cp_6", "Header-tabsInner": "_Header-tabsInner_123cp_15", "HeaderTab": "_HeaderTab_123cp_24", "HeaderTab-button": "_HeaderTab-button_123cp_31", "HeaderTab--active": "_HeaderTab--active_123cp_48" };
-
-// src/components/Header/index.tsx
-var import_core12 = require("@puckeditor/core");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var cx10 = get_class_name_factory_default2("Header", styles_module_default10);
-var cxTab = get_class_name_factory_default2("HeaderTab", styles_module_default10);
-var Tab = ({ path }) => {
-  const { setActivePage, activePage, pagesData } = usePagesStore();
-  const getPuck = (0, import_core12.useGetPuck)();
-  const page = (0, import_react26.useMemo)(
-    () => pagesData.find((p2) => p2.path === path),
-    [pagesData, path]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("li", { className: cxTab({ active: activePage === path }), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-    "button",
-    {
-      onClick: () => {
-        setActivePage(path);
-        const { dispatch, history, appState } = getPuck();
-        const versionData = page?.versions?.[0].data;
-        if (versionData) {
-          history.setHistories([]);
-          dispatch({
-            type: "set",
-            state: { ...appState, data: versionData }
-          });
-        }
-      },
-      className: cxTab("button"),
-      children: path
-    }
-  ) }, path);
-};
-var Header = ({ children }) => {
-  const { pagesData } = usePagesStore();
-  const pagesWithVersions = (0, import_react26.useMemo)(
-    () => pagesData.filter((p2) => p2.versions?.length),
-    [pagesData]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx10(), children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx10("tabs"), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: cx10("tabsInner"), children: pagesWithVersions.map((page) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Tab, { path: page.path }, page.path);
-    }) }) })
-  ] });
-};
-
 // src/components/HeaderActions/index.tsx
 init_react_import();
-var import_core13 = require("@puckeditor/core");
-var import_react27 = require("react");
+var import_core12 = require("@puckeditor/core");
+var import_react26 = require("react");
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css#css-module
 init_react_import();
-var styles_module_default11 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
+var styles_module_default10 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
 
 // src/components/HeaderActions/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var usePuck = (0, import_core13.createUsePuck)();
-var cx11 = getClassNameFactory2("HeaderActions", styles_module_default11);
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var usePuck = (0, import_core12.createUsePuck)();
+var cx10 = getClassNameFactory2("HeaderActions", styles_module_default10);
 var TOAST_TIMEOUT = 5e3;
 var getDefaultPageVersion = (page) => page?.versions?.[0];
 var showPublishedToast = (path) => {
@@ -29732,12 +29679,12 @@ var showErrorToast = () => {
   });
 };
 var HeaderActions = (opts) => {
-  const getPuck = (0, import_core13.useGetPuck)();
+  const getPuck = (0, import_core12.useGetPuck)();
   const parentOrigin = opts?.parentOrigin ?? "https://cloud.puckeditor.com";
   const siteIdHeader = useSiteId();
   const siteId = opts?.siteId ?? siteIdHeader;
   const host = opts?.host ?? "/api/puck/pages";
-  const [confirmAction, setConfirmAction] = (0, import_react27.useState)(null);
+  const [confirmAction, setConfirmAction] = (0, import_react26.useState)(null);
   const {
     buttonsDisabled,
     setButtonsDisabled,
@@ -29751,7 +29698,7 @@ var HeaderActions = (opts) => {
     setActivePage,
     setActiveVersion
   } = usePagesStore();
-  const currentVersion = (0, import_react27.useMemo)(() => {
+  const currentVersion = (0, import_react26.useMemo)(() => {
     if (activePage) {
       return getActiveVersion({
         pagesData,
@@ -29761,7 +29708,7 @@ var HeaderActions = (opts) => {
     }
     return void 0;
   }, [activePage, activeVersion, pagesData]);
-  const currentPage = (0, import_react27.useMemo)(
+  const currentPage = (0, import_react26.useMemo)(
     () => pagesData.find((page) => page.path === activePage),
     [activePage, pagesData]
   );
@@ -29869,7 +29816,7 @@ var HeaderActions = (opts) => {
     const defaultVersion = getDefaultPageVersion(resolvedPage);
     replaceEditorState(defaultVersion?.data);
   };
-  const saving = (0, import_react27.useRef)(false);
+  const saving = (0, import_react26.useRef)(false);
   const handleSaveDraft = async () => {
     if (saving.current) return;
     const path = activePage;
@@ -29906,7 +29853,7 @@ var HeaderActions = (opts) => {
       saving.current = false;
     }
   };
-  const publishing = (0, import_react27.useRef)(false);
+  const publishing = (0, import_react26.useRef)(false);
   const handlePublish = async () => {
     if (publishing.current) return;
     const path = activePage;
@@ -30036,13 +29983,13 @@ var HeaderActions = (opts) => {
     onConfirm: handleUnpublish,
     title: "Unpublish page"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-    canvasIsDirty ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cx11("version"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx11("versionHeader"), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx11("versionLabel"), children: "Draft" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx11("versionDate"), children: "Unsaved" })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    canvasIsDirty ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx10("version"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx10("versionHeader"), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx10("versionLabel"), children: "Draft" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx10("versionDate"), children: "Unsaved" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Button,
         {
           variant: "secondary",
@@ -30051,32 +29998,32 @@ var HeaderActions = (opts) => {
           children: "Save"
         }
       )
-    ] }) : currentVersion ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cx11("version"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cx11("versionHeader"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cx11("versionLabel"), children: [
+    ] }) : currentVersion ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx10("version"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx10("versionHeader"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx10("versionLabel"), children: [
           "v",
           currentVersion.versionNumber
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           StatusTag,
           {
             status: currentVersion.status === "published" ? "live" : "draft"
           }
         ) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx11("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx10("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
     ] }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cx11("publish"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx10("publish"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Button,
         {
           disabled: publishDisabled,
           onClick: handlePublish,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Globe, { size: "12" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Globe, { size: "12" }),
           children: canvasIsDirty ? "Save & publish" : "Publish"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Menu,
         {
           ariaLabel: "More publish actions",
@@ -30085,7 +30032,7 @@ var HeaderActions = (opts) => {
             [
               {
                 disabled: unpublishDisabled,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EyeOff, { size: 16 }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeOff, { size: 16 }),
                 label: "Unpublish",
                 onClick: () => {
                   setConfirmAction("unpublish");
@@ -30093,7 +30040,7 @@ var HeaderActions = (opts) => {
               },
               {
                 disabled: deleteDisabled,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Trash, { size: 16 }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Trash, { size: 16 }),
                 label: "Delete page",
                 onClick: () => {
                   setConfirmAction("delete");
@@ -30101,10 +30048,10 @@ var HeaderActions = (opts) => {
               }
             ]
           ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: cx11("trigger"), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronDown, { size: 16 }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: cx10("trigger"), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronDown, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         ConfirmModal,
         {
           visible: confirmAction !== null,
@@ -30121,41 +30068,41 @@ var HeaderActions = (opts) => {
 
 // src/components/Preview/index.tsx
 init_react_import();
-
-// css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Preview/styles.module.css#css-module
-init_react_import();
-var styles_module_default12 = { "Preview": "_Preview_jituh_1" };
-
-// src/components/Preview/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var cx12 = get_class_name_factory_default2("Preview", styles_module_default12);
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Preview = ({ children }) => {
   const { loading } = usePagesStore();
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cx12(), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Loader, {}) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      "div",
+      {
+        style: {
+          height: "100%",
+          width: "100%"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Loader, {}) })
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cx12(), children });
+  return children;
 };
 
 // src/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function createPagesPlugin(opts) {
   return {
     label: "Pages",
     name: "pages",
-    render: () => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PagePlugin, { ...opts }),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FileText, {}),
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PagePlugin, { ...opts }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FileText, {}),
     overrides: {
-      headerActions: () => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ToastWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(HeaderActions, { ...opts }) }),
-      header: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Header, { children }),
-      preview: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Preview, { children })
+      headerActions: () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ToastWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HeaderActions, { ...opts }) }),
+      preview: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Preview, { children })
     }
   };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createPagesPlugin,
-  usePagesStore
+  createPagesPlugin
 });
 /*! Bundled license information:
 

package/dist/index.mjs

@@ -12972,7 +12972,7 @@ var ctx = createContext9({});
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css#css-module
 init_react_import();
-var styles_module_default7 = { "Pages": "_Pages_jziur_5", "Pages-addPage": "_Pages-addPage_jziur_12", "Pages-loader": "_Pages-loader_jziur_18", "Pages-list": "_Pages-list_jziur_26", "Pages-search": "_Pages-search_jziur_34", "Pages-searchInput": "_Pages-searchInput_jziur_38", "PagesPage": "_PagesPage_jziur_59", "PagesPage--expanded": "_PagesPage--expanded_jziur_69", "PagesPage-versions": "_PagesPage-versions_jziur_73", "PagesPage-header": "_PagesPage-header_jziur_96", "PagesPage--active": "_PagesPage--active_jziur_125", "PagesPage-headerMain": "_PagesPage-headerMain_jziur_138", "PagesPage-headerIcon": "_PagesPage-headerIcon_jziur_145", "PagesPage-loader": "_PagesPage-loader_jziur_149", "PagesVersion": "_PagesVersion_jziur_175", "PagesVersion-inner": "_PagesVersion-inner_jziur_175", "PagesVersion--current": "_PagesVersion--current_jziur_190", "PagesVersion-header": "_PagesVersion-header_jziur_205", "PagesVersion-version": "_PagesVersion-version_jziur_211", "PagesVersion-date": "_PagesVersion-date_jziur_217" };
+var styles_module_default7 = { "Pages": "_Pages_ey49w_5", "Pages-addPage": "_Pages-addPage_ey49w_12", "Pages-loader": "_Pages-loader_ey49w_18", "Pages-list": "_Pages-list_ey49w_26", "Pages-search": "_Pages-search_ey49w_34", "Pages-searchInput": "_Pages-searchInput_ey49w_38", "PagesPage": "_PagesPage_ey49w_59", "PagesPage--expanded": "_PagesPage--expanded_ey49w_69", "PagesPage-versions": "_PagesPage-versions_ey49w_73", "PagesPage-header": "_PagesPage-header_ey49w_96", "PagesPage--active": "_PagesPage--active_ey49w_124", "PagesPage-headerMain": "_PagesPage-headerMain_ey49w_137", "PagesPage-headerIcon": "_PagesPage-headerIcon_ey49w_144", "PagesPage-loader": "_PagesPage-loader_ey49w_148", "PagesVersion": "_PagesVersion_ey49w_174", "PagesVersion-inner": "_PagesVersion-inner_ey49w_174", "PagesVersion--current": "_PagesVersion--current_ey49w_189", "PagesVersion-header": "_PagesVersion-header_ey49w_204", "PagesVersion-version": "_PagesVersion-version_ey49w_210", "PagesVersion-date": "_PagesVersion-date_ey49w_216" };
 
 // src/components/PagePlugin/index.tsx
 import { useCallback as useCallback9, useEffect as useEffect29, useMemo as useMemo22, useRef as useRef22, useState as useState30 } from "react";
@@ -26901,7 +26901,9 @@ var usePagesStore = create((set3) => ({
     );
     return {
       ...state,
-      pagesData
+      pagesData,
+      activePage: path,
+      activeVersion: null
     };
   }),
   removePage: (path) => {
@@ -26934,7 +26936,7 @@ var usePagesStore = create((set3) => ({
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/CreateForm/styles.module.css#css-module
 init_react_import();
-var styles_module_default8 = { "CreateForm": "_CreateForm_1tu67_1", "CreateForm-field": "_CreateForm-field_1tu67_4", "CreateForm-label": "_CreateForm-label_1tu67_12", "CreateForm-input": "_CreateForm-input_1tu67_19", "CreateForm-error": "_CreateForm-error_1tu67_42" };
+var styles_module_default8 = { "CreateForm": "_CreateForm_kkdt2_1", "CreateForm-field": "_CreateForm-field_kkdt2_5", "CreateForm-label": "_CreateForm-label_kkdt2_13", "CreateForm-input": "_CreateForm-input_kkdt2_20", "CreateForm-error": "_CreateForm-error_kkdt2_43" };
 
 // src/components/CreateForm/index.tsx
 import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -29607,73 +29609,19 @@ var PagePlugin = (opts) => {
   ] });
 };
 
-// src/components/Header/index.tsx
-init_react_import();
-import { useMemo as useMemo23 } from "react";
-
-// css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Header/styles.module.css#css-module
-init_react_import();
-var styles_module_default10 = { "Header": "_Header_123cp_1", "Header-tabs": "_Header-tabs_123cp_6", "Header-tabsInner": "_Header-tabsInner_123cp_15", "HeaderTab": "_HeaderTab_123cp_24", "HeaderTab-button": "_HeaderTab-button_123cp_31", "HeaderTab--active": "_HeaderTab--active_123cp_48" };
-
-// src/components/Header/index.tsx
-import { useGetPuck as useGetPuck3 } from "@puckeditor/core";
-import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
-var cx10 = get_class_name_factory_default2("Header", styles_module_default10);
-var cxTab = get_class_name_factory_default2("HeaderTab", styles_module_default10);
-var Tab = ({ path }) => {
-  const { setActivePage, activePage, pagesData } = usePagesStore();
-  const getPuck = useGetPuck3();
-  const page = useMemo23(
-    () => pagesData.find((p2) => p2.path === path),
-    [pagesData, path]
-  );
-  return /* @__PURE__ */ jsx44("li", { className: cxTab({ active: activePage === path }), children: /* @__PURE__ */ jsx44(
-    "button",
-    {
-      onClick: () => {
-        setActivePage(path);
-        const { dispatch, history, appState } = getPuck();
-        const versionData = page?.versions?.[0].data;
-        if (versionData) {
-          history.setHistories([]);
-          dispatch({
-            type: "set",
-            state: { ...appState, data: versionData }
-          });
-        }
-      },
-      className: cxTab("button"),
-      children: path
-    }
-  ) }, path);
-};
-var Header = ({ children }) => {
-  const { pagesData } = usePagesStore();
-  const pagesWithVersions = useMemo23(
-    () => pagesData.filter((p2) => p2.versions?.length),
-    [pagesData]
-  );
-  return /* @__PURE__ */ jsxs22("div", { className: cx10(), children: [
-    children,
-    /* @__PURE__ */ jsx44("div", { className: cx10("tabs"), children: /* @__PURE__ */ jsx44("ul", { className: cx10("tabsInner"), children: pagesWithVersions.map((page) => {
-      return /* @__PURE__ */ jsx44(Tab, { path: page.path }, page.path);
-    }) }) })
-  ] });
-};
-
 // src/components/HeaderActions/index.tsx
 init_react_import();
-import { createUsePuck, useGetPuck as useGetPuck4 } from "@puckeditor/core";
-import { useMemo as useMemo24, useRef as useRef23, useState as useState31 } from "react";
+import { createUsePuck, useGetPuck as useGetPuck3 } from "@puckeditor/core";
+import { useMemo as useMemo23, useRef as useRef23, useState as useState31 } from "react";
 
 // css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css#css-module
 init_react_import();
-var styles_module_default11 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
+var styles_module_default10 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
 
 // src/components/HeaderActions/index.tsx
-import { Fragment as Fragment9, jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
 var usePuck = createUsePuck();
-var cx11 = getClassNameFactory2("HeaderActions", styles_module_default11);
+var cx10 = getClassNameFactory2("HeaderActions", styles_module_default10);
 var TOAST_TIMEOUT = 5e3;
 var getDefaultPageVersion = (page) => page?.versions?.[0];
 var showPublishedToast = (path) => {
@@ -29723,7 +29671,7 @@ var showErrorToast = () => {
   });
 };
 var HeaderActions = (opts) => {
-  const getPuck = useGetPuck4();
+  const getPuck = useGetPuck3();
   const parentOrigin = opts?.parentOrigin ?? "https://cloud.puckeditor.com";
   const siteIdHeader = useSiteId();
   const siteId = opts?.siteId ?? siteIdHeader;
@@ -29742,7 +29690,7 @@ var HeaderActions = (opts) => {
     setActivePage,
     setActiveVersion
   } = usePagesStore();
-  const currentVersion = useMemo24(() => {
+  const currentVersion = useMemo23(() => {
     if (activePage) {
       return getActiveVersion({
         pagesData,
@@ -29752,7 +29700,7 @@ var HeaderActions = (opts) => {
     }
     return void 0;
   }, [activePage, activeVersion, pagesData]);
-  const currentPage = useMemo24(
+  const currentPage = useMemo23(
     () => pagesData.find((page) => page.path === activePage),
     [activePage, pagesData]
   );
@@ -30027,13 +29975,13 @@ var HeaderActions = (opts) => {
     onConfirm: handleUnpublish,
     title: "Unpublish page"
   };
-  return /* @__PURE__ */ jsxs23(Fragment9, { children: [
-    canvasIsDirty ? /* @__PURE__ */ jsxs23(Fragment9, { children: [
-      /* @__PURE__ */ jsxs23("div", { className: cx11("version"), children: [
-        /* @__PURE__ */ jsx45("div", { className: cx11("versionHeader"), children: /* @__PURE__ */ jsx45("div", { className: cx11("versionLabel"), children: "Draft" }) }),
-        /* @__PURE__ */ jsx45("div", { className: cx11("versionDate"), children: "Unsaved" })
+  return /* @__PURE__ */ jsxs22(Fragment9, { children: [
+    canvasIsDirty ? /* @__PURE__ */ jsxs22(Fragment9, { children: [
+      /* @__PURE__ */ jsxs22("div", { className: cx10("version"), children: [
+        /* @__PURE__ */ jsx44("div", { className: cx10("versionHeader"), children: /* @__PURE__ */ jsx44("div", { className: cx10("versionLabel"), children: "Draft" }) }),
+        /* @__PURE__ */ jsx44("div", { className: cx10("versionDate"), children: "Unsaved" })
       ] }),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         Button,
         {
           variant: "secondary",
@@ -30042,32 +29990,32 @@ var HeaderActions = (opts) => {
           children: "Save"
         }
       )
-    ] }) : currentVersion ? /* @__PURE__ */ jsx45(Fragment9, { children: /* @__PURE__ */ jsxs23("div", { className: cx11("version"), children: [
-      /* @__PURE__ */ jsxs23("div", { className: cx11("versionHeader"), children: [
-        /* @__PURE__ */ jsxs23("div", { className: cx11("versionLabel"), children: [
+    ] }) : currentVersion ? /* @__PURE__ */ jsx44(Fragment9, { children: /* @__PURE__ */ jsxs22("div", { className: cx10("version"), children: [
+      /* @__PURE__ */ jsxs22("div", { className: cx10("versionHeader"), children: [
+        /* @__PURE__ */ jsxs22("div", { className: cx10("versionLabel"), children: [
           "v",
           currentVersion.versionNumber
         ] }),
-        /* @__PURE__ */ jsx45("div", { children: /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(
           StatusTag,
           {
             status: currentVersion.status === "published" ? "live" : "draft"
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx45("div", { className: cx11("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
+      /* @__PURE__ */ jsx44("div", { className: cx10("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
     ] }) }) : null,
-    /* @__PURE__ */ jsxs23("div", { className: cx11("publish"), children: [
-      /* @__PURE__ */ jsx45(
+    /* @__PURE__ */ jsxs22("div", { className: cx10("publish"), children: [
+      /* @__PURE__ */ jsx44(
         Button,
         {
           disabled: publishDisabled,
           onClick: handlePublish,
-          icon: /* @__PURE__ */ jsx45(Globe, { size: "12" }),
+          icon: /* @__PURE__ */ jsx44(Globe, { size: "12" }),
           children: canvasIsDirty ? "Save & publish" : "Publish"
         }
       ),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         Menu,
         {
           ariaLabel: "More publish actions",
@@ -30076,7 +30024,7 @@ var HeaderActions = (opts) => {
             [
               {
                 disabled: unpublishDisabled,
-                icon: /* @__PURE__ */ jsx45(EyeOff, { size: 16 }),
+                icon: /* @__PURE__ */ jsx44(EyeOff, { size: 16 }),
                 label: "Unpublish",
                 onClick: () => {
                   setConfirmAction("unpublish");
@@ -30084,7 +30032,7 @@ var HeaderActions = (opts) => {
               },
               {
                 disabled: deleteDisabled,
-                icon: /* @__PURE__ */ jsx45(Trash, { size: 16 }),
+                icon: /* @__PURE__ */ jsx44(Trash, { size: 16 }),
                 label: "Delete page",
                 onClick: () => {
                   setConfirmAction("delete");
@@ -30092,10 +30040,10 @@ var HeaderActions = (opts) => {
               }
             ]
           ],
-          children: /* @__PURE__ */ jsx45("span", { className: cx11("trigger"), children: /* @__PURE__ */ jsx45(ChevronDown, { size: 16 }) })
+          children: /* @__PURE__ */ jsx44("span", { className: cx10("trigger"), children: /* @__PURE__ */ jsx44(ChevronDown, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         ConfirmModal,
         {
           visible: confirmAction !== null,
@@ -30112,40 +30060,40 @@ var HeaderActions = (opts) => {
 
 // src/components/Preview/index.tsx
 init_react_import();
-
-// css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Preview/styles.module.css#css-module
-init_react_import();
-var styles_module_default12 = { "Preview": "_Preview_jituh_1" };
-
-// src/components/Preview/index.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-var cx12 = get_class_name_factory_default2("Preview", styles_module_default12);
+import { jsx as jsx45 } from "react/jsx-runtime";
 var Preview = ({ children }) => {
   const { loading } = usePagesStore();
   if (loading) {
-    return /* @__PURE__ */ jsx46("div", { className: cx12(), children: /* @__PURE__ */ jsx46(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ jsx46(Loader, {}) }) });
+    return /* @__PURE__ */ jsx45(
+      "div",
+      {
+        style: {
+          height: "100%",
+          width: "100%"
+        },
+        children: /* @__PURE__ */ jsx45(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ jsx45(Loader, {}) })
+      }
+    );
   }
-  return /* @__PURE__ */ jsx46("div", { className: cx12(), children });
+  return children;
 };
 
 // src/index.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function createPagesPlugin(opts) {
   return {
     label: "Pages",
     name: "pages",
-    render: () => /* @__PURE__ */ jsx47(PagePlugin, { ...opts }),
-    icon: /* @__PURE__ */ jsx47(FileText, {}),
+    render: () => /* @__PURE__ */ jsx46(PagePlugin, { ...opts }),
+    icon: /* @__PURE__ */ jsx46(FileText, {}),
     overrides: {
-      headerActions: () => /* @__PURE__ */ jsx47(ToastWrapper, { children: /* @__PURE__ */ jsx47(HeaderActions, { ...opts }) }),
-      header: ({ children }) => /* @__PURE__ */ jsx47(Header, { children }),
-      preview: ({ children }) => /* @__PURE__ */ jsx47(Preview, { children })
+      headerActions: () => /* @__PURE__ */ jsx46(ToastWrapper, { children: /* @__PURE__ */ jsx46(HeaderActions, { ...opts }) }),
+      preview: ({ children }) => /* @__PURE__ */ jsx46(Preview, { children })
     }
   };
 }
 export {
-  createPagesPlugin,
-  usePagesStore
+  createPagesPlugin
 };
 /*! Bundled license information:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-pages",
-  "version": "0.6.1-canary.433ca837",
+  "version": "0.6.1-canary.45a1a2e4",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",
   "bugs": "https://github.com/puckeditor/puck/issues",