@payloadcms/ui 4.0.0-internal.697830c → 4.0.0-internal.77191e5

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

@@ -1,17 +1,30 @@
 import React from 'react';
-export type Theme = 'dark' | 'light';
+import type { EditViewWidth, Theme, TypeSize } from './shared.js';
+import { defaultTheme } from './shared.js';
+export { defaultTheme, type Theme };
 export type ThemeContext = {
     autoMode: boolean;
+    editViewWidth: EditViewWidth;
     highContrastMode: boolean;
+    setEditViewHeaderAlignment: (args: {
+        isEnabled: boolean;
+    }) => void;
+    setEditViewWidth: (args: {
+        editViewWidth: EditViewWidth;
+    }) => void;
     setHighContrastMode: (isHighContrast: boolean, options?: {
         scoped?: boolean;
     }) => void;
     setTheme: (theme: 'auto' | Theme, options?: {
         scoped?: boolean;
     }) => void;
+    setTypeSize: (args: {
+        typeSize: TypeSize;
+    }) => void;
+    shouldAlignEditViewHeader: boolean;
     theme: Theme;
+    typeSize: TypeSize;
 };
-export declare const defaultTheme: Theme;
 /**
  * Provides theme context to its children.
  *
@@ -22,11 +35,17 @@ export declare const defaultTheme: Theme;
  * scoped visual  the `theme` prop sets the local theme, but setThemeoverride
  * and setHighContrastMode bubble up through each level to the root provider so
  * mutations always affect the global user preference.
+ *
+ * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and
+ * persists it to the theme cookie using the same mechanism as manual theme selection.
  */
 export declare const ThemeProvider: React.FC<{
     children?: React.ReactNode;
+    editViewWidth?: EditViewWidth;
     highContrastMode?: boolean;
+    shouldAlignEditViewHeader?: boolean;
     theme?: Theme;
+    typeSize?: TypeSize;
 }>;
 export declare const useTheme: () => ThemeContext;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAInF,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4DD,eAAO,MAAM,YAAY,EAAE,KAAe,CAAA;AAE1C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAgGA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAA8C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAEnF,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAIjE,OAAO,EAAE,YAAY,EAAiC,MAAM,aAAa,CAAA;AAEzE,OAAO,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,CAAA;AAEnC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,aAAa,CAAA;IAC5B,gBAAgB,EAAE,OAAO,CAAA;IACzB,0BAA0B,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,aAAa,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,mBAAmB,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,yBAAyB,EAAE,OAAO,CAAA;IAClC,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAAA;AAqED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAqNA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAA8C,CAAA"}

package/dist/providers/Theme/index.js

@@ -4,12 +4,21 @@ import { c as _c } from "react/compiler-runtime";
 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, getEditViewWidth, getTypeSize } from './shared.js';
+export { defaultTheme };
 const initialContext = {
   autoMode: true,
+  editViewWidth: 'full',
   highContrastMode: false,
+  setEditViewHeaderAlignment: () => null,
+  setEditViewWidth: () => null,
   setHighContrastMode: () => null,
   setTheme: () => null,
-  theme: 'light'
+  setTypeSize: () => null,
+  shouldAlignEditViewHeader: false,
+  theme: 'light',
+  typeSize: 'default'
 };
 const Context = /*#__PURE__*/createContext(undefined);
 function setCookie(cname, cvalue, exdays) {
@@ -37,7 +46,7 @@ const detectHighContrastMode = cookieKey => {
   }
   return isHighContrast;
 };
