@payloadcms/ui 4.0.0-internal.d1cc1d3 → 4.0.0-internal.d21c039

package/dist/providers/Theme/index.js

@@ -5,14 +5,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, use, useCallback, useEffect, useState } from 'react';
 import { useConfig } from '../Config/index.js';
 import { useSearchParams } from '../RouterAdapter/index.js';
-import { defaultTheme } from './shared.js';
+import { defaultTheme, getEditViewWidth, getTypeSize } from './shared.js';
 export { defaultTheme };
 const initialContext = {
   autoMode: true,
+  editViewWidth: 'full',
   highContrastMode: false,
+  setEditViewHeaderAlignment: () => null,
+  setEditViewWidth: () => null,
   setHighContrastMode: () => null,
+  setListViewMaxWidth: () => null,
   setTheme: () => null,
-  theme: 'light'
+  setTypeSize: () => null,
+  shouldAlignEditViewHeader: false,
+  shouldApplyListViewMaxWidth: true,
+  theme: 'light',
+  typeSize: 'proposed'
 };
 const Context = /*#__PURE__*/createContext(undefined);
 function setCookie(cname, cvalue, exdays) {
@@ -56,12 +64,20 @@ const isValidThemeParam = value => value === 'auto' || value === 'light' || valu
  * persists it to the theme cookie using the same mechanism as manual theme selection.
  */
 export const ThemeProvider = t0 => {
-  const $ = _c(32);
+  const $ = _c(72);
   const {
     children,
+    editViewWidth: t1,
     highContrastMode: initialHighContrastMode,
-    theme: themeOverride
+    shouldAlignEditViewHeader: t2,
+    shouldApplyListViewMaxWidth: t3,
+    theme: themeOverride,
+    typeSize: t4
   } = t0;
+  const initialEditViewWidth = t1 === undefined ? "full" : t1;
+  const initialHeaderAlignment = t2 === undefined ? false : t2;
+  const initialListViewMaxWidth = t3 === undefined ? true : t3;
+  const initialTypeSize = t4 === undefined ? "proposed" : t4;
   const outerContext = use(Context);
   const isScoped = outerContext !== undefined;
   const {
@@ -70,13 +86,206 @@ export const ThemeProvider = t0 => {
   const preselectedTheme = config.admin.theme;
   const themeCookieKey = `${config.cookiePrefix || "payload"}-theme`;
   const contrastCookieKey = `${config.cookiePrefix || "payload"}-high-contrast-mode`;
+  const editViewWidthCookieKey = `${config.cookiePrefix || "payload"}-edit-view-width`;
+  const [editViewWidth, setEditViewWidthState] = useState(initialEditViewWidth);
+  let t5;
+  if ($[0] !== editViewWidthCookieKey || $[1] !== isScoped || $[2] !== outerContext) {
+    t5 = t6 => {
+      const {
+        editViewWidth: nextEditViewWidth
+      } = t6;
+      if (isScoped) {
+        outerContext.setEditViewWidth({
+          editViewWidth: nextEditViewWidth
+        });
+        return;
+      }
+      setEditViewWidthState(nextEditViewWidth);
+      setCookie(editViewWidthCookieKey, nextEditViewWidth, 365);
+      document.documentElement.setAttribute("data-edit-view-width", nextEditViewWidth);
+    };
+    $[0] = editViewWidthCookieKey;
+    $[1] = isScoped;
+    $[2] = outerContext;
+    $[3] = t5;
+  } else {
+    t5 = $[3];
+  }
+  const setEditViewWidth = t5;
+  let t6;
+  let t7;
+  if ($[4] !== editViewWidthCookieKey || $[5] !== isScoped) {
+    t6 = () => {
+      if (isScoped) {
+        return;
+      }
+      const value = document.cookie.split("; ").find(row => row.startsWith(`${editViewWidthCookieKey}=`))?.split("=")[1];
+      const detectedEditViewWidth = getEditViewWidth({
+        value
+      });
+      setEditViewWidthState(detectedEditViewWidth);
+      document.documentElement.setAttribute("data-edit-view-width", detectedEditViewWidth);
+    };
+    t7 = [isScoped, editViewWidthCookieKey];
+    $[4] = editViewWidthCookieKey;
+    $[5] = isScoped;
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t6 = $[6];
+    t7 = $[7];
+  }
+  useEffect(t6, t7);
+  const listViewMaxWidthCookieKey = `${config.cookiePrefix || "payload"}-list-view-max-width`;
+  const [shouldApplyListViewMaxWidth, setListViewMaxWidthState] = useState(initialListViewMaxWidth);
+  let t8;
+  if ($[8] !== isScoped || $[9] !== listViewMaxWidthCookieKey || $[10] !== outerContext) {
+    t8 = t9 => {
+      const {
+        isEnabled
+      } = t9;
+      if (isScoped) {
+        outerContext.setListViewMaxWidth({
+          isEnabled
+        });
+        return;
+      }
+      setListViewMaxWidthState(isEnabled);
+      setCookie(listViewMaxWidthCookieKey, String(isEnabled), 365);
+      document.documentElement.setAttribute("data-list-view-max-width", String(isEnabled));
+    };
+    $[8] = isScoped;
+    $[9] = listViewMaxWidthCookieKey;
+    $[10] = outerContext;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  const setListViewMaxWidth = t8;
+  let t10;
+  let t9;
+  if ($[12] !== isScoped || $[13] !== listViewMaxWidthCookieKey) {
+    t9 = () => {
+      if (isScoped) {
+        return;
+      }
+      const value_0 = document.cookie.split("; ").find(row_0 => row_0.startsWith(`${listViewMaxWidthCookieKey}=`))?.split("=")[1];
+      const isEnabled_0 = value_0 !== "false";
+      setListViewMaxWidthState(isEnabled_0);
+      document.documentElement.setAttribute("data-list-view-max-width", String(isEnabled_0));
+    };
+    t10 = [isScoped, listViewMaxWidthCookieKey];
+    $[12] = isScoped;
+    $[13] = listViewMaxWidthCookieKey;
+    $[14] = t10;
+    $[15] = t9;
+  } else {
+    t10 = $[14];
+    t9 = $[15];
+  }
+  useEffect(t9, t10);
+  const headerAlignmentCookieKey = `${config.cookiePrefix || "payload"}-edit-view-header-alignment`;
+  const [shouldAlignEditViewHeader, setHeaderAlignmentState] = useState(initialHeaderAlignment);
+  let t11;
+  if ($[16] !== headerAlignmentCookieKey || $[17] !== isScoped || $[18] !== outerContext) {
+    t11 = t12 => {
+      const {
+        isEnabled: isEnabled_1
+      } = t12;
+      if (isScoped) {
+        outerContext.setEditViewHeaderAlignment({
+          isEnabled: isEnabled_1
+        });
+        return;
+      }
+      setHeaderAlignmentState(isEnabled_1);
+      setCookie(headerAlignmentCookieKey, String(isEnabled_1), 365);
+    };
+    $[16] = headerAlignmentCookieKey;
+    $[17] = isScoped;
+    $[18] = outerContext;
+    $[19] = t11;
+  } else {
+    t11 = $[19];
+  }
+  const setEditViewHeaderAlignment = t11;
+  let t12;
+  let t13;
+  if ($[20] !== headerAlignmentCookieKey || $[21] !== isScoped) {
+    t12 = () => {
+      if (isScoped) {
+        return;
+      }
+      const value_1 = document.cookie.split("; ").find(row_1 => row_1.startsWith(`${headerAlignmentCookieKey}=`))?.split("=")[1];
+      setHeaderAlignmentState(value_1 === "true");
+    };
+    t13 = [headerAlignmentCookieKey, isScoped];
+    $[20] = headerAlignmentCookieKey;
+    $[21] = isScoped;
+    $[22] = t12;
+    $[23] = t13;
+  } else {
+    t12 = $[22];
+    t13 = $[23];
+  }
+  useEffect(t12, t13);
+  const typeSizeCookieKey = `${config.cookiePrefix || "payload"}-type-size`;
+  const [typeSize, setTypeSizeState] = useState(initialTypeSize);
+  let t14;
+  if ($[24] !== isScoped || $[25] !== outerContext || $[26] !== typeSizeCookieKey) {
+    t14 = t15 => {
+      const {
+        typeSize: nextTypeSize
+      } = t15;
+      if (isScoped) {
+        outerContext.setTypeSize({
+          typeSize: nextTypeSize
+        });
+        return;
+      }
+      setTypeSizeState(nextTypeSize);
+      setCookie(typeSizeCookieKey, nextTypeSize, 365);
+      document.documentElement.setAttribute("data-type-size", nextTypeSize);
+    };
+    $[24] = isScoped;
+    $[25] = outerContext;
+    $[26] = typeSizeCookieKey;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  const setTypeSize = t14;
+  let t15;
+  let t16;
+  if ($[28] !== isScoped || $[29] !== typeSizeCookieKey) {
+    t15 = () => {
+      if (isScoped) {
+        return;
+      }
+      const value_2 = document.cookie.split("; ").find(row_2 => row_2.startsWith(`${typeSizeCookieKey}=`))?.split("=")[1];
+      const detectedTypeSize = getTypeSize({
+        value: value_2
+      });
+      setTypeSizeState(detectedTypeSize);
+      document.documentElement.setAttribute("data-type-size", detectedTypeSize);
+    };
+    t16 = [isScoped, typeSizeCookieKey];
+    $[28] = isScoped;
+    $[29] = typeSizeCookieKey;
+    $[30] = t15;
+    $[31] = t16;
+  } else {
+    t15 = $[30];
+    t16 = $[31];
+  }
+  useEffect(t15, t16);
   const themeParam = useSearchParams().get("theme")?.toLowerCase();
   const [theme, setThemeState] = useState(themeOverride ?? defaultTheme);
   const [autoMode, setAutoMode] = useState(!isScoped);
   const [highContrastMode, setHighContrastModeState] = useState(isScoped ? outerContext.highContrastMode ?? false : initialHighContrastMode ?? false);
-  let t1;
-  if ($[0] !== isScoped || $[1] !== outerContext || $[2] !== themeCookieKey) {
-    t1 = (themeToSet, options) => {
+  let t17;
+  if ($[32] !== isScoped || $[33] !== outerContext || $[34] !== themeCookieKey) {
+    t17 = (themeToSet, options) => {
       if (isScoped && !options?.scoped) {
         outerContext.setTheme(themeToSet, options);
         return;
@@ -89,17 +298,17 @@ export const ThemeProvider = t0 => {
         document.documentElement.setAttribute("data-theme", resolvedTheme);
       }
     };
-    $[0] = isScoped;
-    $[1] = outerContext;
-    $[2] = themeCookieKey;
-    $[3] = t1;
+    $[32] = isScoped;
+    $[33] = outerContext;
+    $[34] = themeCookieKey;
+    $[35] = t17;
   } else {
-    t1 = $[3];
+    t17 = $[35];
   }
-  const setTheme = t1;
-  let t2;
-  if ($[4] !== contrastCookieKey || $[5] !== isScoped || $[6] !== outerContext) {
-    t2 = (isHighContrast, options_0) => {
+  const setTheme = t17;
+  let t18;
+  if ($[36] !== contrastCookieKey || $[37] !== isScoped || $[38] !== outerContext) {
+    t18 = (isHighContrast, options_0) => {
       if (isScoped && !options_0?.scoped) {
         outerContext.setHighContrastMode(isHighContrast, options_0);
         return;
@@ -114,42 +323,42 @@ export const ThemeProvider = t0 => {
         }
       }
     };
-    $[4] = contrastCookieKey;
-    $[5] = isScoped;
-    $[6] = outerContext;
-    $[7] = t2;
+    $[36] = contrastCookieKey;
+    $[37] = isScoped;
+    $[38] = outerContext;
+    $[39] = t18;
   } else {
-    t2 = $[7];
+    t18 = $[39];
   }
-  const setHighContrastMode = t2;
-  let t3;
-  if ($[8] !== isScoped || $[9] !== outerContext) {
-    t3 = () => {
+  const setHighContrastMode = t18;
+  let t19;
+  if ($[40] !== isScoped || $[41] !== outerContext) {
+    t19 = () => {
       if (isScoped) {
         setHighContrastModeState(outerContext.highContrastMode);
       }
     };
-    $[8] = isScoped;
-    $[9] = outerContext;
-    $[10] = t3;
+    $[40] = isScoped;
+    $[41] = outerContext;
+    $[42] = t19;
   } else {
-    t3 = $[10];
+    t19 = $[42];
   }
-  const t4 = outerContext?.highContrastMode;
-  let t5;
-  if ($[11] !== isScoped || $[12] !== t4) {
-    t5 = [isScoped, t4];
-    $[11] = isScoped;
-    $[12] = t4;
-    $[13] = t5;
+  const t20 = outerContext?.highContrastMode;
+  let t21;
+  if ($[43] !== isScoped || $[44] !== t20) {
+    t21 = [isScoped, t20];
+    $[43] = isScoped;
+    $[44] = t20;
+    $[45] = t21;
   } else {
-    t5 = $[13];
+    t21 = $[45];
   }
-  useEffect(t3, t5);
-  let t6;
-  let t7;
-  if ($[14] !== isScoped || $[15] !== preselectedTheme || $[16] !== setTheme || $[17] !== themeCookieKey || $[18] !== themeParam) {
-    t6 = () => {
+  useEffect(t19, t21);
+  let t22;
+  let t23;
+  if ($[46] !== isScoped || $[47] !== preselectedTheme || $[48] !== setTheme || $[49] !== themeCookieKey || $[50] !== themeParam) {
+    t22 = () => {
       if (isScoped || preselectedTheme !== "all") {
         return;
       }
@@ -164,63 +373,83 @@ export const ThemeProvider = t0 => {
       setThemeState(detectedTheme);
       setAutoMode(isAutoMode);
     };
-    t7 = [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme];
-    $[14] = isScoped;
-    $[15] = preselectedTheme;
-    $[16] = setTheme;
-    $[17] = themeCookieKey;
-    $[18] = themeParam;
-    $[19] = t6;
-    $[20] = t7;
-  } else {
-    t6 = $[19];
-    t7 = $[20];
+    t23 = [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme];
+    $[46] = isScoped;
+    $[47] = preselectedTheme;
+    $[48] = setTheme;
+    $[49] = themeCookieKey;
+    $[50] = themeParam;
+    $[51] = t22;
+    $[52] = t23;
+  } else {
+    t22 = $[51];
+    t23 = $[52];
   }
-  useEffect(t6, t7);
-  let t8;
-  let t9;
-  if ($[21] !== contrastCookieKey || $[22] !== isScoped) {
-    t8 = () => {
+  useEffect(t22, t23);
+  let t24;
+  let t25;
+  if ($[53] !== contrastCookieKey || $[54] !== isScoped) {
+    t24 = () => {
       if (isScoped) {
         return;
       }
       setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
     };
-    t9 = [isScoped, contrastCookieKey];
-    $[21] = contrastCookieKey;
-    $[22] = isScoped;
-    $[23] = t8;
-    $[24] = t9;
-  } else {
-    t8 = $[23];
-    t9 = $[24];
-  }
-  useEffect(t8, t9);
-  const t10 = isScoped ? outerContext.autoMode : autoMode;
-  const t11 = isScoped ? outerContext.theme : theme;
-  let t12;
-  if ($[25] !== children || $[26] !== highContrastMode || $[27] !== setHighContrastMode || $[28] !== setTheme || $[29] !== t10 || $[30] !== t11) {
-    t12 = _jsx(Context, {
+    t25 = [isScoped, contrastCookieKey];
+    $[53] = contrastCookieKey;
+    $[54] = isScoped;
+    $[55] = t24;
+    $[56] = t25;
+  } else {
+    t24 = $[55];
+    t25 = $[56];
+  }
+  useEffect(t24, t25);
+  const t26 = isScoped ? outerContext.autoMode : autoMode;
+  const t27 = isScoped ? outerContext.editViewWidth : editViewWidth;
+  const t28 = isScoped ? outerContext.shouldAlignEditViewHeader : shouldAlignEditViewHeader;
+  const t29 = isScoped ? outerContext.shouldApplyListViewMaxWidth : shouldApplyListViewMaxWidth;
+  const t30 = isScoped ? outerContext.theme : theme;
+  const t31 = isScoped ? outerContext.typeSize : typeSize;
+  let t32;
+  if ($[57] !== children || $[58] !== highContrastMode || $[59] !== setEditViewHeaderAlignment || $[60] !== setEditViewWidth || $[61] !== setHighContrastMode || $[62] !== setListViewMaxWidth || $[63] !== setTheme || $[64] !== setTypeSize || $[65] !== t26 || $[66] !== t27 || $[67] !== t28 || $[68] !== t29 || $[69] !== t30 || $[70] !== t31) {
+    t32 = _jsx(Context, {
       value: {
-        autoMode: t10,
+        autoMode: t26,
+        editViewWidth: t27,
         highContrastMode,
+        setEditViewHeaderAlignment,
+        setEditViewWidth,
         setHighContrastMode,
+        setListViewMaxWidth,
         setTheme,
-        theme: t11
+        setTypeSize,
+        shouldAlignEditViewHeader: t28,
+        shouldApplyListViewMaxWidth: t29,
+        theme: t30,
+        typeSize: t31
       },
       children
     });
-    $[25] = children;
-    $[26] = highContrastMode;
-    $[27] = setHighContrastMode;
-    $[28] = setTheme;
-    $[29] = t10;
-    $[30] = t11;
-    $[31] = t12;
+    $[57] = children;
+    $[58] = highContrastMode;
+    $[59] = setEditViewHeaderAlignment;
+    $[60] = setEditViewWidth;
+    $[61] = setHighContrastMode;
+    $[62] = setListViewMaxWidth;
+    $[63] = setTheme;
+    $[64] = setTypeSize;
+    $[65] = t26;
+    $[66] = t27;
+    $[67] = t28;
+    $[68] = t29;
+    $[69] = t30;
+    $[70] = t31;
+    $[71] = t32;
   } else {
-    t12 = $[31];
+    t32 = $[71];
   }
-  return t12;
+  return t32;
 };
 export const useTheme = () => use(Context) ?? initialContext;
 //# sourceMappingURL=index.js.map

package/dist/providers/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useState","useConfig","useSearchParams","defaultTheme","initialContext","autoMode","highContrastMode","setHighContrastMode","setTheme","theme","Context","undefined","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","detectTheme","cookieKey","fromCookie","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","isAutoMode","detectHighContrastMode","isHighContrast","removeAttribute","isValidThemeParam","value","ThemeProvider","t0","$","children","initialHighContrastMode","themeOverride","outerContext","isScoped","config","preselectedTheme","admin","themeCookieKey","cookiePrefix","contrastCookieKey","themeParam","get","toLowerCase","setThemeState","setAutoMode","setHighContrastModeState","t1","themeToSet","options","scoped","resolvedTheme","t2","options_0","String","t3","t4","t5","t6","t7","detectedTheme","t8","t9","t10","t11","t12","_jsx","useTheme"],"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useCallback, useEffect, useState } from 'react'\n\nimport { useConfig } from '../Config/index.js'\nimport { useSearchParams } from '../RouterAdapter/index.js'\nimport { defaultTheme, type Theme } from './shared.js'\n\nexport { defaultTheme, type Theme }\n\nexport type ThemeContext = {\n  autoMode: boolean\n  highContrastMode: boolean\n  setHighContrastMode: (isHighContrast: boolean, options?: { scoped?: boolean }) => void\n  setTheme: (theme: 'auto' | Theme, options?: { scoped?: boolean }) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  highContrastMode: false,\n  setHighContrastMode: () => null,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext<ThemeContext | undefined>(undefined)\n\nfunction setCookie(cname: string, cvalue: string, exdays: number) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst detectTheme = (cookieKey: string): { isAutoMode: boolean; theme: Theme } => {\n  const fromCookie = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  const theme: Theme =\n    fromCookie === 'light' || fromCookie === 'dark'\n      ? fromCookie\n      : window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { isAutoMode: fromCookie !== 'light' && fromCookie !== 'dark', theme }\n}\n\nconst detectHighContrastMode = (cookieKey: string): boolean => {\n  const fromCookie =\n    window.document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${cookieKey}=`))\n      ?.split('=')[1] ?? null\n\n  const isHighContrast =\n    fromCookie === 'true'\n      ? true\n      : fromCookie === 'false'\n        ? false\n        : !!(window.matchMedia && window.matchMedia('(prefers-contrast: more)').matches)\n\n  if (isHighContrast) {\n    document.documentElement.setAttribute('data-enhanced-contrast', '')\n  } else {\n    document.documentElement.removeAttribute('data-enhanced-contrast')\n  }\n\n  return isHighContrast\n}\n\nconst isValidThemeParam = (value: null | string): value is 'auto' | Theme =>\n  value === 'auto' || value === 'light' || value === 'dark'\n\n/**\n * Provides theme context to its children.\n *\n * At the root (no parent ThemeProvider): reads/writes cookies, responds to\n * OS preference, owns setTheme and setHighContrastMode.\n *\n * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a\n * scoped visual  the `theme` prop sets the local theme, but setThemeoverride\n * and setHighContrastMode bubble up through each level to the root provider so\n * mutations always affect the global user preference.\n *\n * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and\n * persists it to the theme cookie using the same mechanism as manual theme selection.\n */\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  highContrastMode?: boolean\n  theme?: Theme\n}> = ({ children, highContrastMode: initialHighContrastMode, theme: themeOverride }) => {\n  const outerContext = use(Context)\n  const isScoped = outerContext !== undefined\n\n  const { config } = useConfig()\n  const preselectedTheme = config.admin.theme\n  const themeCookieKey = `${config.cookiePrefix || 'payload'}-theme`\n  const contrastCookieKey = `${config.cookiePrefix || 'payload'}-high-contrast-mode`\n\n  const themeParam = useSearchParams().get('theme')?.toLowerCase()\n\n  const [theme, setThemeState] = useState<Theme>(themeOverride ?? defaultTheme)\n  const [autoMode, setAutoMode] = useState<boolean>(!isScoped)\n  const [highContrastMode, setHighContrastModeState] = useState<boolean>(\n    isScoped ? (outerContext.highContrastMode ?? false) : (initialHighContrastMode ?? false),\n  )\n\n  // Setters bubble up to the root provider by default. Pass { scoped: true }\n  // to update only the local (scoped) theme without affecting global state.\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setTheme(themeToSet, options)\n        return\n      }\n      const resolvedTheme: Theme =\n        themeToSet === 'auto'\n          ? window.matchMedia?.('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n          : themeToSet\n\n      setThemeState(resolvedTheme)\n      setAutoMode(themeToSet === 'auto')\n\n      if (!isScoped) {\n        setCookie(themeCookieKey, themeToSet, themeToSet === 'auto' ? -1 : 365)\n        document.documentElement.setAttribute('data-theme', resolvedTheme)\n      }\n    },\n    [isScoped, outerContext, themeCookieKey],\n  )\n\n  const setHighContrastMode = useCallback(\n    (isHighContrast: boolean, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setHighContrastMode(isHighContrast, options)\n        return\n      }\n      setHighContrastModeState(isHighContrast)\n      if (!isScoped) {\n        setCookie(contrastCookieKey, String(isHighContrast), 365)\n        if (isHighContrast) {\n          document.documentElement.setAttribute('data-enhanced-contrast', '')\n        } else {\n          document.documentElement.removeAttribute('data-enhanced-contrast')\n        }\n      }\n    },\n    [isScoped, outerContext, contrastCookieKey],\n  )\n\n  // Keep highContrastMode in sync with the outer provider when scoped.\n  useEffect(() => {\n    if (isScoped) {\n      setHighContrastModeState(outerContext.highContrastMode)\n    }\n  }, [isScoped, outerContext?.highContrastMode])\n\n  // Resolve the root theme: a valid `?theme` param wins (applied via setTheme so\n  // it persists to the theme cookie exactly like a manual selection; otherwise\n  // fall back to the cookie or OS preference.\n  useEffect(() => {\n    if (isScoped || preselectedTheme !== 'all') {\n      return\n    }\n    if (isValidThemeParam(themeParam)) {\n      setTheme(themeParam)\n      return\n    }\n    const { isAutoMode, theme: detectedTheme } = detectTheme(themeCookieKey)\n    setThemeState(detectedTheme)\n    setAutoMode(isAutoMode)\n  }, [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme])\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n    setHighContrastModeState(detectHighContrastMode(contrastCookieKey))\n  }, [isScoped, contrastCookieKey])\n\n  return (\n    <Context\n      value={{\n        autoMode: isScoped ? outerContext.autoMode : autoMode,\n        highContrastMode,\n        setHighContrastMode,\n        setTheme,\n        theme: isScoped ? outerContext.theme : theme,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTheme = (): ThemeContext => use(Context) ?? initialContext\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useState","useConfig","useSearchParams","defaultTheme","getEditViewWidth","getTypeSize","initialContext","autoMode","editViewWidth","highContrastMode","setEditViewHeaderAlignment","setEditViewWidth","setHighContrastMode","setListViewMaxWidth","setTheme","setTypeSize","shouldAlignEditViewHeader","shouldApplyListViewMaxWidth","theme","typeSize","Context","undefined","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","detectTheme","cookieKey","fromCookie","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","isAutoMode","detectHighContrastMode","isHighContrast","removeAttribute","isValidThemeParam","value","ThemeProvider","t0","$","children","t1","initialHighContrastMode","t2","t3","themeOverride","t4","initialEditViewWidth","initialHeaderAlignment","initialListViewMaxWidth","initialTypeSize","outerContext","isScoped","config","preselectedTheme","admin","themeCookieKey","cookiePrefix","contrastCookieKey","editViewWidthCookieKey","setEditViewWidthState","t5","t6","nextEditViewWidth","t7","detectedEditViewWidth","listViewMaxWidthCookieKey","setListViewMaxWidthState","t8","t9","isEnabled","String","t10","value_0","row_0","isEnabled_0","headerAlignmentCookieKey","setHeaderAlignmentState","t11","t12","isEnabled_1","t13","value_1","row_1","typeSizeCookieKey","setTypeSizeState","t14","t15","nextTypeSize","t16","value_2","row_2","detectedTypeSize","themeParam","get","toLowerCase","setThemeState","setAutoMode","setHighContrastModeState","t17","themeToSet","options","scoped","resolvedTheme","t18","options_0","t19","t20","t21","t22","t23","detectedTheme","t24","t25","t26","t27","t28","t29","t30","t31","t32","_jsx","useTheme"],"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useCallback, useEffect, useState } from 'react'\n\nimport type { EditViewWidth, Theme, TypeSize } from './shared.js'\n\nimport { useConfig } from '../Config/index.js'\nimport { useSearchParams } from '../RouterAdapter/index.js'\nimport { defaultTheme, getEditViewWidth, getTypeSize } from './shared.js'\n\nexport { defaultTheme, type Theme }\n\nexport type ThemeContext = {\n  autoMode: boolean\n  editViewWidth: EditViewWidth\n  highContrastMode: boolean\n  setEditViewHeaderAlignment: (args: { isEnabled: boolean }) => void\n  setEditViewWidth: (args: { editViewWidth: EditViewWidth }) => void\n  setHighContrastMode: (isHighContrast: boolean, options?: { scoped?: boolean }) => void\n  setListViewMaxWidth: (args: { isEnabled: boolean }) => void\n  setTheme: (theme: 'auto' | Theme, options?: { scoped?: boolean }) => void\n  setTypeSize: (args: { typeSize: TypeSize }) => void\n  shouldAlignEditViewHeader: boolean\n  shouldApplyListViewMaxWidth: boolean\n  theme: Theme\n  typeSize: TypeSize\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  editViewWidth: 'full',\n  highContrastMode: false,\n  setEditViewHeaderAlignment: () => null,\n  setEditViewWidth: () => null,\n  setHighContrastMode: () => null,\n  setListViewMaxWidth: () => null,\n  setTheme: () => null,\n  setTypeSize: () => null,\n  shouldAlignEditViewHeader: false,\n  shouldApplyListViewMaxWidth: true,\n  theme: 'light',\n  typeSize: 'proposed',\n}\n\nconst Context = createContext<ThemeContext | undefined>(undefined)\n\nfunction setCookie(cname: string, cvalue: string, exdays: number) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst detectTheme = (cookieKey: string): { isAutoMode: boolean; theme: Theme } => {\n  const fromCookie = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  const theme: Theme =\n    fromCookie === 'light' || fromCookie === 'dark'\n      ? fromCookie\n      : window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { isAutoMode: fromCookie !== 'light' && fromCookie !== 'dark', theme }\n}\n\nconst detectHighContrastMode = (cookieKey: string): boolean => {\n  const fromCookie =\n    window.document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${cookieKey}=`))\n      ?.split('=')[1] ?? null\n\n  const isHighContrast =\n    fromCookie === 'true'\n      ? true\n      : fromCookie === 'false'\n        ? false\n        : !!(window.matchMedia && window.matchMedia('(prefers-contrast: more)').matches)\n\n  if (isHighContrast) {\n    document.documentElement.setAttribute('data-enhanced-contrast', '')\n  } else {\n    document.documentElement.removeAttribute('data-enhanced-contrast')\n  }\n\n  return isHighContrast\n}\n\nconst isValidThemeParam = (value: null | string): value is 'auto' | Theme =>\n  value === 'auto' || value === 'light' || value === 'dark'\n\n/**\n * Provides theme context to its children.\n *\n * At the root (no parent ThemeProvider): reads/writes cookies, responds to\n * OS preference, owns setTheme and setHighContrastMode.\n *\n * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a\n * scoped visual  the `theme` prop sets the local theme, but setThemeoverride\n * and setHighContrastMode bubble up through each level to the root provider so\n * mutations always affect the global user preference.\n *\n * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and\n * persists it to the theme cookie using the same mechanism as manual theme selection.\n */\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  editViewWidth?: EditViewWidth\n  highContrastMode?: boolean\n  shouldAlignEditViewHeader?: boolean\n  shouldApplyListViewMaxWidth?: boolean\n  theme?: Theme\n  typeSize?: TypeSize\n}> = ({\n  children,\n  editViewWidth: initialEditViewWidth = 'full',\n  highContrastMode: initialHighContrastMode,\n  shouldAlignEditViewHeader: initialHeaderAlignment = false,\n  shouldApplyListViewMaxWidth: initialListViewMaxWidth = true,\n  theme: themeOverride,\n  typeSize: initialTypeSize = 'proposed',\n}) => {\n  const outerContext = use(Context)\n  const isScoped = outerContext !== undefined\n\n  const { config } = useConfig()\n  const preselectedTheme = config.admin.theme\n  const themeCookieKey = `${config.cookiePrefix || 'payload'}-theme`\n  const contrastCookieKey = `${config.cookiePrefix || 'payload'}-high-contrast-mode`\n\n  const editViewWidthCookieKey = `${config.cookiePrefix || 'payload'}-edit-view-width`\n  const [editViewWidth, setEditViewWidthState] = useState<EditViewWidth>(initialEditViewWidth)\n\n  const setEditViewWidth = useCallback(\n    ({ editViewWidth: nextEditViewWidth }: { editViewWidth: EditViewWidth }) => {\n      if (isScoped) {\n        outerContext.setEditViewWidth({ editViewWidth: nextEditViewWidth })\n        return\n      }\n\n      setEditViewWidthState(nextEditViewWidth)\n      setCookie(editViewWidthCookieKey, nextEditViewWidth, 365)\n      document.documentElement.setAttribute('data-edit-view-width', nextEditViewWidth)\n    },\n    [isScoped, outerContext, editViewWidthCookieKey],\n  )\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n\n    const value = document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${editViewWidthCookieKey}=`))\n      ?.split('=')[1]\n    const detectedEditViewWidth = getEditViewWidth({ value })\n\n    setEditViewWidthState(detectedEditViewWidth)\n    document.documentElement.setAttribute('data-edit-view-width', detectedEditViewWidth)\n  }, [isScoped, editViewWidthCookieKey])\n\n  const listViewMaxWidthCookieKey = `${config.cookiePrefix || 'payload'}-list-view-max-width`\n  const [shouldApplyListViewMaxWidth, setListViewMaxWidthState] = useState(initialListViewMaxWidth)\n\n  const setListViewMaxWidth = useCallback(\n    ({ isEnabled }: { isEnabled: boolean }) => {\n      if (isScoped) {\n        outerContext.setListViewMaxWidth({ isEnabled })\n        return\n      }\n\n      setListViewMaxWidthState(isEnabled)\n      setCookie(listViewMaxWidthCookieKey, String(isEnabled), 365)\n      document.documentElement.setAttribute('data-list-view-max-width', String(isEnabled))\n    },\n    [isScoped, outerContext, listViewMaxWidthCookieKey],\n  )\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n\n    const value = document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${listViewMaxWidthCookieKey}=`))\n      ?.split('=')[1]\n    const isEnabled = value !== 'false'\n\n    setListViewMaxWidthState(isEnabled)\n    document.documentElement.setAttribute('data-list-view-max-width', String(isEnabled))\n  }, [isScoped, listViewMaxWidthCookieKey])\n\n  const headerAlignmentCookieKey = `${config.cookiePrefix || 'payload'}-edit-view-header-alignment`\n  const [shouldAlignEditViewHeader, setHeaderAlignmentState] = useState(initialHeaderAlignment)\n\n  const setEditViewHeaderAlignment = useCallback(\n    ({ isEnabled }: { isEnabled: boolean }) => {\n      if (isScoped) {\n        outerContext.setEditViewHeaderAlignment({ isEnabled })\n        return\n      }\n\n      setHeaderAlignmentState(isEnabled)\n      setCookie(headerAlignmentCookieKey, String(isEnabled), 365)\n    },\n    [headerAlignmentCookieKey, isScoped, outerContext],\n  )\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n\n    const value = document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${headerAlignmentCookieKey}=`))\n      ?.split('=')[1]\n\n    setHeaderAlignmentState(value === 'true')\n  }, [headerAlignmentCookieKey, isScoped])\n\n  const typeSizeCookieKey = `${config.cookiePrefix || 'payload'}-type-size`\n  const [typeSize, setTypeSizeState] = useState<TypeSize>(initialTypeSize)\n\n  const setTypeSize = useCallback(\n    ({ typeSize: nextTypeSize }: { typeSize: TypeSize }) => {\n      if (isScoped) {\n        outerContext.setTypeSize({ typeSize: nextTypeSize })\n        return\n      }\n\n      setTypeSizeState(nextTypeSize)\n      setCookie(typeSizeCookieKey, nextTypeSize, 365)\n      document.documentElement.setAttribute('data-type-size', nextTypeSize)\n    },\n    [isScoped, outerContext, typeSizeCookieKey],\n  )\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n\n    const value = document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${typeSizeCookieKey}=`))\n      ?.split('=')[1]\n    const detectedTypeSize = getTypeSize({ value })\n\n    setTypeSizeState(detectedTypeSize)\n    document.documentElement.setAttribute('data-type-size', detectedTypeSize)\n  }, [isScoped, typeSizeCookieKey])\n\n  const themeParam = useSearchParams().get('theme')?.toLowerCase()\n\n  const [theme, setThemeState] = useState<Theme>(themeOverride ?? defaultTheme)\n  const [autoMode, setAutoMode] = useState<boolean>(!isScoped)\n  const [highContrastMode, setHighContrastModeState] = useState<boolean>(\n    isScoped ? (outerContext.highContrastMode ?? false) : (initialHighContrastMode ?? false),\n  )\n\n  // Setters bubble up to the root provider by default. Pass { scoped: true }\n  // to update only the local (scoped) theme without affecting global state.\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setTheme(themeToSet, options)\n        return\n      }\n      const resolvedTheme: Theme =\n        themeToSet === 'auto'\n          ? window.matchMedia?.('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n          : themeToSet\n\n      setThemeState(resolvedTheme)\n      setAutoMode(themeToSet === 'auto')\n\n      if (!isScoped) {\n        setCookie(themeCookieKey, themeToSet, themeToSet === 'auto' ? -1 : 365)\n        document.documentElement.setAttribute('data-theme', resolvedTheme)\n      }\n    },\n    [isScoped, outerContext, themeCookieKey],\n  )\n\n  const setHighContrastMode = useCallback(\n    (isHighContrast: boolean, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setHighContrastMode(isHighContrast, options)\n        return\n      }\n      setHighContrastModeState(isHighContrast)\n      if (!isScoped) {\n        setCookie(contrastCookieKey, String(isHighContrast), 365)\n        if (isHighContrast) {\n          document.documentElement.setAttribute('data-enhanced-contrast', '')\n        } else {\n          document.documentElement.removeAttribute('data-enhanced-contrast')\n        }\n      }\n    },\n    [isScoped, outerContext, contrastCookieKey],\n  )\n\n  // Keep highContrastMode in sync with the outer provider when scoped.\n  useEffect(() => {\n    if (isScoped) {\n      setHighContrastModeState(outerContext.highContrastMode)\n    }\n  }, [isScoped, outerContext?.highContrastMode])\n\n  // Resolve the root theme: a valid `?theme` param wins (applied via setTheme so\n  // it persists to the theme cookie exactly like a manual selection; otherwise\n  // fall back to the cookie or OS preference.\n  useEffect(() => {\n    if (isScoped || preselectedTheme !== 'all') {\n      return\n    }\n    if (isValidThemeParam(themeParam)) {\n      setTheme(themeParam)\n      return\n    }\n    const { isAutoMode, theme: detectedTheme } = detectTheme(themeCookieKey)\n    setThemeState(detectedTheme)\n    setAutoMode(isAutoMode)\n  }, [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme])\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n    setHighContrastModeState(detectHighContrastMode(contrastCookieKey))\n  }, [isScoped, contrastCookieKey])\n\n  return (\n    <Context\n      value={{\n        autoMode: isScoped ? outerContext.autoMode : autoMode,\n        editViewWidth: isScoped ? outerContext.editViewWidth : editViewWidth,\n        highContrastMode,\n        setEditViewHeaderAlignment,\n        setEditViewWidth,\n        setHighContrastMode,\n        setListViewMaxWidth,\n        setTheme,\n        setTypeSize,\n        shouldAlignEditViewHeader: isScoped\n          ? outerContext.shouldAlignEditViewHeader\n          : shouldAlignEditViewHeader,\n        shouldApplyListViewMaxWidth: isScoped\n          ? outerContext.shouldApplyListViewMaxWidth\n          : shouldApplyListViewMaxWidth,\n        theme: isScoped ? outerContext.theme : theme,\n        typeSize: isScoped ? outerContext.typeSize : typeSize,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTheme = (): ThemeContext => use(Context) ?? initialContext\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Theme/shared.d.ts

@@ -1,3 +1,11 @@
 export type Theme = 'dark' | 'light';
 export declare const defaultTheme: Theme;
+export type TypeSize = 'current' | 'proposed';
+export declare const getTypeSize: ({ value }: {
+    value: null | string | undefined;
+}) => TypeSize;
+export type EditViewWidth = '960' | '1200' | '1440' | 'full';
+export declare const getEditViewWidth: ({ value }: {
+    value: null | string | undefined;
+}) => EditViewWidth;
 //# sourceMappingURL=shared.d.ts.map

package/dist/providers/Theme/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/shared.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,eAAO,MAAM,YAAY,EAAE,KAAe,CAAA"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/shared.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,eAAO,MAAM,YAAY,EAAE,KAAe,CAAA;AAE1C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;AAE7C,eAAO,MAAM,WAAW,cAAe;IAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,KAAG,QACX,CAAA;AAEnE,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAE5D,eAAO,MAAM,gBAAgB,cAAe;IAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,KAAG,aACT,CAAA"}

package/dist/providers/Theme/shared.js

@@ -1,2 +1,8 @@
 export const defaultTheme = 'light';
+export const getTypeSize = ({
+  value
+}) => value === 'current' || value === 'small' ? 'current' : 'proposed';
+export const getEditViewWidth = ({
+  value
+}) => value === '960' || value === '1200' || value === '1440' ? value : 'full';
 //# sourceMappingURL=shared.js.map

package/dist/providers/Theme/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","names":["defaultTheme"],"sources":["../../../src/providers/Theme/shared.ts"],"sourcesContent":["export type Theme = 'dark' | 'light'\n\nexport const defaultTheme: Theme = 'light'\n"],"mappings":"AAEA,OAAO,MAAMA,YAAA,GAAsB","ignoreList":[]}
+{"version":3,"file":"shared.js","names":["defaultTheme","getTypeSize","value","getEditViewWidth"],"sources":["../../../src/providers/Theme/shared.ts"],"sourcesContent":["export type Theme = 'dark' | 'light'\n\nexport const defaultTheme: Theme = 'light'\n\nexport type TypeSize = 'current' | 'proposed'\n\nexport const getTypeSize = ({ value }: { value: null | string | undefined }): TypeSize =>\n  value === 'current' || value === 'small' ? 'current' : 'proposed'\n\nexport type EditViewWidth = '960' | '1200' | '1440' | 'full'\n\nexport const getEditViewWidth = ({ value }: { value: null | string | undefined }): EditViewWidth =>\n  value === '960' || value === '1200' || value === '1440' ? value : 'full'\n"],"mappings":"AAEA,OAAO,MAAMA,YAAA,GAAsB;AAInC,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAAEC;AAAK,CAAwC,KACzEA,KAAA,KAAU,aAAaA,KAAA,KAAU,UAAU,YAAY;AAIzD,OAAO,MAAMC,gBAAA,GAAmBA,CAAC;EAAED;AAAK,CAAwC,KAC9EA,KAAA,KAAU,SAASA,KAAA,KAAU,UAAUA,KAAA,KAAU,SAASA,KAAA,GAAQ","ignoreList":[]}