@orion-studios/payload-studio 0.6.0-beta.10 → 0.6.0-beta.12

package/dist/admin/client.js

@@ -1231,17 +1231,22 @@ var resolveUploadUrl = (value) => {
 var resolveLogoUrl = (settings) => {
   return resolveUploadUrl(settings.logo) || resolveUploadUrl(settings.adminLogo) || resolveUploadUrl(settings.brandLogo) || null;
 };
+var resolveLogoOnDarkUrl = (settings) => {
+  return resolveUploadUrl(settings.logoOnDark) || resolveUploadUrl(settings.logoDark) || resolveUploadUrl(settings.adminLogoDark) || resolveUploadUrl(settings.adminLogoOnDark) || resolveUploadUrl(settings.brandLogoDark) || null;
+};
 var cachedBranding = null;
-function useSiteBranding(defaultName, defaultLogoUrl) {
+function useSiteBranding(defaultName, defaultLogoUrl, defaultLogoOnDarkUrl) {
   const [branding, setBranding] = (0, import_react.useState)(() => {
     if (cachedBranding) {
       return {
         logoUrl: cachedBranding.logoUrl || defaultLogoUrl || null,
+        logoOnDarkUrl: cachedBranding.logoOnDarkUrl || defaultLogoOnDarkUrl || null,
         siteName: cachedBranding.siteName || defaultName || null
       };
     }
     return {
       logoUrl: defaultLogoUrl || null,
+      logoOnDarkUrl: defaultLogoOnDarkUrl || null,
       siteName: defaultName || null
     };
   });
@@ -1258,9 +1263,11 @@ function useSiteBranding(defaultName, defaultLogoUrl) {
         if (!record) return;
         const siteName = pickString(record.siteName);
         const logoUrl = resolveLogoUrl(record);
-        cachedBranding = { logoUrl, siteName };
+        const logoOnDarkUrl = resolveLogoOnDarkUrl(record);
+        cachedBranding = { logoOnDarkUrl, logoUrl, siteName };
         if (!cancelled) {
           setBranding({
+            logoOnDarkUrl: logoOnDarkUrl || defaultLogoOnDarkUrl || null,
             logoUrl: logoUrl || defaultLogoUrl || null,
             siteName: siteName || defaultName || null
           });
@@ -1272,16 +1279,20 @@ function useSiteBranding(defaultName, defaultLogoUrl) {
     return () => {
       cancelled = true;
     };
-  }, [defaultLogoUrl, defaultName]);
+  }, [defaultLogoOnDarkUrl, defaultLogoUrl, defaultName]);
   return branding;
 }
 
 // src/admin/components/Logo.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function Logo({ brandName = "Orion Studio", logoUrl } = {}) {
-  const branding = useSiteBranding(brandName, logoUrl);
+function Logo({ brandName = "Orion Studio", logoOnDarkUrl, logoUrl } = {}) {
+  const branding = useSiteBranding(brandName, logoUrl, logoOnDarkUrl);
   const resolvedName = branding.siteName || brandName;
   const resolvedLogo = branding.logoUrl || logoUrl || null;
+  const resolvedLogoOnDark = branding.logoOnDarkUrl || logoOnDarkUrl || resolvedLogo || "";
+  const hasDarkLogoVariant = Boolean(
+    resolvedLogo && resolvedLogoOnDark.trim().length > 0 && resolvedLogoOnDark !== resolvedLogo
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
@@ -1300,8 +1311,6 @@ function Logo({ brandName = "Orion Studio", logoUrl } = {}) {
             className: "orion-admin-logo-mark",
             style: {
               alignItems: "center",
-              background: "var(--orion-cms-logo-bg, var(--admin-accent, #3b82f6))",
-              borderRadius: "var(--orion-cms-logo-radius, var(--admin-radius-md, 8px))",
               display: "flex",
               flexShrink: 0,
               height: 32,
@@ -1309,14 +1318,25 @@ function Logo({ brandName = "Orion Studio", logoUrl } = {}) {
               overflow: "hidden",
               width: 32
             },
-            children: resolvedLogo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "img",
-              {
-                alt: `${resolvedName} logo`,
-                src: resolvedLogo,
-                style: { height: "100%", objectFit: "cover", width: "100%" }
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            children: resolvedLogo ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "img",
+                {
+                  alt: `${resolvedName} logo`,
+                  className: `orion-admin-logo-image orion-admin-logo-image--default${hasDarkLogoVariant ? "" : " is-only-logo"}`,
+                  src: resolvedLogo
+                }
+              ),
+              hasDarkLogoVariant ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "img",
+                {
+                  alt: "",
+                  "aria-hidden": "true",
+                  className: "orion-admin-logo-image orion-admin-logo-image--dark",
+                  src: resolvedLogoOnDark
+                }
+              ) : null
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
               "svg",
               {
                 fill: "none",
@@ -2554,7 +2574,7 @@ var navItemIsActive = (pathname, item) => {
 };
 
 // src/shared/studioSections.ts
-var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var studioRoles = /* @__PURE__ */ new Set(["admin", "developer", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
 var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
@@ -2752,7 +2772,7 @@ var buildStudioNavItems = (props, adminBasePath) => {
     icon: "tools",
     label: "Admin Tools",
     matchPrefixes: [toolsPath, resolveAdminPath(adminBasePath, "/collections/users")],
-    roles: ["admin"]
+    roles: ["admin", "developer"]
   };
   const extensionItems = sections.map((section) => ({
     href: resolveAdminPath(adminBasePath, section.href),
@@ -3193,9 +3213,9 @@ var import_react16 = require("react");
 var import_link = __toESM(require("next/link"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1e3;
-var isRole = (value) => value === "admin" || value === "editor" || value === "client";
-var canReviewForms = (role) => role === "admin" || role === "editor";
-var canCreatePages = (role) => role === "admin" || role === "editor";
+var isRole = (value) => value === "admin" || value === "client" || value === "developer" || value === "editor";
+var canReviewForms = (role) => role === "admin" || role === "developer" || role === "editor";
+var canCreatePages = (role) => role === "admin" || role === "developer" || role === "editor";
 var canAccess = (role, roles) => {
   if (!roles || roles.length === 0) {
     return true;
@@ -3671,7 +3691,7 @@ function AdminStudioDashboardClient({
       label: "Manage Media",
       tone: "ghost"
     });
-    if (role === "admin") {
+    if (role === "admin" || role === "developer") {
       actions.push({
         description: "Manage users, roles, and fallback tools.",
         href: toolsPath,
@@ -3950,7 +3970,7 @@ var buildSectionLinks = (adminBasePath, sections, formsEnabled, globalsBasePath)
       href: resolveAdminPath2(adminBasePath, "/tools"),
       id: "admin-tools",
       label: "Admin Tools",
-      roles: ["admin"]
+      roles: ["admin", "developer"]
     }
   ];
   const seen = /* @__PURE__ */ new Set();
@@ -4020,10 +4040,10 @@ var import_react17 = require("react");
 var import_link2 = __toESM(require("next/link"));
 var import_ui5 = require("@payloadcms/ui");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var isAdmin = (user) => {
+var hasAdminAccess = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var getPropString3 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
@@ -4086,7 +4106,7 @@ function AdminStudioPagesListView(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     AdminPage,
     {
-      actions: isAdmin(user) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_link2.default, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
+      actions: hasAdminAccess(user) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_link2.default, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
       breadcrumbs: [
         { label: "Dashboard", href: adminBasePath },
         { label: "Pages" }
@@ -4121,10 +4141,10 @@ function AdminStudioPagesListView(props) {
 var import_react18 = require("react");
 var import_ui6 = require("@payloadcms/ui");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var isAdmin2 = (user) => {
+var hasAdminAccess2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var isEditor = (user) => {
   if (!user || typeof user !== "object") return false;
@@ -4182,7 +4202,7 @@ function AdminStudioPageEditView(props) {
     }
     setDidResolvePathFallback(true);
   }, [pageIDFromParams]);
-  const canPublish = isAdmin2(user) || isEditor(user);
+  const canPublish = hasAdminAccess2(user) || isEditor(user);
   const refreshUnpublishedState = async (id) => {
     try {
       const response = await fetch(
@@ -4475,7 +4495,7 @@ var getPropString5 = (props, key, fallback) => {
 var canManagePages = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return role === "admin" || role === "editor";
+  return role === "admin" || role === "developer" || role === "editor";
 };
 var slugify = (value) => value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
 function AdminStudioNewPageView(props) {
@@ -4497,7 +4517,7 @@ function AdminStudioNewPageView(props) {
         title: "New Page",
         children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "orion-admin-card", children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: "Access denied" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "This section is restricted to administrator and editor accounts." })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "This section is restricted to administrator, developer, and editor accounts." })
         ] })
       }
     ) });
@@ -7511,17 +7531,17 @@ var FORM_TONE_OVERRIDES = {
 var IDENTITY_KEYS = /* @__PURE__ */ new Set(["contactEmail", "email", "firstName", "lastName", "name"]);
 var RESPONSE_FIELD_PREVIEW_LIMIT = 3;
 var RESPONSE_SCROLL_THRESHOLD = 3;
-var isAdmin3 = (user) => {
+var hasAdminAccess3 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var isEditor2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "editor";
 };
-var canReviewForms2 = (user) => isAdmin3(user) || isEditor2(user);
+var canReviewForms2 = (user) => hasAdminAccess3(user) || isEditor2(user);
 var getPropString13 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -8004,11 +8024,11 @@ function AdminStudioFormsView(props) {
 var import_react32 = require("react");
 var import_ui12 = require("@payloadcms/ui");
 var import_jsx_runtime41 = require("react/jsx-runtime");
-var userRoles = ["admin", "client", "editor"];
-var isAdmin4 = (user) => {
+var userRoles = ["admin", "client", "developer", "editor"];
+var hasAdminAccess4 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var normalizeRole = (value) => userRoles.includes(value) ? value : "editor";
 function AdminStudioToolsView(props) {
@@ -8020,7 +8040,7 @@ function AdminStudioToolsView(props) {
   const [savedMessage, setSavedMessage] = (0, import_react32.useState)(null);
   const [createSubmitting, setCreateSubmitting] = (0, import_react32.useState)(false);
   const [updatingUserID, setUpdatingUserID] = (0, import_react32.useState)(null);
-  if (!isAdmin4(user)) {
+  if (!hasAdminAccess4(user)) {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       AdminPage,
       {
@@ -8032,7 +8052,7 @@ function AdminStudioToolsView(props) {
         title: "Admin Tools",
         children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "orion-admin-card", children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: "Access denied" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "This section is restricted to administrator accounts." })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "This section is restricted to administrator and developer accounts." })
         ] })
       }
     ) });

package/dist/admin/client.mjs

@@ -41,17 +41,22 @@ var resolveUploadUrl = (value) => {
 var resolveLogoUrl = (settings) => {
   return resolveUploadUrl(settings.logo) || resolveUploadUrl(settings.adminLogo) || resolveUploadUrl(settings.brandLogo) || null;
 };
+var resolveLogoOnDarkUrl = (settings) => {
+  return resolveUploadUrl(settings.logoOnDark) || resolveUploadUrl(settings.logoDark) || resolveUploadUrl(settings.adminLogoDark) || resolveUploadUrl(settings.adminLogoOnDark) || resolveUploadUrl(settings.brandLogoDark) || null;
+};
 var cachedBranding = null;
-function useSiteBranding(defaultName, defaultLogoUrl) {
+function useSiteBranding(defaultName, defaultLogoUrl, defaultLogoOnDarkUrl) {
   const [branding, setBranding] = useState(() => {
     if (cachedBranding) {
       return {
         logoUrl: cachedBranding.logoUrl || defaultLogoUrl || null,
+        logoOnDarkUrl: cachedBranding.logoOnDarkUrl || defaultLogoOnDarkUrl || null,
         siteName: cachedBranding.siteName || defaultName || null
       };
     }
     return {
       logoUrl: defaultLogoUrl || null,
+      logoOnDarkUrl: defaultLogoOnDarkUrl || null,
       siteName: defaultName || null
     };
   });
@@ -68,9 +73,11 @@ function useSiteBranding(defaultName, defaultLogoUrl) {
         if (!record) return;
         const siteName = pickString(record.siteName);
         const logoUrl = resolveLogoUrl(record);
-        cachedBranding = { logoUrl, siteName };
+        const logoOnDarkUrl = resolveLogoOnDarkUrl(record);
+        cachedBranding = { logoOnDarkUrl, logoUrl, siteName };
         if (!cancelled) {
           setBranding({
+            logoOnDarkUrl: logoOnDarkUrl || defaultLogoOnDarkUrl || null,
             logoUrl: logoUrl || defaultLogoUrl || null,
             siteName: siteName || defaultName || null
           });
@@ -82,16 +89,20 @@ function useSiteBranding(defaultName, defaultLogoUrl) {
     return () => {
       cancelled = true;
     };
-  }, [defaultLogoUrl, defaultName]);
+  }, [defaultLogoOnDarkUrl, defaultLogoUrl, defaultName]);
   return branding;
 }
 
 // src/admin/components/Logo.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Logo({ brandName = "Orion Studio", logoUrl } = {}) {
-  const branding = useSiteBranding(brandName, logoUrl);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Logo({ brandName = "Orion Studio", logoOnDarkUrl, logoUrl } = {}) {
+  const branding = useSiteBranding(brandName, logoUrl, logoOnDarkUrl);
   const resolvedName = branding.siteName || brandName;
   const resolvedLogo = branding.logoUrl || logoUrl || null;
+  const resolvedLogoOnDark = branding.logoOnDarkUrl || logoOnDarkUrl || resolvedLogo || "";
+  const hasDarkLogoVariant = Boolean(
+    resolvedLogo && resolvedLogoOnDark.trim().length > 0 && resolvedLogoOnDark !== resolvedLogo
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -110,8 +121,6 @@ function Logo({ brandName = "Orion Studio", logoUrl } = {}) {
             className: "orion-admin-logo-mark",
             style: {
               alignItems: "center",
-              background: "var(--orion-cms-logo-bg, var(--admin-accent, #3b82f6))",
-              borderRadius: "var(--orion-cms-logo-radius, var(--admin-radius-md, 8px))",
               display: "flex",
               flexShrink: 0,
               height: 32,
@@ -119,14 +128,25 @@ function Logo({ brandName = "Orion Studio", logoUrl } = {}) {
               overflow: "hidden",
               width: 32
             },
-            children: resolvedLogo ? /* @__PURE__ */ jsx(
-              "img",
-              {
-                alt: `${resolvedName} logo`,
-                src: resolvedLogo,
-                style: { height: "100%", objectFit: "cover", width: "100%" }
-              }
-            ) : /* @__PURE__ */ jsxs(
+            children: resolvedLogo ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: `${resolvedName} logo`,
+                  className: `orion-admin-logo-image orion-admin-logo-image--default${hasDarkLogoVariant ? "" : " is-only-logo"}`,
+                  src: resolvedLogo
+                }
+              ),
+              hasDarkLogoVariant ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  alt: "",
+                  "aria-hidden": "true",
+                  className: "orion-admin-logo-image orion-admin-logo-image--dark",
+                  src: resolvedLogoOnDark
+                }
+              ) : null
+            ] }) : /* @__PURE__ */ jsxs(
               "svg",
               {
                 fill: "none",
@@ -463,7 +483,7 @@ function useTheme(defaultTheme = "brand-light") {
 }
 
 // src/admin/components/ThemeSwitcher.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var iconSize = 16;
 function SunIcon() {
   return /* @__PURE__ */ jsxs5("svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -603,7 +623,7 @@ function ThemeProvider({
     } catch {
     }
   }, [allowThemePreference, defaultTheme]);
-  return /* @__PURE__ */ jsx5(Fragment, { children });
+  return /* @__PURE__ */ jsx5(Fragment2, { children });
 }
 
 // src/admin/components/HelpTooltip.tsx
@@ -1333,7 +1353,7 @@ var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
 };
 
 // src/shared/studioSections.ts
-var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var studioRoles = /* @__PURE__ */ new Set(["admin", "developer", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
 var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
 var isAbsoluteExternalURL2 = (value) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(value) || value.startsWith("//");
@@ -1531,7 +1551,7 @@ var buildStudioNavItems = (props, adminBasePath) => {
     icon: "tools",
     label: "Admin Tools",
     matchPrefixes: [toolsPath, resolveAdminPath(adminBasePath, "/collections/users")],
-    roles: ["admin"]
+    roles: ["admin", "developer"]
   };
   const extensionItems = sections.map((section) => ({
     href: resolveAdminPath(adminBasePath, section.href),
@@ -1568,7 +1588,7 @@ var isStudioShellRoute = (pathname, props, adminBasePath) => {
 };
 
 // src/admin/components/studio/AdminStudioNav.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var iconSize2 = 18;
 function NavIcon({ sectionID }) {
   const props = {
@@ -1726,7 +1746,7 @@ function AdminStudioNav(props) {
               textAlign: compact ? "center" : "left"
             },
             children: [
-              !compact ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+              !compact ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
                 /* @__PURE__ */ jsx12("div", { style: { color: "var(--theme-elevation-700)", fontSize: "0.85rem" }, children: "Signed in as" }),
                 /* @__PURE__ */ jsx12("div", { style: { fontWeight: 800, marginBottom: "0.55rem" }, children: typeof user?.email === "string" ? user.email : "User" })
               ] }) : null,
@@ -1824,9 +1844,9 @@ import { startTransition, useEffect as useEffect7, useMemo as useMemo3, useState
 import Link from "next/link";
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1e3;
-var isRole = (value) => value === "admin" || value === "editor" || value === "client";
-var canReviewForms = (role) => role === "admin" || role === "editor";
-var canCreatePages = (role) => role === "admin" || role === "editor";
+var isRole = (value) => value === "admin" || value === "client" || value === "developer" || value === "editor";
+var canReviewForms = (role) => role === "admin" || role === "developer" || role === "editor";
+var canCreatePages = (role) => role === "admin" || role === "developer" || role === "editor";
 var canAccess = (role, roles) => {
   if (!roles || roles.length === 0) {
     return true;
@@ -2302,7 +2322,7 @@ function AdminStudioDashboardClient({
       label: "Manage Media",
       tone: "ghost"
     });
-    if (role === "admin") {
+    if (role === "admin" || role === "developer") {
       actions.push({
         description: "Manage users, roles, and fallback tools.",
         href: toolsPath,
@@ -2581,7 +2601,7 @@ var buildSectionLinks = (adminBasePath, sections, formsEnabled, globalsBasePath)
       href: resolveAdminPath2(adminBasePath, "/tools"),
       id: "admin-tools",
       label: "Admin Tools",
-      roles: ["admin"]
+      roles: ["admin", "developer"]
     }
   ];
   const seen = /* @__PURE__ */ new Set();
@@ -2651,10 +2671,10 @@ import { useEffect as useEffect8, useMemo as useMemo4, useState as useState8 } f
 import Link2 from "next/link";
 import { useAuth as useAuth3 } from "@payloadcms/ui";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
-var isAdmin = (user) => {
+var hasAdminAccess = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var getPropString3 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
@@ -2717,7 +2737,7 @@ function AdminStudioPagesListView(props) {
   return /* @__PURE__ */ jsx18(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs15(
     AdminPage,
     {
-      actions: isAdmin(user) ? /* @__PURE__ */ jsx18(Link2, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
+      actions: hasAdminAccess(user) ? /* @__PURE__ */ jsx18(Link2, { className: "orion-admin-action-button", href: newPagePath, children: "New Page" }) : null,
       breadcrumbs: [
         { label: "Dashboard", href: adminBasePath },
         { label: "Pages" }
@@ -2751,11 +2771,11 @@ function AdminStudioPagesListView(props) {
 // src/admin/components/studio/AdminStudioPageEditView.tsx
 import { useEffect as useEffect9, useMemo as useMemo5, useRef as useRef3, useState as useState9 } from "react";
 import { SetStepNav, toast, useAuth as useAuth4 } from "@payloadcms/ui";
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-var isAdmin2 = (user) => {
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+var hasAdminAccess2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var isEditor = (user) => {
   if (!user || typeof user !== "object") return false;
@@ -2813,7 +2833,7 @@ function AdminStudioPageEditView(props) {
     }
     setDidResolvePathFallback(true);
   }, [pageIDFromParams]);
-  const canPublish = isAdmin2(user) || isEditor(user);
+  const canPublish = hasAdminAccess2(user) || isEditor(user);
   const refreshUnpublishedState = async (id) => {
     try {
       const response = await fetch(
@@ -2904,7 +2924,7 @@ function AdminStudioPageEditView(props) {
     return () => window.removeEventListener("message", onMessage);
   }, []);
   if (!pageID && !didResolvePathFallback) {
-    return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+    return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment4, { children: [
       /* @__PURE__ */ jsx19(
         SetStepNav,
         {
@@ -2919,7 +2939,7 @@ function AdminStudioPageEditView(props) {
     ] }) });
   }
   if (!pageID) {
-    return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+    return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment4, { children: [
       /* @__PURE__ */ jsx19(
         SetStepNav,
         {
@@ -2933,7 +2953,7 @@ function AdminStudioPageEditView(props) {
       /* @__PURE__ */ jsx19("p", { style: { color: "var(--theme-elevation-600)" }, children: "Missing page ID." })
     ] }) });
   }
-  return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+  return /* @__PURE__ */ jsx19(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsxs16(Fragment4, { children: [
     /* @__PURE__ */ jsx19(
       SetStepNav,
       {
@@ -3106,7 +3126,7 @@ var getPropString5 = (props, key, fallback) => {
 var canManagePages = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return role === "admin" || role === "editor";
+  return role === "admin" || role === "developer" || role === "editor";
 };
 var slugify = (value) => value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
 function AdminStudioNewPageView(props) {
@@ -3128,7 +3148,7 @@ function AdminStudioNewPageView(props) {
         title: "New Page",
         children: /* @__PURE__ */ jsxs17("div", { className: "orion-admin-card", children: [
           /* @__PURE__ */ jsx20("strong", { children: "Access denied" }),
-          /* @__PURE__ */ jsx20("span", { children: "This section is restricted to administrator and editor accounts." })
+          /* @__PURE__ */ jsx20("span", { children: "This section is restricted to administrator, developer, and editor accounts." })
         ] })
       }
     ) });
@@ -5185,17 +5205,17 @@ var FORM_TONE_OVERRIDES = {
 var IDENTITY_KEYS = /* @__PURE__ */ new Set(["contactEmail", "email", "firstName", "lastName", "name"]);
 var RESPONSE_FIELD_PREVIEW_LIMIT = 3;
 var RESPONSE_SCROLL_THRESHOLD = 3;
-var isAdmin3 = (user) => {
+var hasAdminAccess3 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var isEditor2 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
   return typeof role === "string" && role === "editor";
 };
-var canReviewForms2 = (user) => isAdmin3(user) || isEditor2(user);
+var canReviewForms2 = (user) => hasAdminAccess3(user) || isEditor2(user);
 var getPropString13 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
   const direct = props[key];
@@ -5678,11 +5698,11 @@ function AdminStudioFormsView(props) {
 import { useEffect as useEffect18, useState as useState19 } from "react";
 import { useAuth as useAuth7 } from "@payloadcms/ui";
 import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
-var userRoles = ["admin", "client", "editor"];
-var isAdmin4 = (user) => {
+var userRoles = ["admin", "client", "developer", "editor"];
+var hasAdminAccess4 = (user) => {
   if (!user || typeof user !== "object") return false;
   const role = user.role;
-  return typeof role === "string" && role === "admin";
+  return typeof role === "string" && (role === "admin" || role === "developer");
 };
 var normalizeRole = (value) => userRoles.includes(value) ? value : "editor";
 function AdminStudioToolsView(props) {
@@ -5694,7 +5714,7 @@ function AdminStudioToolsView(props) {
   const [savedMessage, setSavedMessage] = useState19(null);
   const [createSubmitting, setCreateSubmitting] = useState19(false);
   const [updatingUserID, setUpdatingUserID] = useState19(null);
-  if (!isAdmin4(user)) {
+  if (!hasAdminAccess4(user)) {
     return /* @__PURE__ */ jsx30(StudioSectionLayout, { navProps: props, children: /* @__PURE__ */ jsx30(
       AdminPage,
       {
@@ -5706,7 +5726,7 @@ function AdminStudioToolsView(props) {
         title: "Admin Tools",
         children: /* @__PURE__ */ jsxs27("div", { className: "orion-admin-card", children: [
           /* @__PURE__ */ jsx30("strong", { children: "Access denied" }),
-          /* @__PURE__ */ jsx30("span", { children: "This section is restricted to administrator accounts." })
+          /* @__PURE__ */ jsx30("span", { children: "This section is restricted to administrator and developer accounts." })
         ] })
       }
     ) });

package/dist/admin/index.d.mts

@@ -1,4 +1,4 @@
-export { A as AdminConfig, a as AdminStudioConfig, b as AdminStudioFooterPreviewConfig, c as AdminStudioHeaderPreviewConfig, d as AdminStudioSitePreviewConfig, C as CreateSocialMediaConnectionsFieldOptions, e as CreateSocialMediaGlobalOptions, R as ResolvedStudioDashboardPanel, f as ResolvedStudioSection, S as StudioDashboardPanel, g as StudioDashboardPanelSpan, h as StudioGlobalLink, j as StudioSection, k as StudioSectionCard, l as StudioSectionComponent, m as StudioSectionRole, n as StudioSectionView, o as configureAdmin, p as createHeaderNavItemsField, q as createSocialMediaConnectionsField, r as createSocialMediaGlobal, s as createThemePreferenceField, t as socialMediaConnectionsField, u as themePreferenceField, w as withTooltips } from '../index-Bm2SaC3r.mjs';
+export { A as AdminConfig, a as AdminStudioConfig, b as AdminStudioFooterPreviewConfig, c as AdminStudioHeaderPreviewConfig, d as AdminStudioSitePreviewConfig, C as CreateSocialMediaConnectionsFieldOptions, e as CreateSocialMediaGlobalOptions, R as ResolvedStudioDashboardPanel, f as ResolvedStudioSection, S as StudioDashboardPanel, g as StudioDashboardPanelSpan, h as StudioGlobalLink, j as StudioSection, k as StudioSectionCard, l as StudioSectionComponent, m as StudioSectionRole, n as StudioSectionView, o as configureAdmin, p as createHeaderNavItemsField, q as createSocialMediaConnectionsField, r as createSocialMediaGlobal, s as createThemePreferenceField, t as socialMediaConnectionsField, u as themePreferenceField, w as withTooltips } from '../index-DLfPOqYA.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';
-import '../sitePreviewTypes-BkHCWxNW.mjs';
+import '../sitePreviewTypes-BrJwGzJj.mjs';

package/dist/admin/index.d.ts

@@ -1,4 +1,4 @@
-export { A as AdminConfig, a as AdminStudioConfig, b as AdminStudioFooterPreviewConfig, c as AdminStudioHeaderPreviewConfig, d as AdminStudioSitePreviewConfig, C as CreateSocialMediaConnectionsFieldOptions, e as CreateSocialMediaGlobalOptions, R as ResolvedStudioDashboardPanel, f as ResolvedStudioSection, S as StudioDashboardPanel, g as StudioDashboardPanelSpan, h as StudioGlobalLink, j as StudioSection, k as StudioSectionCard, l as StudioSectionComponent, m as StudioSectionRole, n as StudioSectionView, o as configureAdmin, p as createHeaderNavItemsField, q as createSocialMediaConnectionsField, r as createSocialMediaGlobal, s as createThemePreferenceField, t as socialMediaConnectionsField, u as themePreferenceField, w as withTooltips } from '../index-CkT_eyhK.js';
+export { A as AdminConfig, a as AdminStudioConfig, b as AdminStudioFooterPreviewConfig, c as AdminStudioHeaderPreviewConfig, d as AdminStudioSitePreviewConfig, C as CreateSocialMediaConnectionsFieldOptions, e as CreateSocialMediaGlobalOptions, R as ResolvedStudioDashboardPanel, f as ResolvedStudioSection, S as StudioDashboardPanel, g as StudioDashboardPanelSpan, h as StudioGlobalLink, j as StudioSection, k as StudioSectionCard, l as StudioSectionComponent, m as StudioSectionRole, n as StudioSectionView, o as configureAdmin, p as createHeaderNavItemsField, q as createSocialMediaConnectionsField, r as createSocialMediaGlobal, s as createThemePreferenceField, t as socialMediaConnectionsField, u as themePreferenceField, w as withTooltips } from '../index-BV0vEGl6.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';
-import '../sitePreviewTypes-BkHCWxNW.js';
+import '../sitePreviewTypes-BrJwGzJj.js';

package/dist/admin/index.js

@@ -81,7 +81,7 @@ var adminNavIcons = [
 ];
 
 // src/shared/studioSections.ts
-var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var studioRoles = /* @__PURE__ */ new Set(["admin", "developer", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
 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("//");
@@ -215,6 +215,7 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
+    logoOnDarkUrl,
     logoUrl,
     allowThemePreference = false,
     userSessionDurationSeconds = 60 * 60 * 24
@@ -339,6 +340,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           },
@@ -347,6 +349,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }
@@ -499,6 +502,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }

package/dist/admin/index.mjs

@@ -7,7 +7,7 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-WLOPFFN2.mjs";
+} from "../chunk-XZQILJK3.mjs";
 import "../chunk-W2UOCJDX.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,

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

@@ -1,4 +1,4 @@
-export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-DEQC3Dwj.mjs';
-export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BkHCWxNW.mjs';
+export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-G_uTNffQ.mjs';
+export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BrJwGzJj.mjs';
 import 'react/jsx-runtime';
 import 'react';

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

@@ -1,4 +1,4 @@
-export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-52HdVLQq.js';
-export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BkHCWxNW.js';
+export { A as AdminBreadcrumbs, a as AdminNavInput, b as AdminNavLinkItem, c as AdminPage, d as AdminPageLinkOption, e as AdminPageRecord, M as MediaDetailPanelProps, f as MediaListItemProps, N as NestedNavItem, g as NestedNavItemInput, h as NestedNavTree, j as buildAdminPageLinkOptions, k as buildNestedNavTree, l as getAdminNavRows, n as normalizeAdminNavInputs, m as normalizeNestedNavItems, p as parseAdminHeaderNavFromForm } from '../index-DAdN56fM.js';
+export { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from '../sitePreviewTypes-BrJwGzJj.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/admin-app/styles.css

@@ -35,6 +35,11 @@
     --orion-cms-logo-radius,
     var(--orion-cms-logo-radius-resolved, var(--orion-admin-radius-md))
   );
+  --orion-admin-logo-bg: var(--orion-cms-logo-bg, transparent);
+  --orion-admin-logo-border: var(--orion-cms-logo-border, transparent);
+  --orion-admin-logo-shadow: var(--orion-cms-logo-shadow, none);
+  --orion-admin-logo-padding: var(--orion-cms-logo-padding, 0px);
+  --orion-admin-logo-fit: var(--orion-cms-logo-fit, contain);
   --orion-admin-control-bg: var(--orion-cms-surface, var(--orion-cms-surface-resolved, #ffffff));
   --orion-admin-control-hover-bg: color-mix(in srgb, var(--orion-admin-control-bg) 78%, white);
   --orion-admin-input-bg: var(
@@ -164,19 +169,47 @@
 }
 
 .orion-admin-brand-logo {
+  align-items: center;
+  background: var(--orion-admin-logo-bg);
+  border: 1px solid var(--orion-admin-logo-border);
   border-radius: var(--orion-admin-logo-radius);
+  box-shadow: var(--orion-admin-logo-shadow);
+  box-sizing: border-box;
+  display: flex;
   flex: 0 0 auto;
   height: 48px;
+  justify-content: center;
   overflow: hidden;
+  padding: var(--orion-admin-logo-padding);
   width: 48px;
 }
 
 .orion-admin-brand-logo img {
   height: 100%;
-  object-fit: cover;
+  object-fit: var(--orion-admin-logo-fit);
   width: 100%;
 }
 
+.orion-admin-logo-mark {
+  background: var(--orion-admin-logo-bg);
+  border: 1px solid var(--orion-admin-logo-border);
+  border-radius: var(--orion-admin-logo-radius);
+  box-shadow: var(--orion-admin-logo-shadow);
+  box-sizing: border-box;
+  padding: var(--orion-admin-logo-padding);
+}
+
+.orion-admin-logo-image {
+  display: block;
+  height: 100%;
+  object-fit: var(--orion-admin-logo-fit);
+  width: 100%;
+}
+
+.orion-admin-logo-image--dark {
+  display: none;
+}
+
 .orion-admin-brand-text {
   min-width: 0;
 }
@@ -945,12 +978,34 @@
 }
 
 .template-minimal.login .login__brand .orion-admin-logo-mark {
+  --orion-admin-logo-bg: var(
+    --orion-cms-logo-dark-bg,
+    color-mix(in srgb, var(--orion-admin-login-panel-bg) 88%, white)
+  );
+  --orion-admin-logo-border: var(
+    --orion-cms-logo-dark-border,
+    color-mix(in srgb, var(--brand-secondary) 26%, rgba(255, 255, 255, 0.28))
+  );
+  --orion-admin-logo-fit: var(--orion-cms-logo-dark-fit, contain);
+  --orion-admin-logo-padding: var(--orion-cms-logo-dark-padding, clamp(0.32rem, 0.8vw, 0.48rem));
+  --orion-admin-logo-shadow: var(
+    --orion-cms-logo-dark-shadow,
+    0 18px 36px rgba(7, 13, 24, 0.18),
+    inset 0 1px 0 rgba(255, 255, 255, 0.72)
+  );
   border-radius: var(--orion-admin-logo-radius) !important;
-  box-shadow: var(--orion-admin-shadow-card);
   height: 58px !important;
   width: 58px !important;
 }
 
+.template-minimal.login .login__brand .orion-admin-logo-mark .orion-admin-logo-image--dark {
+  display: block;
+}
+
+.template-minimal.login .login__brand .orion-admin-logo-mark .orion-admin-logo-image--default:not(.is-only-logo) {
+  display: none;
+}
+
 .template-minimal.login .login__brand .orion-admin-logo-wordmark {
   color: var(--orion-admin-login-hero-text) !important;
   font-family: var(--orion-cms-font-heading, var(--orion-cms-font-heading-resolved, Georgia, 'Times New Roman', serif));

package/dist/{chunk-WLOPFFN2.mjs → chunk-XZQILJK3.mjs}

@@ -53,7 +53,7 @@ var createThemePreferenceField = (defaultTheme = "brand-light") => ({
 var themePreferenceField = createThemePreferenceField("brand-light");
 
 // src/shared/studioSections.ts
-var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var studioRoles = /* @__PURE__ */ new Set(["admin", "developer", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
 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("//");
@@ -186,6 +186,7 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
+    logoOnDarkUrl,
     logoUrl,
     allowThemePreference = false,
     userSessionDurationSeconds = 60 * 60 * 24
@@ -310,6 +311,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           },
@@ -318,6 +320,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }
@@ -470,6 +473,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }

package/dist/{index-CkT_eyhK.d.ts → index-BV0vEGl6.d.ts}

@@ -1,12 +1,12 @@
 import { Field, CollectionConfig, GlobalConfig } from 'payload';
-import { a as AdminNavIcon, e as SitePreviewLink, f as SitePreviewLocationSummary } from './sitePreviewTypes-BkHCWxNW.js';
+import { a as AdminNavIcon, e as SitePreviewLink, f as SitePreviewLocationSummary } from './sitePreviewTypes-BrJwGzJj.js';
 import { a as SocialMediaPlatform, 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, h as SocialMediaProfileData, i as SocialMediaProfilesData } from './socialMedia-C05Iy-SV.js';
 
 type ThemeOption = 'light' | 'dark' | 'brand-light' | 'brand-dark';
 declare const createThemePreferenceField: (defaultTheme?: ThemeOption) => Field;
 declare const themePreferenceField: Field;
 
-type StudioSectionRole = 'admin' | 'editor' | 'client';
+type StudioSectionRole = 'admin' | 'developer' | 'editor' | 'client';
 type StudioSectionCard = {
     description?: string;
     title: string;
@@ -104,6 +104,7 @@ interface AdminConfig {
     brandPrimary?: string;
     brandSecondary?: string;
     defaultTheme?: ThemeOption;
+    logoOnDarkUrl?: string;
     logoUrl?: string;
     basePath?: string;
     studio?: AdminStudioConfig;

package/dist/{index-52HdVLQq.d.ts → index-DAdN56fM.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from './sitePreviewTypes-BkHCWxNW.js';
+import { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from './sitePreviewTypes-BrJwGzJj.js';
 import { ReactNode } from 'react';
 
 type AdminBreadcrumbsProps = {

package/dist/{index-Bm2SaC3r.d.mts → index-DLfPOqYA.d.mts}

@@ -1,12 +1,12 @@
 import { Field, CollectionConfig, GlobalConfig } from 'payload';
-import { a as AdminNavIcon, e as SitePreviewLink, f as SitePreviewLocationSummary } from './sitePreviewTypes-BkHCWxNW.mjs';
+import { a as AdminNavIcon, e as SitePreviewLink, f as SitePreviewLocationSummary } from './sitePreviewTypes-BrJwGzJj.mjs';
 import { a as SocialMediaPlatform, 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, h as SocialMediaProfileData, i as SocialMediaProfilesData } from './socialMedia-C05Iy-SV.mjs';
 
 type ThemeOption = 'light' | 'dark' | 'brand-light' | 'brand-dark';
 declare const createThemePreferenceField: (defaultTheme?: ThemeOption) => Field;
 declare const themePreferenceField: Field;
 
-type StudioSectionRole = 'admin' | 'editor' | 'client';
+type StudioSectionRole = 'admin' | 'developer' | 'editor' | 'client';
 type StudioSectionCard = {
     description?: string;
     title: string;
@@ -104,6 +104,7 @@ interface AdminConfig {
     brandPrimary?: string;
     brandSecondary?: string;
     defaultTheme?: ThemeOption;
+    logoOnDarkUrl?: string;
     logoUrl?: string;
     basePath?: string;
     studio?: AdminStudioConfig;

package/dist/{index-DEQC3Dwj.d.mts → index-G_uTNffQ.d.mts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from './sitePreviewTypes-BkHCWxNW.mjs';
+import { A as AdminBreadcrumbItem, a as AdminNavIcon, b as AdminNavItem, c as AdminRole, S as SiteFooterPreviewData, d as SiteHeaderPreviewData, e as SitePreviewLink, f as SitePreviewLocationSummary, g as SitePreviewSocialLink, n as navItemIsActive, r as roleCanAccessNav } from './sitePreviewTypes-BrJwGzJj.mjs';
 import { ReactNode } from 'react';
 
 type AdminBreadcrumbsProps = {

package/dist/index.d.mts

@@ -1,11 +1,11 @@
-export { i as admin } from './index-Bm2SaC3r.mjs';
-export { i as adminApp } from './index-DEQC3Dwj.mjs';
+export { i as admin } from './index-DLfPOqYA.mjs';
+export { i as adminApp } from './index-G_uTNffQ.mjs';
 export { i as blocks } from './index-CluwY0ZQ.mjs';
 export { i as nextjs } from './index-D8BNfUJb.mjs';
 export { i as studio } from './index-DWmudwDm.mjs';
 export { i as studioPages } from './index-Cv-6qnrw.mjs';
 import 'payload';
-import './sitePreviewTypes-BkHCWxNW.mjs';
+import './sitePreviewTypes-BrJwGzJj.mjs';
 import './socialMedia-C05Iy-SV.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-export { i as admin } from './index-CkT_eyhK.js';
-export { i as adminApp } from './index-52HdVLQq.js';
+export { i as admin } from './index-BV0vEGl6.js';
+export { i as adminApp } from './index-DAdN56fM.js';
 export { i as blocks } from './index-CluwY0ZQ.js';
 export { i as nextjs } from './index-DD_E2UfJ.js';
 export { i as studio } from './index-DWmudwDm.js';
 export { i as studioPages } from './index-Crx_MtPw.js';
 import 'payload';
-import './sitePreviewTypes-BkHCWxNW.js';
+import './sitePreviewTypes-BrJwGzJj.js';
 import './socialMedia-C05Iy-SV.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.js

@@ -107,7 +107,7 @@ var navItemIsActive = (pathname, item) => {
 };
 
 // src/shared/studioSections.ts
-var studioRoles = /* @__PURE__ */ new Set(["admin", "editor", "client"]);
+var studioRoles = /* @__PURE__ */ new Set(["admin", "developer", "editor", "client"]);
 var studioIcons = new Set(adminNavIcons);
 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("//");
@@ -241,6 +241,7 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
+    logoOnDarkUrl,
     logoUrl,
     allowThemePreference = false,
     userSessionDurationSeconds = 60 * 60 * 24
@@ -365,6 +366,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           },
@@ -373,6 +375,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }
@@ -525,6 +528,7 @@ function configureAdmin(config) {
             path: clientPath,
             clientProps: {
               brandName,
+              logoOnDarkUrl,
               logoUrl
             }
           }

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   admin_exports
-} from "./chunk-WLOPFFN2.mjs";
+} from "./chunk-XZQILJK3.mjs";
 import {
   admin_app_exports
 } from "./chunk-RKTIFEUY.mjs";

package/dist/{sitePreviewTypes-BkHCWxNW.d.mts → sitePreviewTypes-BrJwGzJj.d.mts}

@@ -1,4 +1,4 @@
-type AdminRole = 'admin' | 'editor' | 'client';
+type AdminRole = 'admin' | 'developer' | 'editor' | 'client';
 declare const adminNavIcons: readonly ["dashboard", "pages", "forms", "globals", "media", "tools", "account", "analytics"];
 type AdminNavIcon = (typeof adminNavIcons)[number];
 type AdminNavItem = {

package/dist/{sitePreviewTypes-BkHCWxNW.d.ts → sitePreviewTypes-BrJwGzJj.d.ts}

@@ -1,4 +1,4 @@
-type AdminRole = 'admin' | 'editor' | 'client';
+type AdminRole = 'admin' | 'developer' | 'editor' | 'client';
 declare const adminNavIcons: readonly ["dashboard", "pages", "forms", "globals", "media", "tools", "account", "analytics"];
 type AdminNavIcon = (typeof adminNavIcons)[number];
 type AdminNavItem = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.10",
+  "version": "0.6.0-beta.12",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",