@orion-studios/payload-studio 0.5.0-beta.11 → 0.5.0-beta.111

package/dist/admin/index.d.mts

@@ -1,2 +1,3 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.mjs';
+export { A as AdminConfig, C as CreateSocialMediaConnectionsFieldOptions, a as CreateSocialMediaGlobalOptions, R as ResolvedStudioSection, S as StudioSection, b as StudioSectionCard, c as StudioSectionComponent, d as StudioSectionRole, e as StudioSectionView, f as configureAdmin, g as createHeaderNavItemsField, h as createSocialMediaConnectionsField, j as createSocialMediaGlobal, k as createThemePreferenceField, s as socialMediaConnectionsField, t as themePreferenceField, w as withTooltips } from '../index-B7QvY3yF.mjs';
+export { b as SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM, c as SOCIAL_MEDIA_ICON_OPTIONS, d as SOCIAL_MEDIA_PLATFORMS, e as SOCIAL_MEDIA_PLATFORM_LABELS, S as SocialMediaGlobalData, f as SocialMediaIconLibrary, g as SocialMediaIconOption, a as SocialMediaPlatform, h as SocialMediaProfileData, i as SocialMediaProfilesData } from '../socialMedia-C05Iy-SV.mjs';
 import 'payload';

package/dist/admin/index.d.ts

@@ -1,2 +1,3 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.js';
+export { A as AdminConfig, C as CreateSocialMediaConnectionsFieldOptions, a as CreateSocialMediaGlobalOptions, R as ResolvedStudioSection, S as StudioSection, b as StudioSectionCard, c as StudioSectionComponent, d as StudioSectionRole, e as StudioSectionView, f as configureAdmin, g as createHeaderNavItemsField, h as createSocialMediaConnectionsField, j as createSocialMediaGlobal, k as createThemePreferenceField, s as socialMediaConnectionsField, t as themePreferenceField, w as withTooltips } from '../index-BK03FiEM.js';
+export { b as SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM, c as SOCIAL_MEDIA_ICON_OPTIONS, d as SOCIAL_MEDIA_PLATFORMS, e as SOCIAL_MEDIA_PLATFORM_LABELS, S as SocialMediaGlobalData, f as SocialMediaIconLibrary, g as SocialMediaIconOption, a as SocialMediaPlatform, h as SocialMediaProfileData, i as SocialMediaProfilesData } from '../socialMedia-C05Iy-SV.js';
 import 'payload';

package/dist/admin/index.js

@@ -30,8 +30,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/admin/index.ts
 var admin_exports = {};
 __export(admin_exports, {
+  SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM: () => SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
+  SOCIAL_MEDIA_ICON_OPTIONS: () => SOCIAL_MEDIA_ICON_OPTIONS,
+  SOCIAL_MEDIA_PLATFORMS: () => SOCIAL_MEDIA_PLATFORMS,
+  SOCIAL_MEDIA_PLATFORM_LABELS: () => SOCIAL_MEDIA_PLATFORM_LABELS,
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
+  createSocialMediaConnectionsField: () => createSocialMediaConnectionsField,
+  createSocialMediaGlobal: () => createSocialMediaGlobal,
   createThemePreferenceField: () => createThemePreferenceField,
+  socialMediaConnectionsField: () => socialMediaConnectionsField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
 });
@@ -60,6 +68,113 @@ var createThemePreferenceField = (defaultTheme = "brand-light") => ({
 });
 var themePreferenceField = createThemePreferenceField("brand-light");
 