-export const defaultTheme = 'light';
+const isValidThemeParam = value => value === 'auto' || value === 'light' || value === 'dark';
 /**
  * Provides theme context to its children.
  *
@@ -48,14 +57,23 @@ export const defaultTheme = 'light';
  * scoped visual  the `theme` prop sets the local theme, but setThemeoverride
  * and setHighContrastMode bubble up through each level to the root provider so
  * mutations always affect the global user preference.
+ *
+ * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and
+ * persists it to the theme cookie using the same mechanism as manual theme selection.
  */
 export const ThemeProvider = t0 => {
-  const $ = _c(30);
+  const $ = _c(62);
   const {
     children,
+    editViewWidth: t1,
     highContrastMode: initialHighContrastMode,
-    theme: themeOverride
+    shouldAlignEditViewHeader: t2,
+    theme: themeOverride,
+    typeSize: t3
   } = t0;
+  const initialEditViewWidth = t1 === undefined ? "full" : t1;
+  const initialHeaderAlignment = t2 === undefined ? false : t2;
+  const initialTypeSize = t3 === undefined ? "default" : t3;
   const outerContext = use(Context);
   const isScoped = outerContext !== undefined;
   const {
@@ -64,80 +82,158 @@ export const ThemeProvider = t0 => {
   const preselectedTheme = config.admin.theme;
   const themeCookieKey = `${config.cookiePrefix || "payload"}-theme`;
   const contrastCookieKey = `${config.cookiePrefix || "payload"}-high-contrast-mode`;
-  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) {
-    t1 = () => {
+  const editViewWidthCookieKey = `${config.cookiePrefix || "payload"}-edit-view-width`;
+  const [editViewWidth, setEditViewWidthState] = useState(initialEditViewWidth);
+  let t4;
+  if ($[0] !== editViewWidthCookieKey || $[1] !== isScoped || $[2] !== outerContext) {
+    t4 = t5 => {
+      const {
+        editViewWidth: nextEditViewWidth
+      } = t5;
       if (isScoped) {
-        setHighContrastModeState(outerContext.highContrastMode);
+        outerContext.setEditViewWidth({
+          editViewWidth: nextEditViewWidth
+        });
+        return;
       }
+      setEditViewWidthState(nextEditViewWidth);
+      setCookie(editViewWidthCookieKey, nextEditViewWidth, 365);
+      document.documentElement.setAttribute("data-edit-view-width", nextEditViewWidth);
     };
-    $[0] = isScoped;
-    $[1] = outerContext;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const t2 = outerContext?.highContrastMode;
-  let t3;
-  if ($[3] !== isScoped || $[4] !== t2) {
-    t3 = [isScoped, t2];
-    $[3] = isScoped;
-    $[4] = t2;
-    $[5] = t3;
+    $[0] = editViewWidthCookieKey;
+    $[1] = isScoped;
+    $[2] = outerContext;
+    $[3] = t4;
   } else {
-    t3 = $[5];
+    t4 = $[3];
   }
-  useEffect(t1, t3);
-  let t4;
+  const setEditViewWidth = t4;
   let t5;
-  if ($[6] !== isScoped || $[7] !== preselectedTheme || $[8] !== themeCookieKey) {
-    t4 = () => {
-      if (isScoped || preselectedTheme !== "all") {
+  let t6;
+  if ($[4] !== editViewWidthCookieKey || $[5] !== isScoped) {
+    t5 = () => {
+      if (isScoped) {
         return;
       }
-      const {
-        isAutoMode,
-        theme: detectedTheme
-      } = detectTheme(themeCookieKey);
-      setThemeState(detectedTheme);
-      setAutoMode(isAutoMode);
+      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);
     };
-    t5 = [isScoped, preselectedTheme, themeCookieKey];
-    $[6] = isScoped;
-    $[7] = preselectedTheme;
-    $[8] = themeCookieKey;
-    $[9] = t4;
-    $[10] = t5;
+    t6 = [isScoped, editViewWidthCookieKey];
+    $[4] = editViewWidthCookieKey;
+    $[5] = isScoped;
+    $[6] = t5;
+    $[7] = t6;
   } else {
-    t4 = $[9];
-    t5 = $[10];
+    t5 = $[6];
+    t6 = $[7];
   }
-  useEffect(t4, t5);
-  let t6;
+  useEffect(t5, t6);
+  const headerAlignmentCookieKey = `${config.cookiePrefix || "payload"}-edit-view-header-alignment`;
+  const [shouldAlignEditViewHeader, setHeaderAlignmentState] = useState(initialHeaderAlignment);
   let t7;
-  if ($[11] !== contrastCookieKey || $[12] !== isScoped) {
-    t6 = () => {
+  if ($[8] !== headerAlignmentCookieKey || $[9] !== isScoped || $[10] !== outerContext) {
+    t7 = t8 => {
+      const {
+        isEnabled
+      } = t8;
       if (isScoped) {
+        outerContext.setEditViewHeaderAlignment({
+          isEnabled
+        });
         return;
       }
-      setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
+      setHeaderAlignmentState(isEnabled);
+      setCookie(headerAlignmentCookieKey, String(isEnabled), 365);
     };
-    t7 = [isScoped, contrastCookieKey];
-    $[11] = contrastCookieKey;
-    $[12] = isScoped;
-    $[13] = t6;
-    $[14] = t7;
+    $[8] = headerAlignmentCookieKey;
+    $[9] = isScoped;
+    $[10] = outerContext;
+    $[11] = t7;
   } else {
-    t6 = $[13];
-    t7 = $[14];
+    t7 = $[11];
   }
-  useEffect(t6, t7);
+  const setEditViewHeaderAlignment = t7;
   let t8;
-  if ($[15] !== isScoped || $[16] !== outerContext || $[17] !== themeCookieKey) {
-    t8 = (themeToSet, options) => {
+  let t9;
+  if ($[12] !== headerAlignmentCookieKey || $[13] !== isScoped) {
+    t8 = () => {
+      if (isScoped) {
+        return;
+      }
+      const value_0 = document.cookie.split("; ").find(row_0 => row_0.startsWith(`${headerAlignmentCookieKey}=`))?.split("=")[1];
+      setHeaderAlignmentState(value_0 === "true");
+    };
+    t9 = [headerAlignmentCookieKey, isScoped];
+    $[12] = headerAlignmentCookieKey;
+    $[13] = isScoped;
+    $[14] = t8;
+    $[15] = t9;
+  } else {
+    t8 = $[14];
+    t9 = $[15];
+  }
+  useEffect(t8, t9);
+  const typeSizeCookieKey = `${config.cookiePrefix || "payload"}-type-size`;
+  const [typeSize, setTypeSizeState] = useState(initialTypeSize);
+  let t10;
+  if ($[16] !== isScoped || $[17] !== outerContext || $[18] !== typeSizeCookieKey) {
+    t10 = t11 => {
+      const {
+        typeSize: nextTypeSize
+      } = t11;
+      if (isScoped) {
+        outerContext.setTypeSize({
+          typeSize: nextTypeSize
+        });
+        return;
+      }
+      setTypeSizeState(nextTypeSize);
+      setCookie(typeSizeCookieKey, nextTypeSize, 365);
+      document.documentElement.setAttribute("data-type-size", nextTypeSize);
+    };
+    $[16] = isScoped;
+    $[17] = outerContext;
+    $[18] = typeSizeCookieKey;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  const setTypeSize = t10;
+  let t11;
+  let t12;
+  if ($[20] !== isScoped || $[21] !== typeSizeCookieKey) {
+    t11 = () => {
+      if (isScoped) {
+        return;
+      }
+      const value_1 = document.cookie.split("; ").find(row_1 => row_1.startsWith(`${typeSizeCookieKey}=`))?.split("=")[1];
+      const detectedTypeSize = getTypeSize({
+        value: value_1
+      });
+      setTypeSizeState(detectedTypeSize);
+      document.documentElement.setAttribute("data-type-size", detectedTypeSize);
+    };
+    t12 = [isScoped, typeSizeCookieKey];
+    $[20] = isScoped;
+    $[21] = typeSizeCookieKey;
+    $[22] = t11;
+    $[23] = t12;
+  } else {
+    t11 = $[22];
+    t12 = $[23];
+  }
+  useEffect(t11, t12);
+  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 t13;
+  if ($[24] !== isScoped || $[25] !== outerContext || $[26] !== themeCookieKey) {
+    t13 = (themeToSet, options) => {
       if (isScoped && !options?.scoped) {
         outerContext.setTheme(themeToSet, options);
         return;
@@ -150,17 +246,17 @@ export const ThemeProvider = t0 => {
         document.documentElement.setAttribute("data-theme", resolvedTheme);
       }
     };
-    $[15] = isScoped;
-    $[16] = outerContext;
-    $[17] = themeCookieKey;
-    $[18] = t8;
+    $[24] = isScoped;
+    $[25] = outerContext;
+    $[26] = themeCookieKey;
+    $[27] = t13;
   } else {
-    t8 = $[18];
+    t13 = $[27];
   }
-  const setTheme = t8;
-  let t9;
-  if ($[19] !== contrastCookieKey || $[20] !== isScoped || $[21] !== outerContext) {
-    t9 = (isHighContrast, options_0) => {
+  const setTheme = t13;
+  let t14;
+  if ($[28] !== contrastCookieKey || $[29] !== isScoped || $[30] !== outerContext) {
+    t14 = (isHighContrast, options_0) => {
       if (isScoped && !options_0?.scoped) {
         outerContext.setHighContrastMode(isHighContrast, options_0);
         return;
@@ -175,39 +271,128 @@ export const ThemeProvider = t0 => {
         }
       }
     };
-    $[19] = contrastCookieKey;
-    $[20] = isScoped;
-    $[21] = outerContext;
-    $[22] = t9;
+    $[28] = contrastCookieKey;
+    $[29] = isScoped;
+    $[30] = outerContext;
+    $[31] = t14;
   } else {
-    t9 = $[22];
+    t14 = $[31];
   }
-  const setHighContrastMode = t9;
-  const t10 = isScoped ? outerContext.autoMode : autoMode;
-  const t11 = isScoped ? outerContext.theme : theme;
-  let t12;
-  if ($[23] !== children || $[24] !== highContrastMode || $[25] !== setHighContrastMode || $[26] !== setTheme || $[27] !== t10 || $[28] !== t11) {
-    t12 = _jsx(Context, {
+  const setHighContrastMode = t14;
+  let t15;
+  if ($[32] !== isScoped || $[33] !== outerContext) {
+    t15 = () => {
+      if (isScoped) {
+        setHighContrastModeState(outerContext.highContrastMode);
+      }
+    };
+    $[32] = isScoped;
+    $[33] = outerContext;
+    $[34] = t15;
+  } else {
+    t15 = $[34];
+  }
+  const t16 = outerContext?.highContrastMode;
+  let t17;
+  if ($[35] !== isScoped || $[36] !== t16) {
+    t17 = [isScoped, t16];
+    $[35] = isScoped;
+    $[36] = t16;
+    $[37] = t17;
+  } else {
+    t17 = $[37];
+  }
+  useEffect(t15, t17);
+  let t18;
+  let t19;
+  if ($[38] !== isScoped || $[39] !== preselectedTheme || $[40] !== setTheme || $[41] !== themeCookieKey || $[42] !== themeParam) {
+    t18 = () => {
+      if (isScoped || preselectedTheme !== "all") {
+        return;
+      }
+      if (isValidThemeParam(themeParam)) {
+        setTheme(themeParam);
+        return;
+      }
+      const {
+        isAutoMode,
+        theme: detectedTheme
+      } = detectTheme(themeCookieKey);
+      setThemeState(detectedTheme);
+      setAutoMode(isAutoMode);
+    };
+    t19 = [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme];
+    $[38] = isScoped;
+    $[39] = preselectedTheme;
+    $[40] = setTheme;
+    $[41] = themeCookieKey;
+    $[42] = themeParam;
+    $[43] = t18;
+    $[44] = t19;
+  } else {
+    t18 = $[43];
+    t19 = $[44];
+  }
+  useEffect(t18, t19);
+  let t20;
+  let t21;
+  if ($[45] !== contrastCookieKey || $[46] !== isScoped) {
+    t20 = () => {
+      if (isScoped) {
+        return;
+      }
+      setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
+    };
+    t21 = [isScoped, contrastCookieKey];
+    $[45] = contrastCookieKey;
+    $[46] = isScoped;
+    $[47] = t20;
+    $[48] = t21;
+  } else {
+    t20 = $[47];
+    t21 = $[48];
+  }
+  useEffect(t20, t21);
+  const t22 = isScoped ? outerContext.autoMode : autoMode;
+  const t23 = isScoped ? outerContext.editViewWidth : editViewWidth;
+  const t24 = isScoped ? outerContext.shouldAlignEditViewHeader : shouldAlignEditViewHeader;
+  const t25 = isScoped ? outerContext.theme : theme;
+  const t26 = isScoped ? outerContext.typeSize : typeSize;
+  let t27;
+  if ($[49] !== children || $[50] !== highContrastMode || $[51] !== setEditViewHeaderAlignment || $[52] !== setEditViewWidth || $[53] !== setHighContrastMode || $[54] !== setTheme || $[55] !== setTypeSize || $[56] !== t22 || $[57] !== t23 || $[58] !== t24 || $[59] !== t25 || $[60] !== t26) {
+    t27 = _jsx(Context, {
       value: {
-        autoMode: t10,
+        autoMode: t22,
+        editViewWidth: t23,
         highContrastMode,
+        setEditViewHeaderAlignment,
+        setEditViewWidth,
         setHighContrastMode,
         setTheme,
-        theme: t11
+        setTypeSize,
+        shouldAlignEditViewHeader: t24,
+        theme: t25,
+        typeSize: t26
       },
       children
     });
-    $[23] = children;
-    $[24] = highContrastMode;
-    $[25] = setHighContrastMode;
-    $[26] = setTheme;
-    $[27] = t10;
-    $[28] = t11;
-    $[29] = t12;
+    $[49] = children;
+    $[50] = highContrastMode;
+    $[51] = setEditViewHeaderAlignment;
+    $[52] = setEditViewWidth;
+    $[53] = setHighContrastMode;
+    $[54] = setTheme;
+    $[55] = setTypeSize;
+    $[56] = t22;
+    $[57] = t23;
+    $[58] = t24;
+    $[59] = t25;
+    $[60] = t26;
+    $[61] = t27;
   } else {
-    t12 = $[29];
+    t27 = $[61];
   }
-  return t12;
+  return t27;
 };
 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","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","defaultTheme","ThemeProvider","t0","$","children","initialHighContrastMode","themeOverride","outerContext","isScoped","config","preselectedTheme","admin","themeCookieKey","cookiePrefix","contrastCookieKey","setThemeState","setAutoMode","setHighContrastModeState","t1","t2","t3","t4","t5","detectedTheme","t6","t7","t8","themeToSet","options","scoped","resolvedTheme","t9","options_0","String","t10","t11","t12","_jsx","value","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'\n\nexport type Theme = 'dark' | 'light'\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\nexport const defaultTheme: Theme = 'light'\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 */\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 [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  // 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  useEffect(() => {\n    if (isScoped || preselectedTheme !== 'all') {\n      return\n    }\n    const { isAutoMode, theme: detectedTheme } = detectTheme(themeCookieKey)\n    setThemeState(detectedTheme)\n    setAutoMode(isAutoMode)\n  }, [isScoped, preselectedTheme, themeCookieKey])\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n    setHighContrastModeState(detectHighContrastMode(contrastCookieKey))\n  }, [isScoped, contrastCookieKey])\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  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","setTheme","setTypeSize","shouldAlignEditViewHeader","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","themeOverride","t3","initialEditViewWidth","initialHeaderAlignment","initialTypeSize","outerContext","isScoped","config","preselectedTheme","admin","themeCookieKey","cookiePrefix","contrastCookieKey","editViewWidthCookieKey","setEditViewWidthState","t4","t5","nextEditViewWidth","t6","detectedEditViewWidth","headerAlignmentCookieKey","setHeaderAlignmentState","t7","t8","isEnabled","String","t9","value_0","row_0","typeSizeCookieKey","setTypeSizeState","t10","t11","nextTypeSize","t12","value_1","row_1","detectedTypeSize","themeParam","get","toLowerCase","setThemeState","setAutoMode","setHighContrastModeState","t13","themeToSet","options","scoped","resolvedTheme","t14","options_0","t15","t16","t17","t18","t19","detectedTheme","t20","t21","t22","t23","t24","t25","t26","t27","_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  setTheme: (theme: 'auto' | Theme, options?: { scoped?: boolean }) => void\n  setTypeSize: (args: { typeSize: TypeSize }) => void\n  shouldAlignEditViewHeader: 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  setTheme: () => null,\n  setTypeSize: () => null,\n  shouldAlignEditViewHeader: false,\n  theme: 'light',\n  typeSize: 'default',\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  theme?: Theme\n  typeSize?: TypeSize\n}> = ({\n  children,\n  editViewWidth: initialEditViewWidth = 'full',\n  highContrastMode: initialHighContrastMode,\n  shouldAlignEditViewHeader: initialHeaderAlignment = false,\n  theme: themeOverride,\n  typeSize: initialTypeSize = 'default',\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 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        setTheme,\n        setTypeSize,\n        shouldAlignEditViewHeader: isScoped\n          ? outerContext.shouldAlignEditViewHeader\n          : shouldAlignEditViewHeader,\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

@@ -0,0 +1,11 @@
+export type Theme = 'dark' | 'light';
+export declare const defaultTheme: Theme;
+export type TypeSize = 'default' | 'large' | 'small';
+export declare const getTypeSize: ({ value }: {
+    value: null | string | undefined;
+}) => TypeSize;
+export type EditViewWidth = '640' | '800' | '960' | 'full';
+export declare const getEditViewWidth: ({ value }: {
+    value: null | string | undefined;
+}) => EditViewWidth;
+//# sourceMappingURL=shared.d.ts.map

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

@@ -0,0 +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;AAE1C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEpD,eAAO,MAAM,WAAW,cAAe;IAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,KAAG,QAClB,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;AAE1D,eAAO,MAAM,gBAAgB,cAAe;IAAE,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,KAAG,aACX,CAAA"}

package/dist/providers/Theme/shared.js

@@ -0,0 +1,8 @@
+export const defaultTheme = 'light';
+export const getTypeSize = ({
+  value
+}) => value === 'small' || value === 'large' ? value : 'default';
+export const getEditViewWidth = ({
+  value
+}) => value === '640' || value === '800' || value === '960' ? value : 'full';
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"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 = 'default' | 'large' | 'small'\n\nexport const getTypeSize = ({ value }: { value: null | string | undefined }): TypeSize =>\n  value === 'small' || value === 'large' ? value : 'default'\n\nexport type EditViewWidth = '640' | '800' | '960' | 'full'\n\nexport const getEditViewWidth = ({ value }: { value: null | string | undefined }): EditViewWidth =>\n  value === '640' || value === '800' || value === '960' ? value : 'full'\n"],"mappings":"AAEA,OAAO,MAAMA,YAAA,GAAsB;AAInC,OAAO,MAAMC,WAAA,GAAcA,CAAC;EAAEC;AAAK,CAAwC,KACzEA,KAAA,KAAU,WAAWA,KAAA,KAAU,UAAUA,KAAA,GAAQ;AAInD,OAAO,MAAMC,gBAAA,GAAmBA,CAAC;EAAED;AAAK,CAAwC,KAC9EA,KAAA,KAAU,SAASA,KAAA,KAAU,SAASA,KAAA,KAAU,QAAQA,KAAA,GAAQ","ignoreList":[]}

package/dist/providers/UploadEdits/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/UploadEdits/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,kBAAkB,CAAC,EAAE,WAAW,CAAA;CACjC,CAAA;AACD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,EAAE,MAAM,WAAW,CAAA;IACjC,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC/C,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AASD,eAAO,MAAM,mBAAmB,GAAI,kCAAkC,wBAAwB,sBAqB7F,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,kBAAwC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/UploadEdits/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,kBAAkB,CAAC,EAAE,WAAW,CAAA;CACjC,CAAA;AACD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,EAAE,MAAM,WAAW,CAAA;IACjC,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC/C,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AASD,eAAO,MAAM,mBAAmB,qCAAsC,wBAAwB,sBAqB7F,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,kBAAwC,CAAA"}

package/dist/providers/UploadHandlers/index.d.ts

@@ -1,18 +1,13 @@
-import type { UploadCollectionSlug } from 'payload';
+import type { UploadCollectionSlug, UploadInstructions } from 'payload';
 import React from 'react';
 type UploadHandler = (args: {
     docPrefix?: string;
     file: File;
-    updateFilename: (filename: string) => void;
-}) => Promise<unknown>;
+}) => Promise<UploadInstructions['file']>;
 export type UploadHandlersContext = {
     getUploadHandler: (args: {
         collectionSlug: UploadCollectionSlug;
     }) => null | UploadHandler;
-    setUploadHandler: (args: {
-        collectionSlug: UploadCollectionSlug;
-        handler: UploadHandler;
-    }) => unknown;
 };
 export declare const UploadHandlersProvider: ({ children }: {
     children: any;