@payloadcms/ui 3.0.0-canary.92e4997 → 3.0.0-canary.f1db24e

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

@@ -1,8 +1,8 @@
-import type { Language } from '@payloadcms/translations';
-import type { ClientConfig } from 'payload/types';
+import type { I18nClient, Language } from '@payloadcms/translations';
+import type { ClientConfig, LanguageOptions } from 'payload/types';
 import React from 'react';
 import type { ComponentMap } from '../ComponentMap/buildComponentMap/types.js';
-import type { LanguageOptions } from '../Translation/index.js';
+import type { Theme } from '../Theme/index.js';
 type Props = {
     children: React.ReactNode;
     componentMap: ComponentMap;
@@ -12,7 +12,8 @@ type Props = {
     languageCode: string;
     languageOptions: LanguageOptions;
     switchLanguageServerAction?: (lang: string) => Promise<void>;
-    translations: Language['translations'];
+    theme: Theme;
+    translations: I18nClient['translations'];
 };
 export declare const RootProvider: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Root/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAMjD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAoB9D,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;IAC1B,MAAM,EAAE,YAAY,CAAA;IACpB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,0BAA0B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5D,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8ExC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Root/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAKlE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAC9E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAqB9C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;IAC1B,MAAM,EAAE,YAAY,CAAA;IACpB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACtD,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,0BAA0B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5D,KAAK,EAAE,KAAK,CAAA;IACZ,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+ExC,CAAA"}

package/dist/providers/Root/index.js

@@ -1,12 +1,13 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as facelessUIImport from '@faceless-ui/modal';
 import * as facelessUIImport3 from '@faceless-ui/scroll-info';
 import * as facelessUIImport2 from '@faceless-ui/window-info';
-import { StayLoggedInModal } from '@payloadcms/ui/elements/StayLoggedIn';
 import React, { Fragment } from 'react';
 import { Slide, ToastContainer } from 'react-toastify';
 import { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js';
 import { NavProvider } from '../../elements/Nav/context.js';
+import { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js';
 import { StepNavProvider } from '../../elements/StepNav/index.js';
 import { ActionsProvider } from '../Actions/index.js';
 import { AuthProvider } from '../Auth/index.js';
@@ -22,7 +23,7 @@ import { RouteCache } from '../RouteCache/index.js';
 import { SearchParamsProvider } from '../SearchParams/index.js';
 import { ThemeProvider } from '../Theme/index.js';
 import { TranslationProvider } from '../Translation/index.js';
-export const RootProvider = ({ children, componentMap, config, dateFNSKey, fallbackLang, languageCode, languageOptions, switchLanguageServerAction, translations })=>{
+export const RootProvider = ({ children, componentMap, config, dateFNSKey, fallbackLang, languageCode, languageOptions, switchLanguageServerAction, theme, translations })=>{
     const { ModalContainer, ModalProvider } = facelessUIImport || {
         ModalContainer: React.Fragment,
         ModalProvider: React.Fragment
@@ -33,33 +34,79 @@ export const RootProvider = ({ children, componentMap, config, dateFNSKey, fallb
     const { ScrollInfoProvider } = facelessUIImport3 || {
         ScrollInfoProvider: React.Fragment
     };
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(RouteCache, null, /*#__PURE__*/ React.createElement(ConfigProvider, {
-        config: config
-    }, /*#__PURE__*/ React.createElement(ComponentMapProvider, {
-        componentMap: componentMap
-    }, /*#__PURE__*/ React.createElement(FieldComponentsProvider, null, /*#__PURE__*/ React.createElement(ClientFunctionProvider, null, /*#__PURE__*/ React.createElement(TranslationProvider, {
-        dateFNSKey: dateFNSKey,
-        fallbackLang: fallbackLang,
-        language: languageCode,
-        languageOptions: languageOptions,
-        switchLanguageServerAction: switchLanguageServerAction,
-        translations: translations
-    }, /*#__PURE__*/ React.createElement(WindowInfoProvider, {
-        breakpoints: {
-            l: '(max-width: 1440px)',
-            m: '(max-width: 1024px)',
-            s: '(max-width: 768px)',
-            xs: '(max-width: 400px)'
-        }
-    }, /*#__PURE__*/ React.createElement(ScrollInfoProvider, null, /*#__PURE__*/ React.createElement(SearchParamsProvider, null, /*#__PURE__*/ React.createElement(ModalProvider, {
-        classPrefix: "payload",
-        transTime: 0,
-        zIndex: "var(--z-modal)"
-    }, /*#__PURE__*/ React.createElement(AuthProvider, null, /*#__PURE__*/ React.createElement(PreferencesProvider, null, /*#__PURE__*/ React.createElement(ThemeProvider, null, /*#__PURE__*/ React.createElement(ParamsProvider, null, /*#__PURE__*/ React.createElement(LocaleProvider, null, /*#__PURE__*/ React.createElement(StepNavProvider, null, /*#__PURE__*/ React.createElement(LoadingOverlayProvider, null, /*#__PURE__*/ React.createElement(DocumentEventsProvider, null, /*#__PURE__*/ React.createElement(ActionsProvider, null, /*#__PURE__*/ React.createElement(NavProvider, null, children))))))))), /*#__PURE__*/ React.createElement(ModalContainer, null), /*#__PURE__*/ React.createElement(StayLoggedInModal, null)))))))))))), /*#__PURE__*/ React.createElement(ToastContainer, {
-        icon: false,
-        position: "bottom-center",
-        transition: Slide
-    }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(RouteCache, {
+                children: /*#__PURE__*/ _jsx(ConfigProvider, {
+                    config: config,
+                    children: /*#__PURE__*/ _jsx(ComponentMapProvider, {
+                        componentMap: componentMap,
+                        children: /*#__PURE__*/ _jsx(FieldComponentsProvider, {
+                            children: /*#__PURE__*/ _jsx(ClientFunctionProvider, {
+                                children: /*#__PURE__*/ _jsx(TranslationProvider, {
+                                    dateFNSKey: dateFNSKey,
+                                    fallbackLang: fallbackLang,
+                                    language: languageCode,
+                                    languageOptions: languageOptions,
+                                    switchLanguageServerAction: switchLanguageServerAction,
+                                    translations: translations,
+                                    children: /*#__PURE__*/ _jsx(WindowInfoProvider, {
+                                        breakpoints: {
+                                            l: '(max-width: 1440px)',
+                                            m: '(max-width: 1024px)',
+                                            s: '(max-width: 768px)',
+                                            xs: '(max-width: 400px)'
+                                        },
+                                        children: /*#__PURE__*/ _jsx(ScrollInfoProvider, {
+                                            children: /*#__PURE__*/ _jsx(SearchParamsProvider, {
+                                                children: /*#__PURE__*/ _jsx(ModalProvider, {
+                                                    classPrefix: "payload",
+                                                    transTime: 0,
+                                                    zIndex: "var(--z-modal)",
+                                                    children: /*#__PURE__*/ _jsxs(AuthProvider, {
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(PreferencesProvider, {
+                                                                children: /*#__PURE__*/ _jsx(ThemeProvider, {
+                                                                    cookiePrefix: config.cookiePrefix,
+                                                                    theme: theme,
+                                                                    children: /*#__PURE__*/ _jsx(ParamsProvider, {
+                                                                        children: /*#__PURE__*/ _jsx(LocaleProvider, {
+                                                                            children: /*#__PURE__*/ _jsx(StepNavProvider, {
+                                                                                children: /*#__PURE__*/ _jsx(LoadingOverlayProvider, {
+                                                                                    children: /*#__PURE__*/ _jsx(DocumentEventsProvider, {
+                                                                                        children: /*#__PURE__*/ _jsx(ActionsProvider, {
+                                                                                            children: /*#__PURE__*/ _jsx(NavProvider, {
+                                                                                                children: children
+                                                                                            })
+                                                                                        })
+                                                                                    })
+                                                                                })
+                                                                            })
+                                                                        })
+                                                                    })
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(ModalContainer, {}),
+                                                            /*#__PURE__*/ _jsx(StayLoggedInModal, {})
+                                                        ]
+                                                    })
+                                                })
+                                            })
+                                        })
+                                    })
+                                })
+                            })
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(ToastContainer, {
+                icon: false,
+                position: "bottom-center",
+                transition: Slide
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { Language } from '@payloadcms/translations'\nimport type { ClientConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport * as facelessUIImport3 from '@faceless-ui/scroll-info'\nimport * as facelessUIImport2 from '@faceless-ui/window-info'\nimport { StayLoggedInModal } from '@payloadcms/ui/elements/StayLoggedIn'\nimport React, { Fragment } from 'react'\nimport { Slide, ToastContainer } from 'react-toastify'\n\nimport type { ComponentMap } from '../ComponentMap/buildComponentMap/types.js'\nimport type { LanguageOptions } from '../Translation/index.js'\n\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { ActionsProvider } from '../Actions/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ComponentMapProvider } from '../ComponentMap/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { FieldComponentsProvider } from '../FieldComponents/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { ParamsProvider } from '../Params/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { SearchParamsProvider } from '../SearchParams/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\n\ntype Props = {\n  children: React.ReactNode\n  componentMap: ComponentMap\n  config: ClientConfig\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  languageCode: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction?: (lang: string) => Promise<void>\n  translations: Language['translations']\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  componentMap,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  languageCode,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const { ModalContainer, ModalProvider } = facelessUIImport || {\n    ModalContainer: React.Fragment,\n    ModalProvider: React.Fragment,\n  }\n  const { WindowInfoProvider } = facelessUIImport2 || { WindowInfoProvider: React.Fragment }\n  const { ScrollInfoProvider } = facelessUIImport3 || { ScrollInfoProvider: React.Fragment }\n\n  return (\n    <Fragment>\n      <RouteCache>\n        <ConfigProvider config={config}>\n          <ComponentMapProvider componentMap={componentMap}>\n            <FieldComponentsProvider>\n              <ClientFunctionProvider>\n                <TranslationProvider\n                  dateFNSKey={dateFNSKey}\n                  fallbackLang={fallbackLang}\n                  language={languageCode}\n                  languageOptions={languageOptions}\n                  switchLanguageServerAction={switchLanguageServerAction}\n                  translations={translations}\n                >\n                  <WindowInfoProvider\n                    breakpoints={{\n                      l: '(max-width: 1440px)',\n                      m: '(max-width: 1024px)',\n                      s: '(max-width: 768px)',\n                      xs: '(max-width: 400px)',\n                    }}\n                  >\n                    <ScrollInfoProvider>\n                      <SearchParamsProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <AuthProvider>\n                            <PreferencesProvider>\n                              <ThemeProvider>\n                                <ParamsProvider>\n                                  <LocaleProvider>\n                                    <StepNavProvider>\n                                      <LoadingOverlayProvider>\n                                        <DocumentEventsProvider>\n                                          <ActionsProvider>\n                                            <NavProvider>{children}</NavProvider>\n                                          </ActionsProvider>\n                                        </DocumentEventsProvider>\n                                      </LoadingOverlayProvider>\n                                    </StepNavProvider>\n                                  </LocaleProvider>\n                                </ParamsProvider>\n                              </ThemeProvider>\n                            </PreferencesProvider>\n                            <ModalContainer />\n                            <StayLoggedInModal />\n                          </AuthProvider>\n                        </ModalProvider>\n                      </SearchParamsProvider>\n                    </ScrollInfoProvider>\n                  </WindowInfoProvider>\n                </TranslationProvider>\n              </ClientFunctionProvider>\n            </FieldComponentsProvider>\n          </ComponentMapProvider>\n        </ConfigProvider>\n      </RouteCache>\n      <ToastContainer icon={false} position=\"bottom-center\" transition={Slide} />\n    </Fragment>\n  )\n}\n"],"names":["facelessUIImport","facelessUIImport3","facelessUIImport2","StayLoggedInModal","React","Fragment","Slide","ToastContainer","LoadingOverlayProvider","NavProvider","StepNavProvider","ActionsProvider","AuthProvider","ClientFunctionProvider","ComponentMapProvider","ConfigProvider","DocumentEventsProvider","FieldComponentsProvider","LocaleProvider","ParamsProvider","PreferencesProvider","RouteCache","SearchParamsProvider","ThemeProvider","TranslationProvider","RootProvider","children","componentMap","config","dateFNSKey","fallbackLang","languageCode","languageOptions","switchLanguageServerAction","translations","ModalContainer","ModalProvider","WindowInfoProvider","ScrollInfoProvider","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","icon","position","transition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,YAAYA,sBAAsB,qBAAoB;AACtD,YAAYC,uBAAuB,2BAA0B;AAC7D,YAAYC,uBAAuB,2BAA0B;AAC7D,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AACvC,SAASC,KAAK,EAAEC,cAAc,QAAQ,iBAAgB;AAKtD,SAASC,sBAAsB,QAAQ,yCAAwC;AAC/E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SAASC,eAAe,QAAQ,sBAAqB;AACrD,SAASC,YAAY,QAAQ,mBAAkB;AAC/C,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,oBAAoB,QAAQ,2BAA0B;AAC/D,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,uBAAuB,QAAQ,8BAA6B;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,mBAAmB,QAAQ,0BAAyB;AAC7D,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,oBAAoB,QAAQ,2BAA0B;AAC/D,SAASC,aAAa,QAAQ,oBAAmB;AACjD,SAASC,mBAAmB,QAAQ,0BAAyB;AAc7D,OAAO,MAAMC,eAAgC,CAAC,EAC5CC,QAAQ,EACRC,YAAY,EACZC,MAAM,EACNC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,0BAA0B,EAC1BC,YAAY,EACb;IACC,MAAM,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAGpC,oBAAoB;QAC5DmC,gBAAgB/B,MAAMC,QAAQ;QAC9B+B,eAAehC,MAAMC,QAAQ;IAC/B;IACA,MAAM,EAAEgC,kBAAkB,EAAE,GAAGnC,qBAAqB;QAAEmC,oBAAoBjC,MAAMC,QAAQ;IAAC;IACzF,MAAM,EAAEiC,kBAAkB,EAAE,GAAGrC,qBAAqB;QAAEqC,oBAAoBlC,MAAMC,QAAQ;IAAC;IAEzF,qBACE,oBAACA,8BACC,oBAACgB,gCACC,oBAACN;QAAea,QAAQA;qBACtB,oBAACd;QAAqBa,cAAcA;qBAClC,oBAACV,6CACC,oBAACJ,4CACC,oBAACW;QACCK,YAAYA;QACZC,cAAcA;QACdS,UAAUR;QACVC,iBAAiBA;QACjBC,4BAA4BA;QAC5BC,cAAcA;qBAEd,oBAACG;QACCG,aAAa;YACXC,GAAG;YACHC,GAAG;YACHC,GAAG;YACHC,IAAI;QACN;qBAEA,oBAACN,wCACC,oBAAChB,0CACC,oBAACc;QAAcS,aAAY;QAAUC,WAAW;QAAGC,QAAO;qBACxD,oBAACnC,kCACC,oBAACQ,yCACC,oBAACG,mCACC,oBAACJ,oCACC,oBAACD,oCACC,oBAACR,qCACC,oBAACF,4CACC,oBAACQ,4CACC,oBAACL,qCACC,oBAACF,mBAAaiB,iCAS9B,oBAACS,qCACD,oBAAChC,mDAYvB,oBAACI;QAAeyC,MAAM;QAAOC,UAAS;QAAgBC,YAAY5C;;AAGxE,EAAC"}
+{"version":3,"sources":["../../../src/providers/Root/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient, Language } from '@payloadcms/translations'\nimport type { ClientConfig, LanguageOptions } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport * as facelessUIImport3 from '@faceless-ui/scroll-info'\nimport * as facelessUIImport2 from '@faceless-ui/window-info'\nimport React, { Fragment } from 'react'\nimport { Slide, ToastContainer } from 'react-toastify'\n\nimport type { ComponentMap } from '../ComponentMap/buildComponentMap/types.js'\nimport type { Theme } from '../Theme/index.js'\n\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { ActionsProvider } from '../Actions/index.js'\nimport { AuthProvider } from '../Auth/index.js'\nimport { ClientFunctionProvider } from '../ClientFunction/index.js'\nimport { ComponentMapProvider } from '../ComponentMap/index.js'\nimport { ConfigProvider } from '../Config/index.js'\nimport { DocumentEventsProvider } from '../DocumentEvents/index.js'\nimport { FieldComponentsProvider } from '../FieldComponents/index.js'\nimport { LocaleProvider } from '../Locale/index.js'\nimport { ParamsProvider } from '../Params/index.js'\nimport { PreferencesProvider } from '../Preferences/index.js'\nimport { RouteCache } from '../RouteCache/index.js'\nimport { SearchParamsProvider } from '../SearchParams/index.js'\nimport { ThemeProvider } from '../Theme/index.js'\nimport { TranslationProvider } from '../Translation/index.js'\n\ntype Props = {\n  children: React.ReactNode\n  componentMap: ComponentMap\n  config: ClientConfig\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  languageCode: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction?: (lang: string) => Promise<void>\n  theme: Theme\n  translations: I18nClient['translations']\n}\n\nexport const RootProvider: React.FC<Props> = ({\n  children,\n  componentMap,\n  config,\n  dateFNSKey,\n  fallbackLang,\n  languageCode,\n  languageOptions,\n  switchLanguageServerAction,\n  theme,\n  translations,\n}) => {\n  const { ModalContainer, ModalProvider } = facelessUIImport || {\n    ModalContainer: React.Fragment,\n    ModalProvider: React.Fragment,\n  }\n  const { WindowInfoProvider } = facelessUIImport2 || { WindowInfoProvider: React.Fragment }\n  const { ScrollInfoProvider } = facelessUIImport3 || { ScrollInfoProvider: React.Fragment }\n\n  return (\n    <Fragment>\n      <RouteCache>\n        <ConfigProvider config={config}>\n          <ComponentMapProvider componentMap={componentMap}>\n            <FieldComponentsProvider>\n              <ClientFunctionProvider>\n                <TranslationProvider\n                  dateFNSKey={dateFNSKey}\n                  fallbackLang={fallbackLang}\n                  language={languageCode}\n                  languageOptions={languageOptions}\n                  switchLanguageServerAction={switchLanguageServerAction}\n                  translations={translations}\n                >\n                  <WindowInfoProvider\n                    breakpoints={{\n                      l: '(max-width: 1440px)',\n                      m: '(max-width: 1024px)',\n                      s: '(max-width: 768px)',\n                      xs: '(max-width: 400px)',\n                    }}\n                  >\n                    <ScrollInfoProvider>\n                      <SearchParamsProvider>\n                        <ModalProvider classPrefix=\"payload\" transTime={0} zIndex=\"var(--z-modal)\">\n                          <AuthProvider>\n                            <PreferencesProvider>\n                              <ThemeProvider cookiePrefix={config.cookiePrefix} theme={theme}>\n                                <ParamsProvider>\n                                  <LocaleProvider>\n                                    <StepNavProvider>\n                                      <LoadingOverlayProvider>\n                                        <DocumentEventsProvider>\n                                          <ActionsProvider>\n                                            <NavProvider>{children}</NavProvider>\n                                          </ActionsProvider>\n                                        </DocumentEventsProvider>\n                                      </LoadingOverlayProvider>\n                                    </StepNavProvider>\n                                  </LocaleProvider>\n                                </ParamsProvider>\n                              </ThemeProvider>\n                            </PreferencesProvider>\n                            <ModalContainer />\n                            <StayLoggedInModal />\n                          </AuthProvider>\n                        </ModalProvider>\n                      </SearchParamsProvider>\n                    </ScrollInfoProvider>\n                  </WindowInfoProvider>\n                </TranslationProvider>\n              </ClientFunctionProvider>\n            </FieldComponentsProvider>\n          </ComponentMapProvider>\n        </ConfigProvider>\n      </RouteCache>\n      <ToastContainer icon={false} position=\"bottom-center\" transition={Slide} />\n    </Fragment>\n  )\n}\n"],"names":["facelessUIImport","facelessUIImport3","facelessUIImport2","React","Fragment","Slide","ToastContainer","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","ActionsProvider","AuthProvider","ClientFunctionProvider","ComponentMapProvider","ConfigProvider","DocumentEventsProvider","FieldComponentsProvider","LocaleProvider","ParamsProvider","PreferencesProvider","RouteCache","SearchParamsProvider","ThemeProvider","TranslationProvider","RootProvider","children","componentMap","config","dateFNSKey","fallbackLang","languageCode","languageOptions","switchLanguageServerAction","theme","translations","ModalContainer","ModalProvider","WindowInfoProvider","ScrollInfoProvider","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","cookiePrefix","icon","position","transition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,YAAYA,sBAAsB,qBAAoB;AACtD,YAAYC,uBAAuB,2BAA0B;AAC7D,YAAYC,uBAAuB,2BAA0B;AAC7D,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AACvC,SAASC,KAAK,EAAEC,cAAc,QAAQ,iBAAgB;AAKtD,SAASC,sBAAsB,QAAQ,yCAAwC;AAC/E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,SAASC,eAAe,QAAQ,kCAAiC;AACjE,SAASC,eAAe,QAAQ,sBAAqB;AACrD,SAASC,YAAY,QAAQ,mBAAkB;AAC/C,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,oBAAoB,QAAQ,2BAA0B;AAC/D,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,sBAAsB,QAAQ,6BAA4B;AACnE,SAASC,uBAAuB,QAAQ,8BAA6B;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,mBAAmB,QAAQ,0BAAyB;AAC7D,SAASC,UAAU,QAAQ,yBAAwB;AACnD,SAASC,oBAAoB,QAAQ,2BAA0B;AAC/D,SAASC,aAAa,QAAQ,oBAAmB;AACjD,SAASC,mBAAmB,QAAQ,0BAAyB;AAe7D,OAAO,MAAMC,eAAgC,CAAC,EAC5CC,QAAQ,EACRC,YAAY,EACZC,MAAM,EACNC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,eAAe,EACfC,0BAA0B,EAC1BC,KAAK,EACLC,YAAY,EACb;IACC,MAAM,EAAEC,cAAc,EAAEC,aAAa,EAAE,GAAGrC,oBAAoB;QAC5DoC,gBAAgBjC,MAAMC,QAAQ;QAC9BiC,eAAelC,MAAMC,QAAQ;IAC/B;IACA,MAAM,EAAEkC,kBAAkB,EAAE,GAAGpC,qBAAqB;QAAEoC,oBAAoBnC,MAAMC,QAAQ;IAAC;IACzF,MAAM,EAAEmC,kBAAkB,EAAE,GAAGtC,qBAAqB;QAAEsC,oBAAoBpC,MAAMC,QAAQ;IAAC;IAEzF,qBACE,MAACA;;0BACC,KAACiB;0BACC,cAAA,KAACN;oBAAea,QAAQA;8BACtB,cAAA,KAACd;wBAAqBa,cAAcA;kCAClC,cAAA,KAACV;sCACC,cAAA,KAACJ;0CACC,cAAA,KAACW;oCACCK,YAAYA;oCACZC,cAAcA;oCACdU,UAAUT;oCACVC,iBAAiBA;oCACjBC,4BAA4BA;oCAC5BE,cAAcA;8CAEd,cAAA,KAACG;wCACCG,aAAa;4CACXC,GAAG;4CACHC,GAAG;4CACHC,GAAG;4CACHC,IAAI;wCACN;kDAEA,cAAA,KAACN;sDACC,cAAA,KAACjB;0DACC,cAAA,KAACe;oDAAcS,aAAY;oDAAUC,WAAW;oDAAGC,QAAO;8DACxD,cAAA,MAACpC;;0EACC,KAACQ;0EACC,cAAA,KAACG;oEAAc0B,cAAcrB,OAAOqB,YAAY;oEAAEf,OAAOA;8EACvD,cAAA,KAACf;kFACC,cAAA,KAACD;sFACC,cAAA,KAACR;0FACC,cAAA,KAACH;8FACC,cAAA,KAACS;kGACC,cAAA,KAACL;sGACC,cAAA,KAACH;0GAAakB;;;;;;;;;;0EAS9B,KAACU;0EACD,KAAC3B;;;;;;;;;;;;;0BAYvB,KAACH;gBAAe4C,MAAM;gBAAOC,UAAS;gBAAgBC,YAAY/C;;;;AAGxE,EAAC"}

package/dist/providers/RouteCache/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname, useRouter } from 'next/navigation.js';
 import React, { createContext, useCallback, useContext, useEffect } from 'react';
 const Context = /*#__PURE__*/ createContext({
@@ -18,11 +19,12 @@ export const RouteCache = ({ children })=>{
         pathname,
         clearRouteCache
     ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             clearRouteCache
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useRouteCache = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/RouteCache/index.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { createContext, useCallback, useContext, useEffect } from 'react'\n\nexport type RouteCacheContext = {\n  clearRouteCache: () => void\n}\n\nconst Context = createContext<RouteCacheContext>({\n  clearRouteCache: () => {},\n})\n\nexport const RouteCache: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const pathname = usePathname()\n  const router = useRouter()\n\n  const clearRouteCache = useCallback(() => {\n    router.refresh()\n  }, [router])\n\n  useEffect(() => {\n    clearRouteCache()\n  }, [pathname, clearRouteCache])\n\n  return <Context.Provider value={{ clearRouteCache }}>{children}</Context.Provider>\n}\n\nexport const useRouteCache = () => useContext(Context)\n"],"names":["usePathname","useRouter","React","createContext","useCallback","useContext","useEffect","Context","clearRouteCache","RouteCache","children","pathname","router","refresh","Provider","value","useRouteCache"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,QAAQ,QAAO;AAMhF,MAAMC,wBAAUJ,cAAiC;IAC/CK,iBAAiB,KAAO;AAC1B;AAEA,OAAO,MAAMC,aAAsD,CAAC,EAAEC,QAAQ,EAAE;IAC9E,MAAMC,WAAWX;IACjB,MAAMY,SAASX;IAEf,MAAMO,kBAAkBJ,YAAY;QAClCQ,OAAOC,OAAO;IAChB,GAAG;QAACD;KAAO;IAEXN,UAAU;QACRE;IACF,GAAG;QAACG;QAAUH;KAAgB;IAE9B,qBAAO,oBAACD,QAAQO,QAAQ;QAACC,OAAO;YAAEP;QAAgB;OAAIE;AACxD,EAAC;AAED,OAAO,MAAMM,gBAAgB,IAAMX,WAAWE,SAAQ"}
+{"version":3,"sources":["../../../src/providers/RouteCache/index.tsx"],"sourcesContent":["'use client'\n\nimport { usePathname, useRouter } from 'next/navigation.js'\nimport React, { createContext, useCallback, useContext, useEffect } from 'react'\n\nexport type RouteCacheContext = {\n  clearRouteCache: () => void\n}\n\nconst Context = createContext<RouteCacheContext>({\n  clearRouteCache: () => {},\n})\n\nexport const RouteCache: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const pathname = usePathname()\n  const router = useRouter()\n\n  const clearRouteCache = useCallback(() => {\n    router.refresh()\n  }, [router])\n\n  useEffect(() => {\n    clearRouteCache()\n  }, [pathname, clearRouteCache])\n\n  return <Context.Provider value={{ clearRouteCache }}>{children}</Context.Provider>\n}\n\nexport const useRouteCache = () => useContext(Context)\n"],"names":["usePathname","useRouter","React","createContext","useCallback","useContext","useEffect","Context","clearRouteCache","RouteCache","children","pathname","router","refresh","Provider","value","useRouteCache"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,WAAW,EAAEC,SAAS,QAAQ,qBAAoB;AAC3D,OAAOC,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,QAAQ,QAAO;AAMhF,MAAMC,wBAAUJ,cAAiC;IAC/CK,iBAAiB,KAAO;AAC1B;AAEA,OAAO,MAAMC,aAAsD,CAAC,EAAEC,QAAQ,EAAE;IAC9E,MAAMC,WAAWX;IACjB,MAAMY,SAASX;IAEf,MAAMO,kBAAkBJ,YAAY;QAClCQ,OAAOC,OAAO;IAChB,GAAG;QAACD;KAAO;IAEXN,UAAU;QACRE;IACF,GAAG;QAACG;QAAUH;KAAgB;IAE9B,qBAAO,KAACD,QAAQO,QAAQ;QAACC,OAAO;YAAEP;QAAgB;kBAAIE;;AACxD,EAAC;AAED,OAAO,MAAMM,gBAAgB,IAAMX,WAAWE,SAAQ"}

package/dist/providers/SearchParams/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useSearchParams as useNextSearchParams } from 'next/navigation.js';
 import qs from 'qs';
 import React, { createContext, useContext } from 'react';
@@ -34,12 +35,13 @@ export const SearchParamsProvider = ({ children })=>{
     }, [
         searchString
     ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             searchParams,
             stringifyParams
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useSearchParams = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport React, { createContext, useContext } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: State; replace?: boolean }) => string\n}\n\nexport type State = qs.ParsedQs\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\nfunction createParams(search: string) {\n  return qs.parse(search, {\n    depth: 10,\n    ignoreQueryPrefix: true,\n  })\n}\n\n// TODO: abstract the `next/navigation` dependency out from this provider so that it can be used in other contexts\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n  const initialParams = createParams(searchString)\n\n  const [searchParams, setSearchParams] = React.useState(initialParams)\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: State; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  React.useEffect(() => {\n    setSearchParams(createParams(searchString))\n  }, [searchString])\n\n  return <Context.Provider value={{ searchParams, stringifyParams }}>{children}</Context.Provider>\n}\n\nexport const useSearchParams = (): SearchParamsContext => useContext(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","useContext","initialContext","searchParams","stringifyParams","Context","createParams","search","parse","depth","ignoreQueryPrefix","SearchParamsProvider","children","nextSearchParams","searchString","toString","initialParams","setSearchParams","useState","useCallback","params","replace","stringify","addQueryPrefix","useEffect","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,OAAOC,QAAQ,KAAI;AACnB,OAAOC,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AASxD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B,SAASI,aAAaC,MAAc;IAClC,OAAOT,GAAGU,KAAK,CAACD,QAAQ;QACtBE,OAAO;QACPC,mBAAmB;IACrB;AACF;AAEA,kHAAkH;AAClH,OAAO,MAAMC,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBhB;IACzB,MAAMiB,eAAeD,iBAAiBE,QAAQ;IAC9C,MAAMC,gBAAgBV,aAAaQ;IAEnC,MAAM,CAACX,cAAcc,gBAAgB,GAAGlB,MAAMmB,QAAQ,CAACF;IAEvD,MAAMZ,kBAAkBL,MAAMoB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAAwC;QAChE,OAAOvB,GAAGwB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAIlB,YAAY;YAC/B,GAAGiB,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAACpB;KAAa;IAGhBJ,MAAMyB,SAAS,CAAC;QACdP,gBAAgBX,aAAaQ;IAC/B,GAAG;QAACA;KAAa;IAEjB,qBAAO,oBAACT,QAAQoB,QAAQ;QAACC,OAAO;YAAEvB;YAAcC;QAAgB;OAAIQ;AACtE,EAAC;AAED,OAAO,MAAMhB,kBAAkB,IAA2BK,WAAWI,SAAQ"}
+{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport React, { createContext, useContext } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: State; replace?: boolean }) => string\n}\n\nexport type State = qs.ParsedQs\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\nfunction createParams(search: string) {\n  return qs.parse(search, {\n    depth: 10,\n    ignoreQueryPrefix: true,\n  })\n}\n\n// TODO: abstract the `next/navigation` dependency out from this provider so that it can be used in other contexts\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n  const initialParams = createParams(searchString)\n\n  const [searchParams, setSearchParams] = React.useState(initialParams)\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: State; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  React.useEffect(() => {\n    setSearchParams(createParams(searchString))\n  }, [searchString])\n\n  return <Context.Provider value={{ searchParams, stringifyParams }}>{children}</Context.Provider>\n}\n\nexport const useSearchParams = (): SearchParamsContext => useContext(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","useContext","initialContext","searchParams","stringifyParams","Context","createParams","search","parse","depth","ignoreQueryPrefix","SearchParamsProvider","children","nextSearchParams","searchString","toString","initialParams","setSearchParams","useState","useCallback","params","replace","stringify","addQueryPrefix","useEffect","Provider","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,OAAOC,QAAQ,KAAI;AACnB,OAAOC,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AASxD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B,SAASI,aAAaC,MAAc;IAClC,OAAOT,GAAGU,KAAK,CAACD,QAAQ;QACtBE,OAAO;QACPC,mBAAmB;IACrB;AACF;AAEA,kHAAkH;AAClH,OAAO,MAAMC,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBhB;IACzB,MAAMiB,eAAeD,iBAAiBE,QAAQ;IAC9C,MAAMC,gBAAgBV,aAAaQ;IAEnC,MAAM,CAACX,cAAcc,gBAAgB,GAAGlB,MAAMmB,QAAQ,CAACF;IAEvD,MAAMZ,kBAAkBL,MAAMoB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAAwC;QAChE,OAAOvB,GAAGwB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAIlB,YAAY;YAC/B,GAAGiB,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAACpB;KAAa;IAGhBJ,MAAMyB,SAAS,CAAC;QACdP,gBAAgBX,aAAaQ;IAC/B,GAAG;QAACA;KAAa;IAEjB,qBAAO,KAACT,QAAQoB,QAAQ;QAACC,OAAO;YAAEvB;YAAcC;QAAgB;kBAAIQ;;AACtE,EAAC;AAED,OAAO,MAAMhB,kBAAkB,IAA2BK,WAAWI,SAAQ"}

package/dist/providers/Selection/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import queryString from 'qs';
 import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useLocale } from '../Locale/index.js';
@@ -135,9 +136,10 @@ export const SelectionProvider = ({ children, docs = [], totalDocs })=>{
         toggleAll,
         totalDocs
     };
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: contextRef.current
-    }, children);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
+        value: contextRef.current,
+        children: children
+    });
 };
 export const useSelection = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload/types'\n\nimport queryString from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Record<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  children: React.ReactNode\n  docs: any[]\n  totalDocs: number\n}\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = {}\n    docs.forEach(({ id }) => {\n      rows[id] = false\n    })\n    return rows\n  })\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = {}\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id }) => {\n          rows[id] = true\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n        docs.forEach(({ id }) => {\n          rows[id] = false\n        })\n      } else {\n        docs.forEach(({ id }) => {\n          rows[id] = selectAll !== SelectAllStatus.Some\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const isSelected = !selected[id]\n      const newSelected = {\n        ...selected,\n        [id]: isSelected,\n      }\n      if (!isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n      setSelected(newSelected)\n    },\n    [selected],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        where = {\n          id: {\n            in: Object.keys(selected)\n              .filter((id) => selected[id])\n              .map((id) => id),\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return queryString.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n    Object.values(selected).forEach((val) => {\n      all = all && val\n      some = some || val\n    })\n\n    if (all) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected])\n\n  useEffect(() => {\n    const newCount =\n      selectAll === SelectAllStatus.AllAvailable\n        ? totalDocs\n        : Object.keys(selected).filter((id) => selected[id]).length\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"names":["queryString","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","contextRef","code","locale","selected","setSelected","rows","forEach","id","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","setSelection","isSelected","newSelected","getQueryParams","additionalParams","where","params","not_equals","in","Object","keys","filter","map","and","stringify","addQueryPrefix","some","all","values","val","newCount","length","current","Provider","value","useSelection"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload/types'\n\nimport queryString from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Record<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  children: React.ReactNode\n  docs: any[]\n  totalDocs: number\n}\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = {}\n    docs.forEach(({ id }) => {\n      rows[id] = false\n    })\n    return rows\n  })\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = {}\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id }) => {\n          rows[id] = true\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n        docs.forEach(({ id }) => {\n          rows[id] = false\n        })\n      } else {\n        docs.forEach(({ id }) => {\n          rows[id] = selectAll !== SelectAllStatus.Some\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const isSelected = !selected[id]\n      const newSelected = {\n        ...selected,\n        [id]: isSelected,\n      }\n      if (!isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n      setSelected(newSelected)\n    },\n    [selected],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        where = {\n          id: {\n            in: Object.keys(selected)\n              .filter((id) => selected[id])\n              .map((id) => id),\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return queryString.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n    Object.values(selected).forEach((val) => {\n      all = all && val\n      some = some || val\n    })\n\n    if (all) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected])\n\n  useEffect(() => {\n    const newCount =\n      selectAll === SelectAllStatus.AllAvailable\n        ? totalDocs\n        : Object.keys(selected).filter((id) => selected[id]).length\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"names":["queryString","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","contextRef","code","locale","selected","setSelected","rows","forEach","id","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","setSelection","isSelected","newSelected","getQueryParams","additionalParams","where","params","not_equals","in","Object","keys","filter","map","and","stringify","addQueryPrefix","some","all","values","val","newCount","length","current","Provider","value","useSelection"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -5,8 +5,11 @@ export type ThemeContext = {
     setTheme: (theme: Theme) => void;
     theme: Theme;
 };
+export declare const defaultTheme = "light";
 export declare const ThemeProvider: React.FC<{
     children?: React.ReactNode;
+    cookiePrefix?: string;
+    theme?: Theme;
 }>;
 export declare const useTheme: () => ThemeContext;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAE1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAkCD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CA+BlE,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAAmC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAE1F,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4CD,eAAO,MAAM,YAAY,UAAU,CAAA;AAEnC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAoCA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAAmC,CAAA"}

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/Translation/index.d.ts

@@ -1,10 +1,13 @@
-import type { I18n, Language } from '@payloadcms/translations';
-import type { ClientConfig } from 'payload/types';
+import type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations';
+import type { AcceptedLanguages, ClientTranslationsObject, Language, TFunction } from '@payloadcms/translations';
+import type { ClientConfig, LanguageOptions } from 'payload/types';
 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 +15,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,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EACV,iBAAiB,EACjB,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAKlE,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,12 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from '@payloadcms/translations';
 import { importDateFNSLocale } 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 +17,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 +48,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 +61,9 @@ export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, langua
             languageOptions,
             switchLanguage,
             t: nextT
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useTranslation = ()=>useContext(Context);