+// src/shared/studioSections.ts
+var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isAbsoluteExternalURL = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
+var normalizePathLikeValue = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (isAbsoluteExternalURL(trimmed)) {
+    return trimmed;
+  }
+  const withLeadingSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  const normalized = withLeadingSlash.replace(/\/+$/, "");
+  return normalized || "/";
+};
+var normalizeStringArray = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((entry) => typeof entry === "string").map((entry) => normalizePathLikeValue(entry)).filter((entry) => entry.length > 0);
+};
+var normalizeRoles = (value) => {
+  if (!Array.isArray(value)) {
+    return void 0;
+  }
+  const roles = value.filter((entry) => typeof entry === "string" && studioRoles.has(entry));
+  return roles.length > 0 ? roles : void 0;
+};
+var normalizeCard = (value) => {
+  if (!isRecord(value) || typeof value.title !== "string") {
+    return void 0;
+  }
+  const title = value.title.trim();
+  if (!title) {
+    return void 0;
+  }
+  return {
+    title,
+    ...typeof value.description === "string" && value.description.trim().length > 0 ? { description: value.description.trim() } : {}
+  };
+};
+var resolveStudioSections = (value) => {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  const sections = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const entry of value) {
+    if (!isRecord(entry) || typeof entry.id !== "string" || typeof entry.label !== "string") {
+      continue;
+    }
+    const id = entry.id.trim();
+    const label = entry.label.trim();
+    if (!id || !label || seen.has(id)) {
+      continue;
+    }
+    const href = typeof entry.href === "string" && entry.href.trim().length > 0 ? normalizePathLikeValue(entry.href) : isRecord(entry.view) && typeof entry.view.path === "string" ? normalizePathLikeValue(entry.view.path) : "";
+    if (!href) {
+      continue;
+    }
+    const matchPrefixes = Array.from(/* @__PURE__ */ new Set([href, ...normalizeStringArray(entry.matchPrefixes)]));
+    sections.push({
+      id,
+      label,
+      href,
+      matchPrefixes,
+      ...normalizeRoles(entry.roles) ? { roles: normalizeRoles(entry.roles) } : {},
+      ...normalizeCard(entry.card) ? { card: normalizeCard(entry.card) } : {}
+    });
+    seen.add(id);
+  }
+  return sections;
+};
+var resolveStudioSectionViews = (value) => {
+  if (!Array.isArray(value)) {
+    return {};
+  }
+  const views = {};
+  for (const entry of value) {
+    if (!isRecord(entry) || typeof entry.id !== "string" || !isRecord(entry.view)) {
+      continue;
+    }
+    const id = entry.id.trim();
+    const view = entry.view;
+    const component = isRecord(view.Component) ? view.Component : null;
+    if (!id || typeof view.path !== "string" || !component || typeof component.exportName !== "string" || typeof component.path !== "string") {
+      continue;
+    }
+    const path2 = normalizePathLikeValue(view.path);
+    const componentPath = component.path.trim();
+    const exportName = component.exportName.trim();
+    if (!path2 || !componentPath || !exportName) {
+      continue;
+    }
+    views[id] = {
+      path: path2,
+      Component: {
+        exportName,
+        path: componentPath,
+        ...isRecord(component.clientProps) ? { clientProps: component.clientProps } : {}
+      }
+    };
+  }
+  return views;
+};
+
 // src/admin/helpers/configureAdmin.ts
 var import_meta = {};
 function getPkgDistDir() {
@@ -87,14 +202,31 @@ function configureAdmin(config) {
     defaultTheme = "brand-light",
     logoUrl
   } = config;
-  const studioEnabled = Boolean(config.studio?.enabled);
+  const studioEnabled = config.studio?.enabled ?? true;
+  const formsEnabled = config.studio?.forms?.enabled ?? false;
+  const formsCollectionSlug = config.studio?.forms?.collectionSlug || "forms";
+  const formSubmissionsCollectionSlug = config.studio?.forms?.submissionsCollectionSlug || "form-submissions";
+  const formUploadsCollectionSlug = config.studio?.forms?.uploadsCollectionSlug || "form-uploads";
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
-  const globals = config.studio?.globals || [
+  const contactFormStudioPath = "/studio-contact-form";
+  const configuredGlobals = config.studio?.globals || [
     { slug: "site-settings", label: "Website Settings" },
     { slug: "header", label: "Header & Navigation" },
-    { slug: "footer", label: "Footer" }
+    { slug: "footer", label: "Footer" },
+    { slug: "contact-form", label: "Contact Form" }
   ];
+  const globals = configuredGlobals.map((global) => {
+    if (global.slug !== "contact-form" || global.href) {
+      return global;
+    }
+    return {
+      ...global,
+      href: contactFormStudioPath
+    };
+  });
+  const studioSections = resolveStudioSections(config.studio?.sections || []);
+  const studioSectionViews = resolveStudioSectionViews(config.studio?.sections || []);
   let cssPath;
   const pkgDist = getPkgDistDir();
   const sourceCssPath = import_path.default.resolve(pkgDist, "admin.css");
@@ -124,9 +256,15 @@ function configureAdmin(config) {
             clientProps: {
               brandName,
               logoUrl,
-              globalsBasePath: "/admin/studio-globals",
+              globalsBasePath: "/studio-globals",
+              globalsExtraMatchPrefixes: [contactFormStudioPath],
+              formSubmissionsCollectionSlug,
+              formsCollectionSlug,
+              formsEnabled,
+              formUploadsCollectionSlug,
               mediaCollectionSlug,
-              pagesCollectionSlug
+              pagesCollectionSlug,
+              sections: studioSections
             }
           }
         } : {},
@@ -156,9 +294,15 @@ function configureAdmin(config) {
               clientProps: {
                 brandName,
                 logoUrl,
-                globalsBasePath: "/admin/studio-globals",
+                globalsBasePath: "/studio-globals",
+                globalsExtraMatchPrefixes: [contactFormStudioPath],
+                formSubmissionsCollectionSlug,
+                formsCollectionSlug,
+                formsEnabled,
+                formUploadsCollectionSlug,
                 mediaCollectionSlug,
-                pagesCollectionSlug
+                pagesCollectionSlug,
+                sections: studioSections
               }
             }
           },
