@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.40de3ec

package/dist/providers/Theme/index.js

@@ -11,7 +11,7 @@ const initialContext = {
   setTheme: () => null,
   theme: 'light'
 };
-const Context = /*#__PURE__*/createContext(initialContext);
+const Context = /*#__PURE__*/createContext(undefined);
 function setCookie(cname, cvalue, exdays) {
   const d = new Date();
   d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
@@ -38,27 +38,64 @@ const detectHighContrastMode = cookieKey => {
   return isHighContrast;
 };
 export const defaultTheme = 'light';
+/**
+ * Provides theme context to its children.
+ *
+ * At the root (no parent ThemeProvider): reads/writes cookies, responds to
+ * OS preference, owns setTheme and setHighContrastMode.
+ *
+ * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a
+ * 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.
+ */
 export const ThemeProvider = t0 => {
-  const $ = _c(18);
+  const $ = _c(30);
   const {
     children,
     highContrastMode: initialHighContrastMode,
-    theme: initialTheme
+    theme: themeOverride
   } = t0;
+  const outerContext = use(Context);
+  const isScoped = outerContext !== undefined;
   const {
     config
   } = useConfig();
   const preselectedTheme = config.admin.theme;
   const themeCookieKey = `${config.cookiePrefix || "payload"}-theme`;
   const contrastCookieKey = `${config.cookiePrefix || "payload"}-high-contrast-mode`;
-  const [theme, setThemeState] = useState(initialTheme || defaultTheme);
-  const [autoMode, setAutoMode] = useState(true);
-  const [highContrastMode, setHighContrastModeState] = useState(initialHighContrastMode ?? false);
+  const [theme, setThemeState] = useState(themeOverride ?? defaultTheme);
+  const [autoMode, setAutoMode] = useState(!isScoped);
+  const [highContrastMode, setHighContrastModeState] = useState(isScoped ? outerContext.highContrastMode ?? false : initialHighContrastMode ?? false);
   let t1;
-  let t2;
-  if ($[0] !== preselectedTheme || $[1] !== themeCookieKey) {
+  if ($[0] !== isScoped || $[1] !== outerContext) {
     t1 = () => {
-      if (preselectedTheme !== "all") {
+      if (isScoped) {
+        setHighContrastModeState(outerContext.highContrastMode);
+      }
+    };
+    $[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;
+  } else {
+    t3 = $[5];
+  }
+  useEffect(t1, t3);
+  let t4;
+  let t5;
+  if ($[6] !== isScoped || $[7] !== preselectedTheme || $[8] !== themeCookieKey) {
+    t4 = () => {
+      if (isScoped || preselectedTheme !== "all") {
         return;
       }
       const {
@@ -68,75 +105,87 @@ export const ThemeProvider = t0 => {
       setThemeState(detectedTheme);
       setAutoMode(isAutoMode);
     };
-    t2 = [preselectedTheme, themeCookieKey];
-    $[0] = preselectedTheme;
-    $[1] = themeCookieKey;
-    $[2] = t1;
-    $[3] = t2;
+    t5 = [isScoped, preselectedTheme, themeCookieKey];
+    $[6] = isScoped;
+    $[7] = preselectedTheme;
+    $[8] = themeCookieKey;
+    $[9] = t4;
+    $[10] = t5;
   } else {
-    t1 = $[2];
-    t2 = $[3];
+    t4 = $[9];
+    t5 = $[10];
   }
-  useEffect(t1, t2);
-  let t3;
-  let t4;
-  if ($[4] !== contrastCookieKey) {
-    t3 = () => {
+  useEffect(t4, t5);
+  let t6;
+  let t7;
+  if ($[11] !== contrastCookieKey || $[12] !== isScoped) {
+    t6 = () => {
+      if (isScoped) {
+        return;
+      }
       setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
     };
-    t4 = [contrastCookieKey];
-    $[4] = contrastCookieKey;
-    $[5] = t3;
-    $[6] = t4;
+    t7 = [isScoped, contrastCookieKey];
+    $[11] = contrastCookieKey;
+    $[12] = isScoped;
+    $[13] = t6;
+    $[14] = t7;
   } else {
-    t3 = $[5];
-    t4 = $[6];
+    t6 = $[13];
+    t7 = $[14];
   }
-  useEffect(t3, t4);
-  let t5;
-  if ($[7] !== themeCookieKey) {
-    t5 = themeToSet => {
-      if (themeToSet === "light" || themeToSet === "dark") {
-        setThemeState(themeToSet);
-        setAutoMode(false);
-        setCookie(themeCookieKey, themeToSet, 365);
-        document.documentElement.setAttribute("data-theme", themeToSet);
-      } else {
-        if (themeToSet === "auto") {
-          setCookie(themeCookieKey, themeToSet, -1);
-          const themeFromOS = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-          document.documentElement.setAttribute("data-theme", themeFromOS);
-          setAutoMode(true);
-          setThemeState(themeFromOS);
-        }
+  useEffect(t6, t7);
+  let t8;
+  if ($[15] !== isScoped || $[16] !== outerContext || $[17] !== themeCookieKey) {
+    t8 = (themeToSet, options) => {
+      if (isScoped && !options?.scoped) {
+        outerContext.setTheme(themeToSet, options);
+        return;
+      }
+      const resolvedTheme = themeToSet === "auto" ? window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light" : themeToSet;
+      setThemeState(resolvedTheme);
+      setAutoMode(themeToSet === "auto");
+      if (!isScoped) {
+        setCookie(themeCookieKey, themeToSet, themeToSet === "auto" ? -1 : 365);
+        document.documentElement.setAttribute("data-theme", resolvedTheme);
       }
     };
-    $[7] = themeCookieKey;
-    $[8] = t5;
+    $[15] = isScoped;
+    $[16] = outerContext;
+    $[17] = themeCookieKey;
+    $[18] = t8;
   } else {
-    t5 = $[8];
+    t8 = $[18];
   }
-  const setTheme = t5;
-  let t6;
-  if ($[9] !== contrastCookieKey) {
-    t6 = isHighContrast => {
+  const setTheme = t8;
+  let t9;
+  if ($[19] !== contrastCookieKey || $[20] !== isScoped || $[21] !== outerContext) {
+    t9 = (isHighContrast, options_0) => {
+      if (isScoped && !options_0?.scoped) {
+        outerContext.setHighContrastMode(isHighContrast, options_0);
+        return;
+      }
       setHighContrastModeState(isHighContrast);
-      setCookie(contrastCookieKey, String(isHighContrast), 365);
-      if (isHighContrast) {
-        document.documentElement.setAttribute("data-enhanced-contrast", "");
-      } else {
-        document.documentElement.removeAttribute("data-enhanced-contrast");
+      if (!isScoped) {
+        setCookie(contrastCookieKey, String(isHighContrast), 365);
+        if (isHighContrast) {
+          document.documentElement.setAttribute("data-enhanced-contrast", "");
+        } else {
+          document.documentElement.removeAttribute("data-enhanced-contrast");
+        }
       }
     };
-    $[9] = contrastCookieKey;
-    $[10] = t6;
+    $[19] = contrastCookieKey;
+    $[20] = isScoped;
+    $[21] = outerContext;
+    $[22] = t9;
   } else {
-    t6 = $[10];
+    t9 = $[22];
   }
-  const setHighContrastMode = t6;
-  let t7;
-  if ($[11] !== autoMode || $[12] !== children || $[13] !== highContrastMode || $[14] !== setHighContrastMode || $[15] !== setTheme || $[16] !== theme) {
-    t7 = _jsx(Context, {
+  const setHighContrastMode = t9;
+  let t10;
+  if ($[23] !== autoMode || $[24] !== children || $[25] !== highContrastMode || $[26] !== setHighContrastMode || $[27] !== setTheme || $[28] !== theme) {
+    t10 = _jsx(Context, {
       value: {
         autoMode,
         highContrastMode,
@@ -146,17 +195,17 @@ export const ThemeProvider = t0 => {
       },
       children
     });
-    $[11] = autoMode;
-    $[12] = children;
-    $[13] = highContrastMode;
-    $[14] = setHighContrastMode;
-    $[15] = setTheme;
-    $[16] = theme;
-    $[17] = t7;
+    $[23] = autoMode;
+    $[24] = children;
+    $[25] = highContrastMode;
+    $[26] = setHighContrastMode;
+    $[27] = setTheme;
+    $[28] = theme;
+    $[29] = t10;
   } else {
-    t7 = $[17];
+    t10 = $[29];
   }
-  return t7;
+  return t10;
 };
-export const useTheme = () => use(Context);
+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","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","initialTheme","config","preselectedTheme","admin","themeCookieKey","cookiePrefix","contrastCookieKey","setThemeState","setAutoMode","setHighContrastModeState","t1","t2","detectedTheme","t3","t4","t5","themeToSet","themeFromOS","t6","String","t7","_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) => void\n  setTheme: (theme: 'auto' | Theme) => 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(initialContext)\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\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  highContrastMode?: boolean\n  theme?: Theme\n}> = ({ children, highContrastMode: initialHighContrastMode, theme: initialTheme }) => {\n  const { config } = useConfig()\n\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>(initialTheme || defaultTheme)\n  const [autoMode, setAutoMode] = useState<boolean>(true)\n  const [highContrastMode, setHighContrastModeState] = useState<boolean>(\n    initialHighContrastMode ?? false,\n  )\n\n  useEffect(() => {\n    if (preselectedTheme !== 'all') {\n      return\n    }\n    const { isAutoMode, theme: detectedTheme } = detectTheme(themeCookieKey)\n    setThemeState(detectedTheme)\n    setAutoMode(isAutoMode)\n  }, [preselectedTheme, themeCookieKey])\n\n  useEffect(() => {\n    setHighContrastModeState(detectHighContrastMode(contrastCookieKey))\n  }, [contrastCookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(themeCookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        setCookie(themeCookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [themeCookieKey],\n  )\n\n  const setHighContrastMode = useCallback(\n    (isHighContrast: boolean) => {\n      setHighContrastModeState(isHighContrast)\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    [contrastCookieKey],\n  )\n\n  return (\n    <Context value={{ autoMode, highContrastMode, setHighContrastMode, setTheme, theme }}>\n      {children}\n    </Context>\n  )\n}\n\nexport const useTheme = (): ThemeContext => use(Context)\n"],"mappings":"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","ignoreList":[]}
+{"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","_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 value={{ autoMode, highContrastMode, setHighContrastMode, setTheme, theme }}>\n      {children}\n    </Context>\n  )\n}\n\nexport const useTheme = (): ThemeContext => use(Context) ?? initialContext\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/ToastContainer/index.js

@@ -3,10 +3,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Toaster } from 'sonner';
-import { Error } from './icons/Error.js';
-import { Info } from './icons/Info.js';
-import { Success } from './icons/Success.js';
-import { Warning } from './icons/Warning.js';
+import { ErrorIcon } from '../../icons/Error/index.js';
+import { InfoIcon } from '../../icons/Info/index.js';
+import { SuccessIcon } from '../../icons/Success/index.js';
+import { WarningIcon } from '../../icons/Warning/index.js';
 export const ToastContainer = ({
   config
 }) => {
@@ -29,10 +29,10 @@ export const ToastContainer = ({
     expand: expand ?? false,
     gap: 8,
     icons: {
-      error: /*#__PURE__*/_jsx(Error, {}),
-      info: /*#__PURE__*/_jsx(Info, {}),
-      success: /*#__PURE__*/_jsx(Success, {}),
-      warning: /*#__PURE__*/_jsx(Warning, {})
+      error: /*#__PURE__*/_jsx(ErrorIcon, {}),
+      info: /*#__PURE__*/_jsx(InfoIcon, {}),
+      success: /*#__PURE__*/_jsx(SuccessIcon, {}),
+      warning: /*#__PURE__*/_jsx(WarningIcon, {})
     },
     offset: "calc(var(--gutter-h) / 2)",
     position: position ?? 'bottom-right',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Toaster","Error","Info","Success","Warning","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","error","info","success","warning","offset","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { Error } from './icons/Error.js'\nimport { Info } from './icons/Info.js'\nimport { Success } from './icons/Success.js'\nimport { Warning } from './icons/Warning.js'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        error: <Error />,\n        info: <Info />,\n        success: <Success />,\n        warning: <Warning />,\n      }}\n      offset=\"calc(var(--gutter-h) / 2)\"\n      position={position ?? 'bottom-right'}\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,KAAK,QAAQ;AACtB,SAASC,IAAI,QAAQ;AACrB,SAASC,OAAO,QAAQ;AACxB,SAASC,OAAO,QAAQ;AAExB,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACZ,KAAA;MACRmB,IAAA,eAAMP,IAAA,CAACX,IAAA;MACPmB,OAAA,eAASR,IAAA,CAACV,OAAA;MACVmB,OAAA,eAAST,IAAA,CAACT,OAAA;IACZ;IACAmB,MAAA,EAAO;IACPX,QAAA,EAAUA,QAAA,IAAY;IACtBY,YAAA,EAAc;MACZC,UAAA,EAAY;QACVV,WAAA,EAAa;QACbW,OAAA,EAAS;QACTP,KAAA,EAAO;QACPQ,IAAA,EAAM;QACNP,IAAA,EAAM;QACNC,OAAA,EAAS;QACTO,KAAA,EAAO;QACPpB,KAAA,EAAO;QACPc,OAAA,EAAS;MACX;MACAO,QAAA,EAAU;IACZ;IACAC,aAAA,EAAenB,KAAA,IAAS;;AAG9B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Toaster","ErrorIcon","InfoIcon","SuccessIcon","WarningIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","error","info","success","warning","offset","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { ErrorIcon } from '../../icons/Error/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { SuccessIcon } from '../../icons/Success/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        error: <ErrorIcon />,\n        info: <InfoIcon />,\n        success: <SuccessIcon />,\n        warning: <WarningIcon />,\n      }}\n      offset=\"calc(var(--gutter-h) / 2)\"\n      position={position ?? 'bottom-right'}\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,WAAW,QAAQ;AAE5B,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACZ,SAAA;MACRmB,IAAA,eAAMP,IAAA,CAACX,QAAA;MACPmB,OAAA,eAASR,IAAA,CAACV,WAAA;MACVmB,OAAA,eAAST,IAAA,CAACT,WAAA;IACZ;IACAmB,MAAA,EAAO;IACPX,QAAA,EAAUA,QAAA,IAAY;IACtBY,YAAA,EAAc;MACZC,UAAA,EAAY;QACVV,WAAA,EAAa;QACbW,OAAA,EAAS;QACTP,KAAA,EAAO;QACPQ,IAAA,EAAM;QACNP,IAAA,EAAM;QACNC,OAAA,EAAS;QACTO,KAAA,EAAO;QACPpB,KAAA,EAAO;QACPc,OAAA,EAAS;MACX;MACAO,QAAA,EAAU;IACZ;IACAC,aAAA,EAAenB,KAAA,IAAS;;AAG9B","ignoreList":[]}

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

@@ -13,7 +13,6 @@ type Props = {
     fallbackLang: I18nOptions['fallbackLanguage'];
     language: string;
     languageOptions: LanguageOptions;
-    switchLanguageServerAction: (lang: string) => Promise<void>;
     translations: I18nClient['translations'];
 };
 export declare const TranslationProvider: React.FC<Props>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAEtE,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,0BAA0B,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgE/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,OACvB,gCAAgC,SAAS,MAAM,qFAC0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgE/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,6EACkC,CAAA"}

package/dist/providers/Translation/index.js

@@ -4,8 +4,9 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { importDateFNSLocale, t } from '@payloadcms/translations';
 import { enUS } from 'date-fns/locale/en-US';
-import { useRouter } from 'next/navigation.js';
 import React, { createContext, use, useEffect, useState } from 'react';
+import { useRouter } from '../RouterAdapter/index.js';
+import { useServerFunctions } from '../ServerFunctions/index.js';
 const Context = /*#__PURE__*/createContext({
   // Use `any` here to be replaced later with a more specific type when used
   i18n: {
@@ -28,10 +29,12 @@ export const TranslationProvider = t0 => {
     fallbackLang,
     language,
     languageOptions,
-    switchLanguageServerAction,
     translations
   } = t0;
   const router = useRouter();
+  const {
+    switchLanguage: switchLanguageServerFn
+  } = useServerFunctions();
   const [dateFNS, setDateFNS] = useState();
   let t1;
   if ($[0] !== translations) {
@@ -47,11 +50,11 @@ export const TranslationProvider = t0 => {
   }
   const nextT = t1;
   let t2;
-  if ($[2] !== router || $[3] !== switchLanguageServerAction) {
+  if ($[2] !== router || $[3] !== switchLanguageServerFn) {
     t2 = async lang => {
       ;
       try {
-        await switchLanguageServerAction(lang);
+        await switchLanguageServerFn(lang);
         router.refresh();
       } catch (t3) {
         const error = t3;
@@ -59,7 +62,7 @@ export const TranslationProvider = t0 => {
       }
     };
     $[2] = router;
-    $[3] = switchLanguageServerAction;
+    $[3] = switchLanguageServerFn;
     $[4] = t2;
   } else {
     t2 = $[4];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","useRouter","React","createContext","use","useEffect","useState","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","switchLanguageServerAction","router","setDateFNS","t1","vars","nextT","t2","lang","refresh","t3","error","console","t4","loadDateFNS","imported","t5","_jsx","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  I18nOptions,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport { useRouter } from 'next/navigation.js'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: I18nOptions['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const router = useRouter()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = React.useCallback(\n    (key, vars): string =>\n      t({\n        key,\n        translations,\n        vars,\n      }),\n    [translations],\n  )\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        router.refresh()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, router],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => use<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","React","createContext","use","useEffect","useState","useRouter","useServerFunctions","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","router","switchLanguageServerFn","setDateFNS","t1","vars","nextT","t2","lang","refresh","t3","error","console","t4","loadDateFNS","imported","t5","_jsx","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  I18nOptions,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useRouter } from '../RouterAdapter/index.js'\nimport { useServerFunctions } from '../ServerFunctions/index.js'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: I18nOptions['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  translations,\n}) => {\n  const router = useRouter()\n  const { switchLanguage: switchLanguageServerFn } = useServerFunctions()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = React.useCallback(\n    (key, vars): string =>\n      t({\n        key,\n        translations,\n        vars,\n      }),\n    [translations],\n  )\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerFn(lang)\n        router.refresh()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerFn, router],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => use<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"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","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,qCAAsC,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,GAAI,kCAAkC,wBAAwB,sBAqB7F,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,kBAAwC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/UploadHandlers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAEtB,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,oBAAoB,CAAA;KAAE,KAAK,IAAI,GAAG,aAAa,CAAA;IAC1F,gBAAgB,EAAE,CAAC,IAAI,EAAE;QACvB,cAAc,EAAE,oBAAoB,CAAA;QACpC,OAAO,EAAE,aAAa,CAAA;KACvB,KAAK,OAAO,CAAA;CACd,CAAA;AAID,eAAO,MAAM,sBAAsB;;uBAqBlC,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAQpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/UploadHandlers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;AAEtB,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,oBAAoB,CAAA;KAAE,KAAK,IAAI,GAAG,aAAa,CAAA;IAC1F,gBAAgB,EAAE,CAAC,IAAI,EAAE;QACvB,cAAc,EAAE,oBAAoB,CAAA;QACpC,OAAO,EAAE,aAAa,CAAA;KACvB,KAAK,OAAO,CAAA;CACd,CAAA;AAID,eAAO,MAAM,sBAAsB,GAAI;;CAAY,sBAqBlD,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,qBAQpC,CAAA"}

package/dist/scss/app.scss

@@ -1,6 +1,6 @@
 @layer payload-default, payload;
 
-@import 'styles';
+@import './styles';
 @import './toasts.scss';
 @import './colors.scss';
 @import '../styles.css';
@@ -37,21 +37,21 @@
     --z-modal: 30;
     --z-status: 40;
 
-    --gutter-h: #{base(3)};
+    --gutter-h: var(--spacer-5);
     --spacing-view-bottom: var(--gutter-h);
-    --doc-controls-height: calc(var(--base) * 2.8);
-    --app-header-height: calc(var(--base) * 2.8);
+    --doc-controls-height: calc(var(--text-body-large-line-height) + var(--spacer-4));
     --nav-width: 275px;
-    --nav-trans-time: 150ms;
+
+    @include large-break {
+      --gutter-h: var(--spacer-4);
+    }
 
     @include mid-break {
-      --gutter-h: #{base(2)};
-      --app-header-height: calc(var(--base) * 2.4);
+      --gutter-h: var(--spacer-3);
       --doc-controls-height: calc(var(--base) * 2.4);
     }
 
     @include small-break {
-      --gutter-h: #{base(0.8)};
       --spacing-view-bottom: calc(var(--base) * 2);
       --nav-width: 100vw;
     }

package/dist/scss/styles.scss

@@ -1,9 +1,9 @@
-@import 'vars';
-@import 'z-index';
+@import './vars';
+@import './z-index';
 
 //////////////////////////////
 // IMPORT OVERRIDES
 //////////////////////////////
 
-@import 'queries';
-@import 'svg';
+@import './queries';
+@import './svg';

package/dist/scss/toastify.scss

@@ -1,5 +1,5 @@
-@import 'vars';
-@import 'queries';
+@import './vars';
+@import './queries';
 
 @layer payload-default {
   .Toastify {

package/dist/scss/toasts.scss

@@ -49,7 +49,7 @@
       align-items: center;
       width: 100%;
       border-radius: 4px;
-      border: 1px solid var(--theme-border-color);
+      border: var(--stroke-width-small) solid var(--theme-border-color);
       background: var(--theme-input-bg);
       box-shadow:
         0px 10px 4px -8px rgba(0, 2, 4, 0.02),

package/dist/scss/vars.scss

@@ -132,7 +132,7 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
   @include inputShadow;
   font-family: var(--font-body);
   width: 100%;
-  border: 1px solid var(--theme-elevation-150);
+  border: var(--stroke-width-small) solid var(--theme-elevation-150);
   border-radius: var(--style-radius-s);
   background: var(--theme-input-bg);
   color: var(--theme-elevation-800);
@@ -179,12 +179,12 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
 
 @mixin lightInputError {
   background-color: var(--theme-error-50);
-  border: 1px solid var(--theme-error-500);
+  border: var(--stroke-width-small) solid var(--theme-error-500);
 }
 
 @mixin darkInputError {
   background-color: var(--theme-error-100);
-  border: 1px solid var(--theme-error-400);
+  border: var(--stroke-width-small) solid var(--theme-error-400);
 
   &:hover {
     border-color: var(--theme-error-500);