@orion-studios/payload-studio 0.5.0-beta.114 → 0.5.0-beta.116

package/dist/admin/client.js

@@ -1565,7 +1565,13 @@ var buttonActive = {
   borderColor: "var(--theme-success-500)",
   color: "var(--theme-success-500)"
 };
-function ThemeSwitcher({ defaultTheme = "brand-light" }) {
+function ThemeSwitcher({
+  allowThemePreference = false,
+  defaultTheme = "brand-light"
+}) {
+  if (!allowThemePreference) {
+    return null;
+  }
   const { isDark, isBrand, hasMounted, toggleDarkMode, toggleBrandMode } = useTheme(defaultTheme);
   const showDark = hasMounted && isDark;
   const showBrand = hasMounted && isBrand;
@@ -1605,10 +1611,14 @@ function ThemeSwitcher({ defaultTheme = "brand-light" }) {
     }
   );
 }
-function ThemeProvider({ children, defaultTheme = "brand-light" }) {
-  (0, import_react3.useEffect)(() => {
+function ThemeProvider({
+  children,
+  defaultTheme = "brand-light",
+  allowThemePreference = false
+}) {
+  (0, import_react3.useLayoutEffect)(() => {
     try {
-      const stored = localStorage.getItem("orion-admin-theme");
+      const stored = allowThemePreference ? localStorage.getItem("orion-admin-theme") : null;
       const html = document.documentElement;
       const resolvedTheme = stored && ["light", "dark", "brand-light", "brand-dark"].includes(stored) ? stored : defaultTheme;
       const isDark = resolvedTheme === "dark" || resolvedTheme === "brand-dark";
@@ -1626,7 +1636,7 @@ function ThemeProvider({ children, defaultTheme = "brand-light" }) {
       localStorage.setItem("orion-admin-theme", resolvedTheme);
     } catch {
     }
-  }, [defaultTheme]);
+  }, [allowThemePreference, defaultTheme]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
 }
 
@@ -2750,28 +2760,26 @@ function AdminStudioNav(props) {
 
 // src/admin/components/studio/StudioSectionLayout.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var STORAGE_KEY2 = "orion-studio-sidebar-collapsed";
-var ACTIVE_CLASS = "orion-studio-shell-active";
+var STORAGE_KEY2 = "orion-studio-shell-collapsed";
+var readStoredCollapsed = () => {
+  try {
+    return window.localStorage.getItem(STORAGE_KEY2) === "1";
+  } catch {
+    return false;
+  }
+};
 function StudioSectionLayout({ children, navProps }) {
   const [collapsed, setCollapsed] = (0, import_react13.useState)(false);
-  (0, import_react13.useEffect)(() => {
-    try {
-      const stored = window.localStorage.getItem(STORAGE_KEY2);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
-    } catch {
-    }
-  }, []);
-  (0, import_react13.useEffect)(() => {
-    document.body.classList.add(ACTIVE_CLASS);
+  (0, import_react13.useLayoutEffect)(() => {
+    document.body.classList.add("orion-studio-shell-active");
+    setCollapsed(readStoredCollapsed());
     return () => {
-      document.body.classList.remove(ACTIVE_CLASS);
+      document.body.classList.remove("orion-studio-shell-active");
     };
   }, []);
-  const toggle = () => {
-    setCollapsed((prev) => {
-      const next = !prev;
+  const toggleSidebar = () => {
+    setCollapsed((current) => {
+      const next = !current;
       try {
         window.localStorage.setItem(STORAGE_KEY2, next ? "1" : "0");
       } catch {
@@ -2782,10 +2790,11 @@ function StudioSectionLayout({ children, navProps }) {
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
-      className: `orion-studio-shell ${collapsed ? "is-collapsed" : ""}`,
+      className: `orion-studio-shell${collapsed ? " is-collapsed" : ""}`,
       style: {
         display: "grid",
-        gridTemplateColumns: collapsed ? "84px minmax(0, 1fr)" : "260px minmax(0, 1fr)",
+        gap: 0,
+        gridTemplateColumns: collapsed ? "92px minmax(0, 1fr)" : "280px minmax(0, 1fr)",
         minHeight: "100vh"
       },
       children: [
@@ -2795,7 +2804,7 @@ function StudioSectionLayout({ children, navProps }) {
             {
               "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
               className: "orion-studio-sidebar-toggle",
-              onClick: toggle,
+              onClick: toggleSidebar,
               type: "button",
               children: collapsed ? ">" : "<"
             }

package/dist/admin/client.mjs

@@ -219,10 +219,10 @@ function Icon({ brandName = "Orion Studio", logoUrl } = {}) {
 }
 
 // src/admin/components/Dashboard.tsx
-import { useEffect as useEffect5, useState as useState4 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 
 // src/admin/components/ThemeSwitcher.tsx
-import { useEffect as useEffect3 } from "react";
+import { useLayoutEffect } from "react";
 
 // src/admin/hooks/useTheme.ts
 import { useCallback, useEffect as useEffect2, useRef, useState as useState2 } from "react";
@@ -388,7 +388,13 @@ var buttonActive = {
   borderColor: "var(--theme-success-500)",
   color: "var(--theme-success-500)"
 };
-function ThemeSwitcher({ defaultTheme = "brand-light" }) {
+function ThemeSwitcher({
+  allowThemePreference = false,
+  defaultTheme = "brand-light"
+}) {
+  if (!allowThemePreference) {
+    return null;
+  }
   const { isDark, isBrand, hasMounted, toggleDarkMode, toggleBrandMode } = useTheme(defaultTheme);
   const showDark = hasMounted && isDark;
   const showBrand = hasMounted && isBrand;
@@ -428,10 +434,14 @@ function ThemeSwitcher({ defaultTheme = "brand-light" }) {
     }
   );
 }
-function ThemeProvider({ children, defaultTheme = "brand-light" }) {
-  useEffect3(() => {
+function ThemeProvider({
+  children,
+  defaultTheme = "brand-light",
+  allowThemePreference = false
+}) {
+  useLayoutEffect(() => {
     try {
-      const stored = localStorage.getItem("orion-admin-theme");
+      const stored = allowThemePreference ? localStorage.getItem("orion-admin-theme") : null;
       const html = document.documentElement;
       const resolvedTheme = stored && ["light", "dark", "brand-light", "brand-dark"].includes(stored) ? stored : defaultTheme;
       const isDark = resolvedTheme === "dark" || resolvedTheme === "brand-dark";
@@ -449,12 +459,12 @@ function ThemeProvider({ children, defaultTheme = "brand-light" }) {
       localStorage.setItem("orion-admin-theme", resolvedTheme);
     } catch {
     }
-  }, [defaultTheme]);
+  }, [allowThemePreference, defaultTheme]);
   return /* @__PURE__ */ jsx3(Fragment, { children });
 }
 
 // src/admin/components/HelpTooltip.tsx
-import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function HelpTooltip({
   content,
@@ -467,7 +477,7 @@ function HelpTooltip({
   const show = useCallback2(() => setIsVisible(true), []);
   const hide = useCallback2(() => setIsVisible(false), []);
   const toggle = useCallback2(() => setIsVisible((v) => !v), []);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!isVisible) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") setIsVisible(false);
@@ -475,7 +485,7 @@ function HelpTooltip({
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isVisible]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!isVisible) return;
     const handleClick = (e) => {
       if (triggerRef.current && !triggerRef.current.contains(e.target) && tooltipRef.current && !tooltipRef.current.contains(e.target)) {
@@ -672,7 +682,7 @@ function Dashboard() {
   const [recentPages, setRecentPages] = useState4([]);
   const [pageCount, setPageCount] = useState4(null);
   const [mediaCount, setMediaCount] = useState4(null);
-  useEffect5(() => {
+  useEffect4(() => {
     fetch("/api/users/me", { credentials: "include" }).then((res) => res.json()).then((data) => {
       const user = data?.user || data;
       setUserName(user?.fullName || user?.email?.split("@")[0] || "");
@@ -1178,7 +1188,7 @@ var resolveStudioSections = (value) => {
 };
 
 // src/admin/components/studio/adminPathUtils.ts
-import { useEffect as useEffect6, useState as useState5 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 var DEFAULT_ADMIN_BASE_PATH = "/admin";
 var normalizePath = (value) => {
   if (!value || value === "/") return "/";
@@ -1241,7 +1251,7 @@ var resolveAdminPath = (adminBasePath, targetPath) => {
 };
 var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
   const [adminBasePath, setAdminBasePath] = useState5(normalizeAdminBasePath(fallback));
-  useEffect6(() => {
+  useEffect5(() => {
     const update = () => {
       setAdminBasePath(detectAdminBasePath(window.location.pathname, fallback));
     };
@@ -1253,10 +1263,10 @@ var useAdminBasePath = (fallback = DEFAULT_ADMIN_BASE_PATH) => {
 };
 
 // src/admin/components/studio/StudioSectionLayout.tsx
-import { useEffect as useEffect8, useState as useState7 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useState as useState7 } from "react";
 
 // src/admin/components/studio/AdminStudioNav.tsx
-import { useEffect as useEffect7, useMemo, useState as useState6 } from "react";
+import { useEffect as useEffect6, useMemo, useState as useState6 } from "react";
 import { Logout, useAuth } from "@payloadcms/ui";
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var iconSize2 = 18;
@@ -1392,7 +1402,7 @@ function AdminStudioNav(props) {
   const branding = useSiteBranding(brandName, logoUrl || void 0);
   const resolvedName = branding.siteName || brandName;
   const [pathname, setPathname] = useState6("");
-  useEffect7(() => {
+  useEffect6(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
@@ -1569,28 +1579,26 @@ function AdminStudioNav(props) {
 
 // src/admin/components/studio/StudioSectionLayout.tsx
 import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var STORAGE_KEY2 = "orion-studio-sidebar-collapsed";
-var ACTIVE_CLASS = "orion-studio-shell-active";
+var STORAGE_KEY2 = "orion-studio-shell-collapsed";
+var readStoredCollapsed = () => {
+  try {
+    return window.localStorage.getItem(STORAGE_KEY2) === "1";
+  } catch {
+    return false;
+  }
+};
 function StudioSectionLayout({ children, navProps }) {
   const [collapsed, setCollapsed] = useState7(false);
-  useEffect8(() => {
-    try {
-      const stored = window.localStorage.getItem(STORAGE_KEY2);
-      if (stored === "1") {
-        setCollapsed(true);
-      }
-    } catch {
-    }
-  }, []);
-  useEffect8(() => {
-    document.body.classList.add(ACTIVE_CLASS);
+  useLayoutEffect2(() => {
+    document.body.classList.add("orion-studio-shell-active");
+    setCollapsed(readStoredCollapsed());
     return () => {
-      document.body.classList.remove(ACTIVE_CLASS);
+      document.body.classList.remove("orion-studio-shell-active");
     };
   }, []);
-  const toggle = () => {
-    setCollapsed((prev) => {
-      const next = !prev;
+  const toggleSidebar = () => {
+    setCollapsed((current) => {
+      const next = !current;
       try {
         window.localStorage.setItem(STORAGE_KEY2, next ? "1" : "0");
       } catch {
@@ -1601,10 +1609,11 @@ function StudioSectionLayout({ children, navProps }) {
   return /* @__PURE__ */ jsxs10(
     "div",
     {
-      className: `orion-studio-shell ${collapsed ? "is-collapsed" : ""}`,
+      className: `orion-studio-shell${collapsed ? " is-collapsed" : ""}`,
       style: {
         display: "grid",
-        gridTemplateColumns: collapsed ? "84px minmax(0, 1fr)" : "260px minmax(0, 1fr)",
+        gap: 0,
+        gridTemplateColumns: collapsed ? "92px minmax(0, 1fr)" : "280px minmax(0, 1fr)",
         minHeight: "100vh"
       },
       children: [
@@ -1614,7 +1623,7 @@ function StudioSectionLayout({ children, navProps }) {
             {
               "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
               className: "orion-studio-sidebar-toggle",
-              onClick: toggle,
+              onClick: toggleSidebar,
               type: "button",
               children: collapsed ? ">" : "<"
             }
@@ -1729,7 +1738,7 @@ function AdminStudioDashboard(props) {
 }
 
 // src/admin/components/studio/AdminStudioPagesListView.tsx
-import { useEffect as useEffect9, useMemo as useMemo2, useState as useState8 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo2, useState as useState8 } from "react";
 import { SetStepNav as SetStepNav2, useAuth as useAuth2 } from "@payloadcms/ui";
 import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var isAdmin = (user) => {
@@ -1766,7 +1775,7 @@ function AdminStudioPagesListView(props) {
     });
     return `/api/${pagesCollectionSlug}?${params.toString()}`;
   }, [pagesCollectionSlug]);
-  useEffect9(() => {
+  useEffect7(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -1905,7 +1914,7 @@ function AdminStudioPagesListView(props) {
 }
 
 // src/admin/components/studio/AdminStudioPageEditView.tsx
-import { useEffect as useEffect10, useMemo as useMemo3, useRef as useRef3, useState as useState9 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef3, useState as useState9 } from "react";
 import { SetStepNav as SetStepNav3, toast, useAuth as useAuth3 } from "@payloadcms/ui";
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var isAdmin2 = (user) => {
@@ -1958,7 +1967,7 @@ function AdminStudioPageEditView(props) {
   const pageIDFromParams = useMemo3(() => getParam(props.params, "id"), [props.params]);
   const [pageID, setPageID] = useState9(pageIDFromParams);
   const [didResolvePathFallback, setDidResolvePathFallback] = useState9(false);
-  useEffect10(() => {
+  useEffect8(() => {
     if (pageIDFromParams) {
       setPageID(pageIDFromParams);
       setDidResolvePathFallback(true);
@@ -2002,7 +2011,7 @@ function AdminStudioPageEditView(props) {
     } catch {
     }
   };
-  useEffect10(() => {
+  useEffect8(() => {
     if (!pageID) {
       return;
     }
@@ -2025,7 +2034,7 @@ function AdminStudioPageEditView(props) {
     }
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
   };
-  useEffect10(() => {
+  useEffect8(() => {
     const onMessage = (event) => {
       const data = event.data;
       if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
@@ -2319,7 +2328,7 @@ function AdminStudioGlobalsView(props) {
 }
 
 // src/admin/components/studio/AdminStudioHeaderGlobalView.tsx
-import { useEffect as useEffect11, useMemo as useMemo4, useState as useState10 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo4, useState as useState10 } from "react";
 import { SetStepNav as SetStepNav5 } from "@payloadcms/ui";
 
 // src/shared/socialMedia.ts
@@ -2503,7 +2512,7 @@ function AdminStudioHeaderGlobalView(props) {
   const [pages, setPages] = useState10([]);
   const [siteSettings, setSiteSettings] = useState10({});
   const [socialMedia, setSocialMedia] = useState10({});
-  useEffect11(() => {
+  useEffect9(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -2669,7 +2678,7 @@ function AdminStudioHeaderGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioFooterGlobalView.tsx
-import { useEffect as useEffect12, useMemo as useMemo5, useState as useState11 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo5, useState as useState11 } from "react";
 import { SetStepNav as SetStepNav6 } from "@payloadcms/ui";
 import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var getPropString7 = (props, key, fallback) => {
@@ -2788,7 +2797,7 @@ function AdminStudioFooterGlobalView(props) {
   });
   const [siteSettings, setSiteSettings] = useState11({});
   const [socialMedia, setSocialMedia] = useState11({});
-  useEffect12(() => {
+  useEffect10(() => {
     let cancelled = false;
     const run = async () => {
       setLoading(true);
@@ -3044,7 +3053,7 @@ function AdminStudioFooterGlobalView(props) {
 }
 
 // src/admin/components/studio/AdminStudioContactFormView.tsx
-import { useEffect as useEffect13, useMemo as useMemo6, useState as useState12 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo6, useState as useState12 } from "react";
 import { SetStepNav as SetStepNav7 } from "@payloadcms/ui";
 import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var defaultDoc = {
@@ -3140,7 +3149,7 @@ function AdminStudioContactFormView(props) {
   const [isLoading, setIsLoading] = useState12(true);
   const [isSaving, setIsSaving] = useState12(false);
   const [savedMessage, setSavedMessage] = useState12(null);
-  useEffect13(() => {
+  useEffect11(() => {
     let mounted = true;
     const load = async () => {
       setIsLoading(true);
@@ -3414,7 +3423,7 @@ function AdminStudioMediaView(props) {
 }
 
 // src/admin/components/studio/AdminStudioFormsView.tsx
-import { useEffect as useEffect14, useMemo as useMemo7, useState as useState13 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo7, useState as useState13 } from "react";
 import { SetStepNav as SetStepNav9, useAuth as useAuth4 } from "@payloadcms/ui";
 import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var isAdmin3 = (user) => {
@@ -3584,7 +3593,7 @@ function AdminStudioFormsView(props) {
     }) || null,
     [forms, selectedFormID]
   );
-  useEffect14(() => {
+  useEffect12(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -3594,7 +3603,7 @@ function AdminStudioFormsView(props) {
       setSelectedFormID(formID);
     }
   }, []);
-  useEffect14(() => {
+  useEffect12(() => {
     if (!canReviewForms(user)) {
       return;
     }
@@ -3648,7 +3657,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formsCollectionSlug, user]);
-  useEffect14(() => {
+  useEffect12(() => {
     if (!selectedFormID || !canReviewForms(user)) {
       setSubmissions([]);
       return;
@@ -3692,7 +3701,7 @@ function AdminStudioFormsView(props) {
       cancelled = true;
     };
   }, [formSubmissionsCollectionSlug, selectedFormID, user]);
-  useEffect14(() => {
+  useEffect12(() => {
     if (typeof window === "undefined" || !selectedFormID) {
       return;
     }
@@ -4253,13 +4262,13 @@ function OpenInStudioMenuItem({ pagesPathBase = "/pages" }) {
 }
 
 // src/admin/components/studio/PageEditRedirectToStudio.tsx
-import { useEffect as useEffect15 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { useDocumentInfo as useDocumentInfo2 } from "@payloadcms/ui";
 import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
   const documentInfo = useDocumentInfo2();
   const id = documentInfo?.id;
-  useEffect15(() => {
+  useEffect13(() => {
     if (!id) {
       return;
     }
@@ -4286,7 +4295,7 @@ function PageEditRedirectToStudio({ pagesPathBase = "/pages" }) {
 }
 
 // src/admin/components/studio/StudioBackBreadcrumb.tsx
-import { useEffect as useEffect16, useState as useState14 } from "react";
+import { useEffect as useEffect14, useState as useState14 } from "react";
 import { SetStepNav as SetStepNav11 } from "@payloadcms/ui";
 import { jsx as jsx24 } from "react/jsx-runtime";
 var toTitle = (slug) => slug.split("-").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
@@ -4334,7 +4343,7 @@ var buildNav = (pathname, adminBasePath) => {
 function StudioBackBreadcrumb() {
   const adminBasePath = useAdminBasePath();
   const [pathname, setPathname] = useState14("");
-  useEffect16(() => {
+  useEffect14(() => {
     const update = () => setPathname(window.location.pathname);
     update();
     window.addEventListener("popstate", update);
@@ -4346,7 +4355,7 @@ function StudioBackBreadcrumb() {
 }
 
 // src/admin/components/studio/StudioContactFormRedirect.tsx
-import { useEffect as useEffect17 } from "react";
+import { useEffect as useEffect15 } from "react";
 import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var getPropString12 = (props, key, fallback) => {
   if (!props || typeof props !== "object") return fallback;
@@ -4363,7 +4372,7 @@ function StudioContactFormRedirect(props) {
   const adminBasePath = useAdminBasePath();
   const studioContactFormPath = getPropString12(props, "studioContactFormPath", "/contact-form");
   const targetPath = resolveAdminPath(adminBasePath, studioContactFormPath);
-  useEffect17(() => {
+  useEffect15(() => {
     if (window.location.pathname === targetPath) return;
     window.location.replace(targetPath);
   }, [targetPath]);

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 ResolvedStudioSection, S as StudioGlobalLink, f as StudioSection, g as StudioSectionCard, h as StudioSectionComponent, j as StudioSectionRole, k as StudioSectionView, l as configureAdmin, m as createHeaderNavItemsField, n as createSocialMediaConnectionsField, o as createSocialMediaGlobal, p as createThemePreferenceField, s as socialMediaConnectionsField, t as themePreferenceField, w as withTooltips } from '../index-DH9KGEZ8.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 ResolvedStudioSection, S as StudioGlobalLink, f as StudioSection, g as StudioSectionCard, h as StudioSectionComponent, j as StudioSectionRole, k as StudioSectionView, l as configureAdmin, m as createHeaderNavItemsField, n as createSocialMediaConnectionsField, o as createSocialMediaGlobal, p as createThemePreferenceField, s as socialMediaConnectionsField, t as themePreferenceField, w as withTooltips } from '../index-C3FgxbEL.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-BECnq9xI.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 ResolvedStudioSection, S as StudioGlobalLink, f as StudioSection, g as StudioSectionCard, h as StudioSectionComponent, j as StudioSectionRole, k as StudioSectionView, l as configureAdmin, m as createHeaderNavItemsField, n as createSocialMediaConnectionsField, o as createSocialMediaGlobal, p as createThemePreferenceField, s as socialMediaConnectionsField, t as themePreferenceField, w as withTooltips } from '../index-D5yjivF7.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 ResolvedStudioSection, S as StudioGlobalLink, f as StudioSection, g as StudioSectionCard, h as StudioSectionComponent, j as StudioSectionRole, k as StudioSectionView, l as configureAdmin, m as createHeaderNavItemsField, n as createSocialMediaConnectionsField, o as createSocialMediaGlobal, p as createThemePreferenceField, s as socialMediaConnectionsField, t as themePreferenceField, w as withTooltips } from '../index-3jBpt6ZT.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-BECnq9xI.js';

package/dist/admin/index.js

@@ -200,7 +200,8 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
-    logoUrl
+    logoUrl,
+    allowThemePreference = false
   } = config;
   const studioEnabled = config.studio?.enabled ?? true;
   const formsEnabled = config.studio?.forms?.enabled ?? false;
@@ -210,7 +211,7 @@ function configureAdmin(config) {
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
   const builderBasePath = config.studio?.pages?.builderBasePath || "/builder";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
-  const globalsBasePath = "/globals";
+  const globalsBasePath = "/site-globals";
   const pagesBasePath = "/pages";
   const formsBasePath = "/forms";
   const mediaBasePath = "/media";
@@ -440,19 +441,23 @@ function configureAdmin(config) {
             exportName: "ThemeProvider",
             path: clientPath,
             clientProps: {
+              allowThemePreference,
               defaultTheme
             }
           }
         ],
-        afterNavLinks: [
-          {
-            exportName: "ThemeSwitcher",
-            path: clientPath,
-            clientProps: {
-              defaultTheme
+        ...allowThemePreference ? {
+          afterNavLinks: [
+            {
+              exportName: "ThemeSwitcher",
+              path: clientPath,
+              clientProps: {
+                allowThemePreference,
+                defaultTheme
+              }
             }
-          }
-        ]
+          ]
+        } : {}
       },
       meta: {
         titleSuffix: ` \u2014 ${brandName}`

package/dist/admin/index.mjs

@@ -7,7 +7,7 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-4YPHQYRR.mjs";
+} from "../chunk-T5PBXPES.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,

package/dist/admin.css

@@ -358,6 +358,10 @@ body.orion-studio-shell-active .nav {
   display: none !important;
 }
 
+body.orion-studio-shell-active .app-header {
+  display: none !important;
+}
+
 /* Hide Payload default toggler while custom shell is active */
 body.orion-studio-shell-active .template-default__nav-toggler-wrapper {
   display: none !important;
@@ -408,6 +412,10 @@ body.orion-studio-shell-active .template-default__nav-toggler-wrapper {
   background: var(--theme-elevation-0);
 }
 
+.orion-studio-shell.is-collapsed {
+  grid-template-columns: 92px minmax(0, 1fr);
+}
+
 .orion-studio-sidebar {
   border-right: 1px solid var(--theme-elevation-150);
   height: 100vh;

package/dist/{chunk-4YPHQYRR.mjs → chunk-T5PBXPES.mjs}

@@ -180,7 +180,8 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
-    logoUrl
+    logoUrl,
+    allowThemePreference = false
   } = config;
   const studioEnabled = config.studio?.enabled ?? true;
   const formsEnabled = config.studio?.forms?.enabled ?? false;
@@ -190,7 +191,7 @@ function configureAdmin(config) {
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
   const builderBasePath = config.studio?.pages?.builderBasePath || "/builder";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
-  const globalsBasePath = "/globals";
+  const globalsBasePath = "/site-globals";
   const pagesBasePath = "/pages";
   const formsBasePath = "/forms";
   const mediaBasePath = "/media";
@@ -420,19 +421,23 @@ function configureAdmin(config) {
             exportName: "ThemeProvider",
             path: clientPath,
             clientProps: {
+              allowThemePreference,
               defaultTheme
             }
           }
         ],
-        afterNavLinks: [
-          {
-            exportName: "ThemeSwitcher",
-            path: clientPath,
-            clientProps: {
-              defaultTheme
+        ...allowThemePreference ? {
+          afterNavLinks: [
+            {
+              exportName: "ThemeSwitcher",
+              path: clientPath,
+              clientProps: {
+                allowThemePreference,
+                defaultTheme
+              }
             }
-          }
-        ]
+          ]
+        } : {}
       },
       meta: {
         titleSuffix: ` \u2014 ${brandName}`

package/dist/{index-D5yjivF7.d.ts → index-3jBpt6ZT.d.ts}

@@ -80,6 +80,7 @@ interface AdminStudioConfig {
     sections?: StudioSection[];
 }
 interface AdminConfig {
+    allowThemePreference?: boolean;
     brandName: string;
     brandPrimary?: string;
     brandSecondary?: string;
@@ -92,6 +93,14 @@ declare function configureAdmin(config: AdminConfig): {
     admin: {
         css: string;
         components: {
+            afterNavLinks?: {
+                exportName: string;
+                path: string;
+                clientProps: {
+                    allowThemePreference: true;
+                    defaultTheme: ThemeOption;
+                };
+            }[] | undefined;
             graphics: {
                 Logo: {
                     exportName: string;
@@ -278,13 +287,7 @@ declare function configureAdmin(config: AdminConfig): {
                 exportName: string;
                 path: string;
                 clientProps: {
-                    defaultTheme: ThemeOption;
-                };
-            }[];
-            afterNavLinks: {
-                exportName: string;
-                path: string;
-                clientProps: {
+                    allowThemePreference: boolean;
                     defaultTheme: ThemeOption;
                 };
             }[];

package/dist/{index-DH9KGEZ8.d.mts → index-C3FgxbEL.d.mts}

@@ -80,6 +80,7 @@ interface AdminStudioConfig {
     sections?: StudioSection[];
 }
 interface AdminConfig {
+    allowThemePreference?: boolean;
     brandName: string;
     brandPrimary?: string;
     brandSecondary?: string;
@@ -92,6 +93,14 @@ declare function configureAdmin(config: AdminConfig): {
     admin: {
         css: string;
         components: {
+            afterNavLinks?: {
+                exportName: string;
+                path: string;
+                clientProps: {
+                    allowThemePreference: true;
+                    defaultTheme: ThemeOption;
+                };
+            }[] | undefined;
             graphics: {
                 Logo: {
                     exportName: string;
@@ -278,13 +287,7 @@ declare function configureAdmin(config: AdminConfig): {
                 exportName: string;
                 path: string;
                 clientProps: {
-                    defaultTheme: ThemeOption;
-                };
-            }[];
-            afterNavLinks: {
-                exportName: string;
-                path: string;
-                clientProps: {
+                    allowThemePreference: boolean;
                     defaultTheme: ThemeOption;
                 };
             }[];

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { i as admin } from './index-DH9KGEZ8.mjs';
+export { i as admin } from './index-C3FgxbEL.mjs';
 export { i as adminApp } from './index-c5-qTRbH.mjs';
 export { i as blocks } from './index-CluwY0ZQ.mjs';
 export { i as nextjs } from './index-D8BNfUJb.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { i as admin } from './index-D5yjivF7.js';
+export { i as admin } from './index-3jBpt6ZT.js';
 export { i as adminApp } from './index-yfpxsgUu.js';
 export { i as blocks } from './index-CluwY0ZQ.js';
 export { i as nextjs } from './index-DD_E2UfJ.js';

package/dist/index.js

@@ -211,7 +211,8 @@ function configureAdmin(config) {
     brandPrimary = "#3b82f6",
     brandSecondary = "#8b5cf6",
     defaultTheme = "brand-light",
-    logoUrl
+    logoUrl,
+    allowThemePreference = false
   } = config;
   const studioEnabled = config.studio?.enabled ?? true;
   const formsEnabled = config.studio?.forms?.enabled ?? false;
@@ -221,7 +222,7 @@ function configureAdmin(config) {
   const pagesCollectionSlug = config.studio?.pages?.collectionSlug || "pages";
   const builderBasePath = config.studio?.pages?.builderBasePath || "/builder";
   const mediaCollectionSlug = config.studio?.media?.collectionSlug || "media";
-  const globalsBasePath = "/globals";
+  const globalsBasePath = "/site-globals";
   const pagesBasePath = "/pages";
   const formsBasePath = "/forms";
   const mediaBasePath = "/media";
@@ -451,19 +452,23 @@ function configureAdmin(config) {
             exportName: "ThemeProvider",
             path: clientPath,
             clientProps: {
+              allowThemePreference,
               defaultTheme
             }
           }
         ],
-        afterNavLinks: [
-          {
-            exportName: "ThemeSwitcher",
-            path: clientPath,
-            clientProps: {
-              defaultTheme
+        ...allowThemePreference ? {
+          afterNavLinks: [
+            {
+              exportName: "ThemeSwitcher",
+              path: clientPath,
+              clientProps: {
+                allowThemePreference,
+                defaultTheme
+              }
             }
-          }
-        ]
+          ]
+        } : {}
       },
       meta: {
         titleSuffix: ` \u2014 ${brandName}`

package/dist/index.mjs

@@ -1,6 +1,9 @@
 import {
   admin_exports
-} from "./chunk-4YPHQYRR.mjs";
+} from "./chunk-T5PBXPES.mjs";
+import {
+  admin_app_exports
+} from "./chunk-XVH5SCBD.mjs";
 import {
   blocks_exports
 } from "./chunk-JQAHXYAM.mjs";
@@ -16,9 +19,6 @@ import "./chunk-PF3EBZXF.mjs";
 import {
   studio_exports
 } from "./chunk-ADIIWIYL.mjs";
-import {
-  admin_app_exports
-} from "./chunk-XVH5SCBD.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {
   admin_exports as admin,

package/package.json

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