@@ -170,10 +314,44 @@ function configureAdmin(config) {
                 path: clientPath,
                 clientProps: {
                   globals,
-                  globalsBasePath: "/admin/studio-globals"
+                  globalsBasePath: "/studio-globals"
                 }
               }
-            }
+            },
+            studioContactForm: {
+              path: "/studio-contact-form",
+              Component: {
+                exportName: "AdminStudioContactFormView",
+                path: clientPath,
+                clientProps: {
+                  globalSlug: "contact-form",
+                  globalsBasePath: "/studio-globals"
+                }
+              }
+            },
+            ...formsEnabled ? {
+              studioForms: {
+                path: "/studio-forms",
+                Component: {
+                  exportName: "AdminStudioFormsView",
+                  path: clientPath,
+                  clientProps: {
+                    formsCollectionSlug,
+                    formSubmissionsCollectionSlug,
+                    formUploadsCollectionSlug
+                  }
+                }
+              }
+            } : {},
+            ...Object.fromEntries(
+              Object.entries(studioSectionViews).map(([id, view]) => [
+                id,
+                {
+                  path: view.path,
+                  Component: view.Component
+                }
+              ])
+            )
           } : {}
         },
         providers: [
@@ -217,16 +395,48 @@ function configureAdmin(config) {
       const labelMap = {
         header: { group: "Site Design", label: "Header & Navigation" },
         footer: { group: "Site Design", label: "Footer" },
-        "site-settings": { group: "Site Design", label: "Website Settings" }
+        "site-settings": { group: "Site Design", label: "Website Settings" },
+        "social-media": { group: "Site Design", label: "Social Media" },
+        "contact-form": { group: "Lead Forms", label: "Contact Form" }
       };
       return globals2.map((global) => {
         const mapping = labelMap[global.slug];
         if (!mapping) return global;
+        const shouldAttachContactFormRedirect = studioEnabled && global.slug === "contact-form";
+        const existingViews = global.admin?.components?.views;
+        const existingEditViews = existingViews?.edit;
+        const hasCustomContactFormEditView = Boolean(
+          existingEditViews?.root || existingEditViews?.default && typeof existingEditViews.default === "object" && existingEditViews.default.Component
+        );
+        const contactFormEditViews = shouldAttachContactFormRedirect && !hasCustomContactFormEditView ? {
+          ...existingEditViews,
+          default: {
+            ...typeof existingEditViews?.default === "object" ? existingEditViews.default : {},
+            Component: {
+              exportName: "StudioContactFormRedirect",
+              path: clientPath,
+              clientProps: {
+                studioContactFormPath: contactFormStudioPath
+              }
+            }
+          }
+        } : existingEditViews;
         return {
           ...global,
           admin: {
             ...global.admin,
-            group: mapping.group
+            group: mapping.group,
+            components: {
+              ...global.admin?.components,
+              ...shouldAttachContactFormRedirect ? {
+                views: {
+                  ...existingViews,
+                  ...contactFormEditViews ? {
+                    edit: contactFormEditViews
+                  } : {}
+                }
+              } : {}
+            }
           },
           label: mapping.label
         };
@@ -294,10 +504,213 @@ function addTooltipToField(field, tooltips) {
   }
   return field;
 }
+
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
+
+// src/shared/socialMedia.ts
+var SOCIAL_MEDIA_PLATFORM_LABELS = {
+  facebook: "Facebook",
+  instagram: "Instagram",
+  x: "X (Twitter)",
+  linkedin: "LinkedIn",
+  youtube: "YouTube",
+  tiktok: "TikTok",
+  pinterest: "Pinterest",
+  snapchat: "Snapchat"
+};
+var SOCIAL_MEDIA_PLATFORMS = [
+  "facebook",
+  "instagram",
+  "x",
+  "linkedin",
+  "youtube",
+  "tiktok",
+  "pinterest",
+  "snapchat"
+];
+var SOCIAL_MEDIA_ICON_OPTIONS = {
+  facebook: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:facebook" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:facebook-f" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-facebook" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:facebook-fill" }
+  ],
+  instagram: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:instagram" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:instagram" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-instagram" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:instagram-fill" }
+  ],
+  x: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:x" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:x-twitter" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-x" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:twitter-x-fill" }
+  ],
+  linkedin: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:linkedin" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:linkedin-in" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-linkedin" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:linkedin-fill" }
+  ],
+  youtube: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:youtube" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:youtube" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-youtube" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:youtube-fill" }
+  ],
+  tiktok: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:tiktok" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:tiktok" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-tiktok" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:tiktok-fill" }
+  ],
+  pinterest: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:pinterest" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:pinterest-p" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-pinterest" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:pinterest-fill" }
+  ],
+  snapchat: [
+    { label: "Simple Icons", library: "simple-icons", value: "simple-icons:snapchat" },
+    { label: "Font Awesome Brands", library: "font-awesome-brands", value: "fa6-brands:snapchat" },
+    { label: "Tabler Brands", library: "tabler-brands", value: "tabler:brand-snapchat" },
+    { label: "Remix Icons", library: "remix-icons", value: "ri:snapchat-fill" }
+  ]
+};
+var SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM = SOCIAL_MEDIA_PLATFORMS.reduce(
+  (acc, platform) => {
+    acc[platform] = SOCIAL_MEDIA_ICON_OPTIONS[platform][0].value;
+    return acc;
+  },
+  {}
+);
+
+// src/admin/fields/socialMedia.ts
+var DEFAULT_DESCRIPTION = "Add profile URLs and choose one of two icon styles for each platform. Leave a URL blank to hide that profile on your site.";
+function validateOptionalHttpsUrl(value) {
+  if (value === null || value === void 0 || value === "") {
+    return true;
+  }
+  if (typeof value !== "string") {
+    return "Enter a valid URL.";
+  }
+  try {
+    const url = new URL(value);
+    if (url.protocol !== "http:" && url.protocol !== "https:") {
+      return "Use an http:// or https:// URL.";
+    }
+    return true;
+  } catch {
+    return "Enter a valid URL (for example: https://instagram.com/yourbrand).";
+  }
+}
+function createPlatformField(platform) {
+  const platformLabel = SOCIAL_MEDIA_PLATFORM_LABELS[platform];
+  const iconOptions = SOCIAL_MEDIA_ICON_OPTIONS[platform].map((option) => ({
+    label: option.label,
+    value: option.value
+  }));
+  return {
+    name: platform,
+    type: "group",
+    label: platformLabel,
+    fields: [
+      {
+        name: "url",
+        type: "text",
+        admin: {
+          description: `Full ${platformLabel} profile URL. Leave blank to hide ${platformLabel}.`
+        },
+        validate: validateOptionalHttpsUrl
+      },
+      {
+        name: "icon",
+        type: "select",
+        defaultValue: SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM[platform],
+        options: iconOptions,
+        admin: {
+          description: "Pick which icon style to display for this platform."
+        }
+      }
+    ]
+  };
+}
+var createSocialMediaConnectionsField = (options = {}) => {
+  const selectedPlatforms = Array.isArray(options.platforms) && options.platforms.length > 0 ? options.platforms : SOCIAL_MEDIA_PLATFORMS;
+  return {
+    name: options.name || "profiles",
+    type: "group",
+    label: options.label || "Social Media Profiles",
+    admin: {
+      description: options.description || DEFAULT_DESCRIPTION
+    },
+    fields: selectedPlatforms.map((platform) => createPlatformField(platform))
+  };
+};
+var socialMediaConnectionsField = createSocialMediaConnectionsField();
+
+// src/admin/globals/socialMedia.ts
+var createSocialMediaGlobal = (options = {}) => ({
+  slug: options.slug || "social-media",
+  label: "Social Media",
+  admin: {
+    description: options.description || "Manage social profile links and icon variants used across your website.",
+    group: "Site Design"
+  },
+  fields: [
+    createSocialMediaConnectionsField({
+      ...options.fieldOptions,
+      label: "Profiles",
+      name: "profiles"
+    })
+  ]
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
+  SOCIAL_MEDIA_ICON_OPTIONS,
+  SOCIAL_MEDIA_PLATFORMS,
+  SOCIAL_MEDIA_PLATFORM_LABELS,
   configureAdmin,
+  createHeaderNavItemsField,
+  createSocialMediaConnectionsField,
+  createSocialMediaGlobal,
   createThemePreferenceField,
+  socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
 });

