@payloadcms/ui 3.0.0-beta.9 → 3.0.0-canary.03427d3

package/dist/providers/Theme/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
 const initialContext = {
     autoMode: true,
@@ -6,52 +7,63 @@ const initialContext = {
     theme: 'light'
 };
 const Context = /*#__PURE__*/ createContext(initialContext);
-const localStorageKey = 'payload-theme';
-const getTheme = ()=>{
+function setCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
+    const expires = 'expires=' + d.toUTCString();
+    document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
+}
+const getTheme = (cookieKey)=>{
     let theme;
-    const themeFromStorage = window.localStorage.getItem(localStorageKey);
-    if (themeFromStorage === 'light' || themeFromStorage === 'dark') {
-        theme = themeFromStorage;
+    const themeFromCookies = window.document.cookie.split('; ').find((row)=>row.startsWith(`${cookieKey}=`))?.split('=')[1];
+    if (themeFromCookies === 'light' || themeFromCookies === 'dark') {
+        theme = themeFromCookies;
     } else {
         theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     }
     document.documentElement.setAttribute('data-theme', theme);
     return {
         theme,
-        themeFromStorage
+        themeFromCookies
     };
 };
-const defaultTheme = 'light';
-export const ThemeProvider = ({ children })=>{
-    const [theme, setThemeState] = useState(defaultTheme);
+export const defaultTheme = 'light';
+export const ThemeProvider = ({ children, cookiePrefix, theme: initialTheme })=>{
+    const cookieKey = `${cookiePrefix || 'payload'}-theme`;
+    const [theme, setThemeState] = useState(initialTheme || defaultTheme);
     const [autoMode, setAutoMode] = useState();
     useEffect(()=>{
-        const { theme, themeFromStorage } = getTheme();
+        const { theme, themeFromCookies } = getTheme(cookieKey);
         setThemeState(theme);
-        setAutoMode(!themeFromStorage);
-    }, []);
+        setAutoMode(!themeFromCookies);
+    }, [
+        cookieKey
+    ]);
     const setTheme = useCallback((themeToSet)=>{
         if (themeToSet === 'light' || themeToSet === 'dark') {
             setThemeState(themeToSet);
             setAutoMode(false);
-            window.localStorage.setItem(localStorageKey, themeToSet);
+            setCookie(cookieKey, themeToSet, 365);
             document.documentElement.setAttribute('data-theme', themeToSet);
         } else if (themeToSet === 'auto') {
-            const existingThemeFromStorage = window.localStorage.getItem(localStorageKey);
-            if (existingThemeFromStorage) window.localStorage.removeItem(localStorageKey);
+            // to delete the cookie, we set an expired date
+            setCookie(cookieKey, 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);
         }
-    }, []);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    }, [
+        cookieKey
+    ]);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             autoMode,
             setTheme,
             theme
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useTheme = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nconst localStorageKey = 'payload-theme'\n\nconst getTheme = (): {\n  theme: Theme\n  themeFromStorage: null | string\n} => {\n  let theme: Theme\n  const themeFromStorage = window.localStorage.getItem(localStorageKey)\n\n  if (themeFromStorage === 'light' || themeFromStorage === 'dark') {\n    theme = themeFromStorage\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n  return { theme, themeFromStorage }\n}\n\nconst defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [theme, setThemeState] = useState<Theme>(defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromStorage } = getTheme()\n    setThemeState(theme)\n    setAutoMode(!themeFromStorage)\n  }, [])\n\n  const setTheme = useCallback((themeToSet: 'auto' | Theme) => {\n    if (themeToSet === 'light' || themeToSet === 'dark') {\n      setThemeState(themeToSet)\n      setAutoMode(false)\n      window.localStorage.setItem(localStorageKey, themeToSet)\n      document.documentElement.setAttribute('data-theme', themeToSet)\n    } else if (themeToSet === 'auto') {\n      const existingThemeFromStorage = window.localStorage.getItem(localStorageKey)\n      if (existingThemeFromStorage) window.localStorage.removeItem(localStorageKey)\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\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","localStorageKey","getTheme","themeFromStorage","window","localStorage","getItem","matchMedia","matches","document","documentElement","setAttribute","defaultTheme","ThemeProvider","children","setThemeState","setAutoMode","themeToSet","setItem","existingThemeFromStorage","removeItem","themeFromOS","Provider","value","useTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAU1F,MAAMC,iBAA+B;IACnCC,UAAU;IACVC,UAAU,IAAM;IAChBC,OAAO;AACT;AAEA,MAAMC,wBAAUT,cAAcK;AAE9B,MAAMK,kBAAkB;AAExB,MAAMC,WAAW;IAIf,IAAIH;IACJ,MAAMI,mBAAmBC,OAAOC,YAAY,CAACC,OAAO,CAACL;IAErD,IAAIE,qBAAqB,WAAWA,qBAAqB,QAAQ;QAC/DJ,QAAQI;IACV,OAAO;QACLJ,QACEK,OAAOG,UAAU,IAAIH,OAAOG,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;IACR;IAEAC,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcZ;IACpD,OAAO;QAAEA;QAAOI;IAAiB;AACnC;AAEA,MAAMS,eAAe;AAErB,OAAO,MAAMC,gBAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACf,OAAOgB,cAAc,GAAGpB,SAAgBiB;IAE/C,MAAM,CAACf,UAAUmB,YAAY,GAAGrB;IAEhCD,UAAU;QACR,MAAM,EAAEK,KAAK,EAAEI,gBAAgB,EAAE,GAAGD;QACpCa,cAAchB;QACdiB,YAAY,CAACb;IACf,GAAG,EAAE;IAEL,MAAML,WAAWN,YAAY,CAACyB;QAC5B,IAAIA,eAAe,WAAWA,eAAe,QAAQ;YACnDF,cAAcE;YACdD,YAAY;YACZZ,OAAOC,YAAY,CAACa,OAAO,CAACjB,iBAAiBgB;YAC7CR,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcM;QACtD,OAAO,IAAIA,eAAe,QAAQ;YAChC,MAAME,2BAA2Bf,OAAOC,YAAY,CAACC,OAAO,CAACL;YAC7D,IAAIkB,0BAA0Bf,OAAOC,YAAY,CAACe,UAAU,CAACnB;YAC7D,MAAMoB,cACJjB,OAAOG,UAAU,IAAIH,OAAOG,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;YACNC,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcU;YACpDL,YAAY;YACZD,cAAcM;QAChB;IACF,GAAG,EAAE;IAEL,qBAAO,oBAACrB,QAAQsB,QAAQ;QAACC,OAAO;YAAE1B;YAAUC;YAAUC;QAAM;OAAIe;AAClE,EAAC;AAED,OAAO,MAAMU,WAAW,IAAoB/B,WAAWO,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\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 getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  cookiePrefix?: string\n  theme?: Theme\n}> = ({ children, cookiePrefix, theme: initialTheme }) => {\n  const cookieKey = `${cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, 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    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","getTheme","cookieKey","themeFromCookies","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","defaultTheme","ThemeProvider","children","cookiePrefix","initialTheme","setThemeState","setAutoMode","themeToSet","themeFromOS","Provider","value","useTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAU1F,MAAMC,iBAA+B;IACnCC,UAAU;IACVC,UAAU,IAAM;IAChBC,OAAO;AACT;AAEA,MAAMC,wBAAUT,cAAcK;AAE9B,SAASK,UAAUC,KAAK,EAAEC,MAAM,EAAEC,MAAM;IACtC,MAAMC,IAAI,IAAIC;IACdD,EAAEE,OAAO,CAACF,EAAEG,OAAO,KAAKJ,SAAS,KAAK,KAAK,KAAK;IAChD,MAAMK,UAAU,aAAaJ,EAAEK,WAAW;IAC1CC,SAASC,MAAM,GAAGV,QAAQ,MAAMC,SAAS,MAAMM,UAAU;AAC3D;AAEA,MAAMI,WAAW,CACfC;IAKA,IAAIf;IAEJ,MAAMgB,mBAAmBC,OAAOL,QAAQ,CAACC,MAAM,CAC5CK,KAAK,CAAC,MACNC,IAAI,CAAC,CAACC,MAAQA,IAAIC,UAAU,CAAC,CAAC,EAAEN,UAAU,CAAC,CAAC,IAC3CG,MAAM,IAAI,CAAC,EAAE;IAEjB,IAAIF,qBAAqB,WAAWA,qBAAqB,QAAQ;QAC/DhB,QAAQgB;IACV,OAAO;QACLhB,QACEiB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;IACR;IAEAX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAczB;IAEpD,OAAO;QAAEA;QAAOgB;IAAiB;AACnC;AAEA,OAAO,MAAMU,eAAe,QAAO;AAEnC,OAAO,MAAMC,gBAIR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE7B,OAAO8B,YAAY,EAAE;IACnD,MAAMf,YAAY,CAAC,EAAEc,gBAAgB,UAAU,MAAM,CAAC;IAEtD,MAAM,CAAC7B,OAAO+B,cAAc,GAAGnC,SAAgBkC,gBAAgBJ;IAE/D,MAAM,CAAC5B,UAAUkC,YAAY,GAAGpC;IAEhCD,UAAU;QACR,MAAM,EAAEK,KAAK,EAAEgB,gBAAgB,EAAE,GAAGF,SAASC;QAC7CgB,cAAc/B;QACdgC,YAAY,CAAChB;IACf,GAAG;QAACD;KAAU;IAEd,MAAMhB,WAAWN,YACf,CAACwC;QACC,IAAIA,eAAe,WAAWA,eAAe,QAAQ;YACnDF,cAAcE;YACdD,YAAY;YACZ9B,UAAUa,WAAWkB,YAAY;YACjCrB,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcQ;QACtD,OAAO,IAAIA,eAAe,QAAQ;YAChC,+CAA+C;YAC/C/B,UAAUa,WAAWkB,YAAY,CAAC;YAClC,MAAMC,cACJjB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;YACNX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcS;YACpDF,YAAY;YACZD,cAAcG;QAChB;IACF,GACA;QAACnB;KAAU;IAGb,qBAAO,KAACd,QAAQkC,QAAQ;QAACC,OAAO;YAAEtC;YAAUC;YAAUC;QAAM;kBAAI4B;;AAClE,EAAC;AAED,OAAO,MAAMS,WAAW,IAAoB3C,WAAWO,SAAQ"}

package/dist/providers/ToastContainer/icons/Error.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Error: React.FC;
+//# sourceMappingURL=Error.d.ts.map

package/dist/providers/ToastContainer/icons/Error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAezB,CAAA"}

package/dist/providers/ToastContainer/icons/Error.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const Error = ()=>{
+    return /*#__PURE__*/ _jsxs("svg", {
+        fill: "none",
+        height: "26",
+        viewBox: "0 0 26 26",
+        width: "26",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+                fill: "#FF8C91"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996",
+                stroke: "#2F2F2F",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=Error.js.map

package/dist/providers/ToastContainer/icons/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Error.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Error: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#FF8C91\"\n      />\n      <path\n        d=\"M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996\"\n        stroke=\"#2F2F2F\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Error","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,QAAkB;IAC7B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}

package/dist/providers/ToastContainer/icons/Info.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Info: React.FC;
+//# sourceMappingURL=Info.d.ts.map

package/dist/providers/ToastContainer/icons/Info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAexB,CAAA"}

package/dist/providers/ToastContainer/icons/Info.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const Info = ()=>{
+    return /*#__PURE__*/ _jsxs("svg", {
+        fill: "none",
+        height: "26",
+        viewBox: "0 0 26 26",
+        width: "26",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+                fill: "#C3C3C3"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M13 16.1998V12.9998M13 9.7998H13.0077",
+                stroke: "#2F2F2F",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=Info.js.map

package/dist/providers/ToastContainer/icons/Info.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Info.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Info: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#C3C3C3\"\n      />\n      <path\n        d=\"M13 16.1998V12.9998M13 9.7998H13.0077\"\n        stroke=\"#2F2F2F\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Info","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAAiB;IAC5B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}

package/dist/providers/ToastContainer/icons/Success.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Success: React.FC;
+//# sourceMappingURL=Success.d.ts.map

package/dist/providers/ToastContainer/icons/Success.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Success.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAe3B,CAAA"}

package/dist/providers/ToastContainer/icons/Success.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const Success = ()=>{
+    return /*#__PURE__*/ _jsxs("svg", {
+        fill: "none",
+        height: "26",
+        viewBox: "0 0 26 26",
+        width: "26",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+                fill: "#A0E6C1"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004",
+                stroke: "#2F2F2F",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=Success.js.map

package/dist/providers/ToastContainer/icons/Success.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Success.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Success: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#A0E6C1\"\n      />\n      <path\n        d=\"M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004\"\n        stroke=\"#2F2F2F\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Success","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,UAAoB;IAC/B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}

package/dist/providers/ToastContainer/icons/Warning.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Warning: React.FC;
+//# sourceMappingURL=Warning.d.ts.map

package/dist/providers/ToastContainer/icons/Warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Warning.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Warning.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAe3B,CAAA"}

package/dist/providers/ToastContainer/icons/Warning.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export const Warning = ()=>{
+    return /*#__PURE__*/ _jsxs("svg", {
+        fill: "none",
+        height: "26",
+        viewBox: "0 0 26 26",
+        width: "26",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+                fill: "#E4E694"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M13 10V13.2M13 16.4H13.008",
+                stroke: "black",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=Warning.js.map

package/dist/providers/ToastContainer/icons/Warning.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Warning.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Warning: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#E4E694\"\n      />\n      <path\n        d=\"M13 10V13.2M13 16.4H13.008\"\n        stroke=\"black\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Warning","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,UAAoB;IAC/B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ToastContainer: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA8BlC,CAAA"}

package/dist/providers/ToastContainer/index.js

@@ -0,0 +1,39 @@
+'use client';
+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';
+export const ToastContainer = ()=>{
+    return /*#__PURE__*/ _jsx(Toaster, {
+        className: "payload-toast-container",
+        closeButton: true,
+        // @ts-expect-error
+        dir: "undefined",
+        icons: {
+            error: /*#__PURE__*/ _jsx(Error, {}),
+            info: /*#__PURE__*/ _jsx(Info, {}),
+            success: /*#__PURE__*/ _jsx(Success, {}),
+            warning: /*#__PURE__*/ _jsx(Warning, {})
+        },
+        offset: "36px",
+        toastOptions: {
+            classNames: {
+                closeButton: 'payload-toast-close-button',
+                content: 'toast-content',
+                error: 'toast-error',
+                icon: 'toast-icon',
+                info: 'toast-info',
+                success: 'toast-success',
+                toast: 'payload-toast-item',
+                warning: 'toast-warning'
+            },
+            unstyled: true
+        },
+        visibleToasts: 5
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\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  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error\n      dir=\"undefined\"\n      icons={{\n        error: <Error />,\n        info: <Info />,\n        success: <Success />,\n        warning: <Warning />,\n      }}\n      offset=\"36px\"\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          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={5}\n    />\n  )\n}\n"],"names":["React","Toaster","Error","Info","Success","Warning","ToastContainer","className","closeButton","dir","icons","error","info","success","warning","offset","toastOptions","classNames","content","icon","toast","unstyled","visibleToasts"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AACzB,SAASC,OAAO,QAAQ,SAAQ;AAEhC,SAASC,KAAK,QAAQ,mBAAkB;AACxC,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,SAASC,OAAO,QAAQ,qBAAoB;AAE5C,OAAO,MAAMC,iBAA2B;IACtC,qBACE,KAACL;QACCM,WAAU;QACVC,WAAW;QACX,mBAAmB;QACnBC,KAAI;QACJC,OAAO;YACLC,qBAAO,KAACT;YACRU,oBAAM,KAACT;YACPU,uBAAS,KAACT;YACVU,uBAAS,KAACT;QACZ;QACAU,QAAO;QACPC,cAAc;YACZC,YAAY;gBACVT,aAAa;gBACbU,SAAS;gBACTP,OAAO;gBACPQ,MAAM;gBACNP,MAAM;gBACNC,SAAS;gBACTO,OAAO;gBACPN,SAAS;YACX;YACAO,UAAU;QACZ;QACAC,eAAe;;AAGrB,EAAC"}

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

@@ -1,10 +1,12 @@
-import type { I18n, Language } from '@payloadcms/translations';
-import type { ClientConfig } from 'payload/types';
+import type { AcceptedLanguages, ClientTranslationKeys, ClientTranslationsObject, I18nClient, Language, TFunction } from '@payloadcms/translations';
+import type { ClientConfig, LanguageOptions } from 'payload';
 import React from 'react';
-export type LanguageOptions = {
-    label: string;
-    value: string;
-}[];
+type ContextType<TAdditionalTranslations = {}, TAdditionalClientTranslationKeys extends string = never> = {
+    i18n: [TAdditionalClientTranslationKeys] extends [never] ? I18nClient : TAdditionalTranslations extends object ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys> : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>;
+    languageOptions: LanguageOptions;
+    switchLanguage?: (lang: AcceptedLanguages) => Promise<void>;
+    t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>;
+};
 type Props = {
     children: React.ReactNode;
     dateFNSKey: Language['dateFNSKey'];
@@ -12,14 +14,9 @@ type Props = {
     language: string;
     languageOptions: LanguageOptions;
     switchLanguageServerAction: (lang: string) => Promise<void>;
-    translations: Language['translations'];
+    translations: I18nClient['translations'];
 };
 export declare const TranslationProvider: React.FC<Props>;
-export declare const useTranslation: () => {
-    i18n: I18n;
-    languageOptions: LanguageOptions;
-    switchLanguage?: (lang: string) => Promise<void>;
-    t: (key: string, vars?: Record<string, any>) => string;
-};
+export declare const useTranslation: <TAdditionalTranslations = {}, TAdditionalClientTranslationKeys extends string = never>() => ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,EAAE,CAAA;AAqBH,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,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,QAAQ,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6D/C,CAAA;AAED,eAAO,MAAM,cAAc;UA3FnB,IAAI;;qBAEO,CAAC,IAAI,EAAE,MAAM,KAAK,QAAQ,IAAI,CAAC;OAC7C,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM;CAwFD,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,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI5D,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E,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,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,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,CA6D/C,CAAA;AAED,eAAO,MAAM,cAAc,qKAGuE,CAAA"}

package/dist/providers/Translation/index.js

@@ -1,10 +1,11 @@
 'use client';
-import { t } from '@payloadcms/translations';
-import { importDateFNSLocale } from '@payloadcms/translations';
-import enUS from 'date-fns/locale/en-US';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { importDateFNSLocale, t } from '@payloadcms/translations';
+import { enUS } from 'date-fns/locale/en-US';
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { useRouteCache } from '../RouteCache/index.js';
 const Context = /*#__PURE__*/ createContext({
+    // Use `any` here to be replaced later with a more specific type when used
     i18n: {
         dateFNS: enUS,
         dateFNSKey: 'en-US',
@@ -15,7 +16,7 @@ const Context = /*#__PURE__*/ createContext({
     },
     languageOptions: undefined,
     switchLanguage: undefined,
-    t: (key)=>key
+    t: (key)=>undefined
 });
 export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, language, languageOptions, switchLanguageServerAction, translations })=>{
     const { clearRouteCache } = useRouteCache();
@@ -46,7 +47,7 @@ export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, langua
     }, [
         dateFNSKey
     ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             i18n: {
                 dateFNS,
@@ -59,8 +60,9 @@ export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, langua
             languageOptions,
             switchLanguage,
             t: nextT
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useTranslation = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type { I18n, Language } from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig } from 'payload/types'\n\nimport { t } from '@payloadcms/translations'\nimport { importDateFNSLocale } from '@payloadcms/translations'\nimport enUS from 'date-fns/locale/en-US'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useRouteCache } from '../RouteCache/index.js'\n\nexport type LanguageOptions = {\n  label: string\n  value: string\n}[]\n\nconst Context = createContext<{\n  i18n: I18n\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: string) => Promise<void>\n  t: (key: string, vars?: Record<string, any>) => string\n}>({\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {},\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => key,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: Language['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 { clearRouteCache } = useRouteCache()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT = (key: string, vars?: Record<string, unknown>): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        clearRouteCache()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, clearRouteCache],\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.Provider\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.Provider>\n  )\n}\n\nexport const useTranslation = () => useContext(Context)\n"],"names":["t","importDateFNSLocale","enUS","React","createContext","useContext","useEffect","useState","useRouteCache","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","children","fallbackLang","switchLanguageServerAction","clearRouteCache","setDateFNS","nextT","vars","useCallback","lang","error","console","loadDateFNS","imported","Provider","value","useTranslation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAKA,SAASA,CAAC,QAAQ,2BAA0B;AAC5C,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,OAAOC,UAAU,wBAAuB;AACxC,OAAOC,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE7E,SAASC,aAAa,QAAQ,yBAAwB;AAOtD,MAAMC,wBAAUL,cAKb;IACDM,MAAM;QACJC,SAAST;QACTU,YAAY;QACZC,kBAAkB;QAClBC,UAAU;QACVd,GAAG,CAACe,MAAQA;QACZC,cAAc,CAAC;IACjB;IACAC,iBAAiBC;IACjBC,gBAAgBD;IAChBlB,GAAG,CAACe,MAAQA;AACd;AAYA,OAAO,MAAMK,sBAAuC,CAAC,EACnDC,QAAQ,EACRT,UAAU,EACVU,YAAY,EACZR,QAAQ,EACRG,eAAe,EACfM,0BAA0B,EAC1BP,YAAY,EACb;IACC,MAAM,EAAEQ,eAAe,EAAE,GAAGhB;IAC5B,MAAM,CAACG,SAASc,WAAW,GAAGlB;IAE9B,MAAMmB,QAAQ,CAACX,KAAaY,OAC1B3B,EAAE;YACAe;YACAC;YACAW;QACF;IAEF,MAAMR,iBAAiBhB,MAAMyB,WAAW,CACtC,OAAOC;QACL,IAAI;YACF,MAAMN,2BAA2BM;YACjCL;QACF,EAAE,OAAOM,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,CAAC,yBAAyB,EAAED,KAAK,CAAC,CAAC,EAAEC;QACrD;IACF,GACA;QAACP;QAA4BC;KAAgB;IAG/ClB,UAAU;QACR,MAAM0B,cAAc;YAClB,MAAMC,WAAW,MAAMhC,oBAAoBW;YAE3Ca,WAAWQ;QACb;QAEA,KAAKD;IACP,GAAG;QAACpB;KAAW;IAEf,qBACE,oBAACH,QAAQyB,QAAQ;QACfC,OAAO;YACLzB,MAAM;gBACJC;gBACAC;gBACAC,kBAAkBS;gBAClBR;gBACAd,GAAG0B;gBACHV;YACF;YACAC;YACAE;YACAnB,GAAG0B;QACL;OAECL;AAGP,EAAC;AAED,OAAO,MAAMe,iBAAiB,IAAM/B,WAAWI,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig, LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useRouteCache } from '../RouteCache/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: ClientConfig['i18n']['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 { clearRouteCache } = useRouteCache()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = (key, vars): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        clearRouteCache()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, clearRouteCache],\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.Provider\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.Provider>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => useContext<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"names":["importDateFNSLocale","t","enUS","React","createContext","useContext","useEffect","useState","useRouteCache","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","children","fallbackLang","switchLanguageServerAction","clearRouteCache","setDateFNS","nextT","vars","useCallback","lang","error","console","loadDateFNS","imported","Provider","value","useTranslation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAYA,SAASA,mBAAmB,EAAEC,CAAC,QAAQ,2BAA0B;AACjE,SAASC,IAAI,QAAQ,wBAAuB;AAC5C,OAAOC,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE7E,SAASC,aAAa,QAAQ,yBAAwB;AAgBtD,MAAMC,wBAAUL,cAAqC;IACnD,0EAA0E;IAC1EM,MAAM;QACJC,SAAST;QACTU,YAAY;QACZC,kBAAkB;QAClBC,UAAU;QACVb,GAAG,CAACc,MAAQA;QACZC,cAAc,CAAC;IACjB;IACAC,iBAAiBC;IACjBC,gBAAgBD;IAChBjB,GAAG,CAACc,MAAQG;AACd;AAYA,OAAO,MAAME,sBAAuC,CAAC,EACnDC,QAAQ,EACRT,UAAU,EACVU,YAAY,EACZR,QAAQ,EACRG,eAAe,EACfM,0BAA0B,EAC1BP,YAAY,EACb;IACC,MAAM,EAAEQ,eAAe,EAAE,GAAGhB;IAC5B,MAAM,CAACG,SAASc,WAAW,GAAGlB;IAE9B,MAAMmB,QAA0B,CAACX,KAAKY,OACpC1B,EAAE;YACAc;YACAC;YACAW;QACF;IAEF,MAAMR,iBAAiBhB,MAAMyB,WAAW,CACtC,OAAOC;QACL,IAAI;YACF,MAAMN,2BAA2BM;YACjCL;QACF,EAAE,OAAOM,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,CAAC,yBAAyB,EAAED,KAAK,CAAC,CAAC,EAAEC;QACrD;IACF,GACA;QAACP;QAA4BC;KAAgB;IAG/ClB,UAAU;QACR,MAAM0B,cAAc;YAClB,MAAMC,WAAW,MAAMjC,oBAAoBY;YAE3Ca,WAAWQ;QACb;QAEA,KAAKD;IACP,GAAG;QAACpB;KAAW;IAEf,qBACE,KAACH,QAAQyB,QAAQ;QACfC,OAAO;YACLzB,MAAM;gBACJC;gBACAC;gBACAC,kBAAkBS;gBAClBR;gBACAb,GAAGyB;gBACHV;YACF;YACAC;YACAE;YACAlB,GAAGyB;QACL;kBAECL;;AAGP,EAAC;AAED,OAAO,MAAMe,iBAAiB,IAGvB/B,WAAmFI,SAAQ"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" resolution-mode="require"/>
+declare const WindowInfoProvider: import("react").FC<import("@faceless-ui/window-info/dist/WindowInfoProvider/index.js").WindowInfoProviderProps>;
+declare const useWindowInfo: () => import("@faceless-ui/window-info/dist/WindowInfoProvider/context.js").IWindowInfoContext;
+export { WindowInfoProvider, useWindowInfo };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/WindowInfo/index.tsx"],"names":[],"mappings":";AACA,QAAA,MAAQ,kBAAkB,iHAGa,CAAA;AACvC,QAAA,MAAQ,aAAa,gGAGa,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA"}

package/dist/providers/WindowInfo/index.js

@@ -0,0 +1,10 @@
+import * as facelessUIImport from '@faceless-ui/window-info';
+const { WindowInfoProvider } = facelessUIImport && 'WindowInfoProvider' in facelessUIImport ? facelessUIImport : {
+    WindowInfoProvider: undefined
+};
+const { useWindowInfo } = facelessUIImport && 'useWindowInfo' in facelessUIImport ? facelessUIImport : {
+    useWindowInfo: undefined
+};
+export { WindowInfoProvider, useWindowInfo };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/providers/WindowInfo/index.tsx"],"sourcesContent":["import * as facelessUIImport from '@faceless-ui/window-info'\nconst { WindowInfoProvider } =\n  facelessUIImport && 'WindowInfoProvider' in facelessUIImport\n    ? facelessUIImport\n    : { WindowInfoProvider: undefined }\nconst { useWindowInfo } =\n  facelessUIImport && 'useWindowInfo' in facelessUIImport\n    ? facelessUIImport\n    : { useWindowInfo: undefined }\nexport { WindowInfoProvider, useWindowInfo }\n"],"names":["facelessUIImport","WindowInfoProvider","undefined","useWindowInfo"],"rangeMappings":";;;;;;;","mappings":"AAAA,YAAYA,sBAAsB,2BAA0B;AAC5D,MAAM,EAAEC,kBAAkB,EAAE,GAC1BD,oBAAoB,wBAAwBA,mBACxCA,mBACA;IAAEC,oBAAoBC;AAAU;AACtC,MAAM,EAAEC,aAAa,EAAE,GACrBH,oBAAoB,mBAAmBA,mBACnCA,mBACA;IAAEG,eAAeD;AAAU;AACjC,SAASD,kBAAkB,EAAEE,aAAa,GAAE"}

package/dist/scss/app.scss

@@ -1,5 +1,5 @@
 @import 'styles';
-@import './toastify.scss';
+@import './toasts.scss';
 @import './colors.scss';
 
 :root {
@@ -67,12 +67,6 @@ html {
   @extend %body;
   background: var(--theme-bg);
   -webkit-font-smoothing: antialiased;
-  opacity: 0;
-
-  &[data-theme='dark'],
-  &[data-theme='light'] {
-    opacity: initial;
-  }
 
   &[data-theme='dark'] {
     --theme-bg: var(--theme-elevation-0);

package/dist/scss/toastify.scss

@@ -1,4 +1,5 @@
 @import 'vars';
+@import 'queries';
 
 .Toastify {
   .Toastify__toast-container {

package/dist/scss/toasts.scss

@@ -0,0 +1,111 @@
+.payload-toast-container {
+  .payload-toast-close-button {
+    left: unset;
+    right: 0.5rem;
+    top: 1.55rem;
+    color: var(--theme-elevation-400);
+    background: unset;
+    border: none;
+    display: flex;
+    width: 1.25rem;
+    height: 1.25rem;
+    justify-content: center;
+    align-items: center;
+
+    &:hover {
+      background: none;
+    }
+
+    svg {
+      width: 2rem;
+      height: 2rem;
+    }
+
+    [dir='RTL'] & {
+      right: unset;
+      left: 0.5rem;
+    }
+  }
+
+  .payload-toast-item {
+    padding: 1rem 2.5rem 1rem 1rem;
+    color: var(--theme-text);
+    font-style: normal;
+    font-weight: 600;
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+    width: 100%;
+    border-radius: 0.15rem;
+    border: 1px solid var(--theme-border-color);
+    background: var(--theme-input-bg);
+    box-shadow:
+      0px 10px 4px -8px rgba(0, 2, 4, 0.02),
+      0px 2px 3px 0px rgba(0, 2, 4, 0.05);
+
+    .toast-content {
+      transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    }
+
+    &[data-front='false'] {
+      .toast-content {
+        opacity: 0;
+      }
+    }
+
+    &[data-expanded='true'] {
+      .toast-content {
+        opacity: 1;
+      }
+    }
+
+    .toast-icon {
+      svg {
+        width: 2.4rem;
+        height: 2.4rem;
+      }
+    }
+
+    &.toast-warning {
+      border-color: var(--theme-warning-200);
+      background-color: var(--theme-warning-100);
+    }
+
+    &.toast-error {
+      border-color: var(--theme-error-300);
+      background-color: var(--theme-error-150);
+    }
+
+    &.toast-success {
+      border-color: var(--theme-success-200);
+      background-color: var(--theme-success-100);
+    }
+
+    &.toast-info {
+      border-color: var(--theme-elevation-250);
+      background-color: var(--theme-elevation-100);
+    }
+
+    [data-theme='light'] & {
+      &.toast-warning {
+        border-color: var(--theme-warning-550);
+        background-color: var(--theme-warning-100);
+      }
+
+      &.toast-error {
+        border-color: var(--theme-error-200);
+        background-color: var(--theme-error-50);
+      }
+
+      &.toast-success {
+        border-color: var(--theme-success-550);
+        background-color: var(--theme-success-50);
+      }
+
+      &.toast-info {
+        border-color: var(--theme-border-color);
+        background-color: var(--theme-elevation-50);
+      }
+    }
+  }
+}