package/dist/admin/index.mjs

@@ -1,13 +1,31 @@
 import {
   configureAdmin,
+  createHeaderNavItemsField,
+  createSocialMediaConnectionsField,
+  createSocialMediaGlobal,
   createThemePreferenceField,
+  socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-J7W5EE3B.mjs";
+} from "../chunk-DAIZDGHL.mjs";
+import {
+  SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
+  SOCIAL_MEDIA_ICON_OPTIONS,
+  SOCIAL_MEDIA_PLATFORMS,
+  SOCIAL_MEDIA_PLATFORM_LABELS
+} from "../chunk-ZTXJG4K5.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
+  SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
+  SOCIAL_MEDIA_ICON_OPTIONS,
+  SOCIAL_MEDIA_PLATFORMS,
+  SOCIAL_MEDIA_PLATFORM_LABELS,
   configureAdmin,
+  createHeaderNavItemsField,
+  createSocialMediaConnectionsField,
+  createSocialMediaGlobal,
   createThemePreferenceField,
+  socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
 };

package/dist/admin-app/client.d.mts

@@ -0,0 +1,7 @@
+export { AdminShellClient } from './components/AdminShellClient'
+export { HeaderNavItemsEditor } from './components/HeaderNavItemsEditor'
+export { HeaderNavEditorWithPreview } from './components/HeaderNavEditorWithPreview'
+export { MediaDetailPanel } from './components/MediaDetailPanel'
+export { MediaListItem } from './components/MediaListItem'
+export { MediaUploadForm } from './components/MediaUploadForm'
+export { PageEditorFrame } from './components/PageEditorFrame'

package/dist/admin-app/client.d.ts

@@ -0,0 +1,7 @@
+export { AdminShellClient } from './components/AdminShellClient'
+export { HeaderNavItemsEditor } from './components/HeaderNavItemsEditor'
+export { HeaderNavEditorWithPreview } from './components/HeaderNavEditorWithPreview'
+export { MediaDetailPanel } from './components/MediaDetailPanel'
+export { MediaListItem } from './components/MediaListItem'
+export { MediaUploadForm } from './components/MediaUploadForm'
+export { PageEditorFrame } from './components/PageEditorFrame'