@payloadcms/ui 4.0.0-internal.5d5a2b2 → 4.0.0-internal.5e065b3

package/dist/layouts/Root/getRootLayoutData.d.ts

@@ -0,0 +1,29 @@
+import type { AcceptedLanguages, I18nClient } from '@payloadcms/translations';
+import type { AdminContext, ClientConfig, ImportMap, LanguageOptions, SanitizedPermissions, User } from 'payload';
+import type { Theme } from '../../providers/Theme/shared.js';
+import type { RequestThemeSource } from '../../utilities/getRequestTheme.js';
+export type RootLayoutData = {
+    clientConfig: ClientConfig;
+    dateFNSKey: I18nClient['dateFNSKey'];
+    dir: 'ltr' | 'rtl';
+    fallbackLang: AcceptedLanguages;
+    highContrastMode: boolean;
+    isEmbedded: boolean;
+    isNavOpen: boolean;
+    languageCode: string;
+    languageOptions: LanguageOptions;
+    locale?: string;
+    permissions: null | SanitizedPermissions;
+    suppressHydrationWarning: boolean;
+    theme: Theme;
+    /** The request input used to resolve the theme. */
+    themeSource: RequestThemeSource;
+    translations: I18nClient['translations'];
+    user: null | User;
+};
+type Args = {
+    importMap: ImportMap;
+} & Pick<AdminContext, 'cookies' | 'headers' | 'languageCode' | 'permissions' | 'req' | 'user'>;
+export declare function getRootLayoutData({ cookies, headers, importMap, languageCode, permissions, req, user, }: Args): Promise<RootLayoutData>;
+export {};
+//# sourceMappingURL=getRootLayoutData.d.ts.map

package/dist/layouts/Root/getRootLayoutData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRootLayoutData.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/getRootLayoutData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,IAAI,EACL,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAS5E,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,YAAY,CAAA;IAC1B,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IACpC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAA;IAClB,YAAY,EAAE,iBAAiB,CAAA;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,IAAI,GAAG,oBAAoB,CAAA;IACxC,wBAAwB,EAAE,OAAO,CAAA;IACjC,KAAK,EAAE,KAAK,CAAA;IACZ,mDAAmD;IACnD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IACxC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAClB,CAAA;AAED,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,SAAS,CAAA;CACrB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,SAAS,GAAG,cAAc,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC,CAAA;AAE/F,wBAAsB,iBAAiB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,EACX,GAAG,EACH,IAAI,GACL,EAAE,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,CA0ChC"}

package/dist/layouts/Root/getRootLayoutData.js

@@ -0,0 +1,72 @@
+import { applyLocaleFiltering } from 'payload/shared';
+import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
+import { getClientConfig } from '../../utilities/getClientConfig.js';
+import { getLanguageDir } from '../../utilities/getLanguageDir.js';
+import { getRequestEmbed } from '../../utilities/getRequestEmbed.js';
+import { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js';
+import { getRequestTheme } from '../../utilities/getRequestTheme.js';
+export async function getRootLayoutData({
+  cookies,
+  headers,
+  importMap,
+  languageCode,
+  permissions,
+  req,
+  user
+}) {
+  const {
+    config
+  } = req.payload;
+  const {
+    theme,
+    themeSource
+  } = getRequestTheme({
+    config,
+    cookies,
+    headers
+  });
+  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).map(([language, languageConfig]) => ({
+    label: languageConfig.translations.general.thisLanguage,
+    value: language
+  }));
+  const navPrefs = await getNavPrefs(req);
+  const clientConfig = getClientConfig({
+    config,
+    i18n: req.i18n,
+    importMap,
+    user
+  });
+  await applyLocaleFiltering({
+    clientConfig,
+    config,
+    req
+  });
+  return {
+    clientConfig,
+    dateFNSKey: req.i18n.dateFNSKey,
+    dir: getLanguageDir({
+      languageCode
+    }),
+    fallbackLang: config.i18n.fallbackLanguage,
+    highContrastMode: getRequestHighContrast({
+      config,
+      cookies,
+      headers
+    }),
+    isEmbedded: getRequestEmbed({
+      config,
+      cookies
+    }),
+    isNavOpen: navPrefs?.open ?? true,
+    languageCode,
+    languageOptions,
+    locale: req.locale ?? undefined,
+    permissions: user ? permissions : null,
+    suppressHydrationWarning: config.admin.theme === 'all' || Boolean(config.admin.suppressHydrationWarning),
+    theme,
+    themeSource,
+    translations: req.i18n.translations,
+    user: user ?? null
+  };
+}
+//# sourceMappingURL=getRootLayoutData.js.map

package/dist/layouts/Root/getRootLayoutData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRootLayoutData.js","names":["applyLocaleFiltering","getNavPrefs","getClientConfig","getLanguageDir","getRequestEmbed","getRequestHighContrast","getRequestTheme","getRootLayoutData","cookies","headers","importMap","languageCode","permissions","req","user","config","payload","theme","themeSource","languageOptions","Object","entries","i18n","supportedLanguages","map","language","languageConfig","label","translations","general","thisLanguage","value","navPrefs","clientConfig","dateFNSKey","dir","fallbackLang","fallbackLanguage","highContrastMode","isEmbedded","isNavOpen","open","locale","undefined","suppressHydrationWarning","admin","Boolean"],"sources":["../../../src/layouts/Root/getRootLayoutData.ts"],"sourcesContent":["import type { AcceptedLanguages, I18nClient } from '@payloadcms/translations'\nimport type {\n  AdminContext,\n  ClientConfig,\n  ImportMap,\n  LanguageOptions,\n  SanitizedPermissions,\n  User,\n} from 'payload'\n\nimport { applyLocaleFiltering } from 'payload/shared'\n\nimport type { Theme } from '../../providers/Theme/shared.js'\nimport type { RequestThemeSource } from '../../utilities/getRequestTheme.js'\n\nimport { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { getLanguageDir } from '../../utilities/getLanguageDir.js'\nimport { getRequestEmbed } from '../../utilities/getRequestEmbed.js'\nimport { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\n\nexport type RootLayoutData = {\n  clientConfig: ClientConfig\n  dateFNSKey: I18nClient['dateFNSKey']\n  dir: 'ltr' | 'rtl'\n  fallbackLang: AcceptedLanguages\n  highContrastMode: boolean\n  isEmbedded: boolean\n  isNavOpen: boolean\n  languageCode: string\n  languageOptions: LanguageOptions\n  locale?: string\n  permissions: null | SanitizedPermissions\n  suppressHydrationWarning: boolean\n  theme: Theme\n  /** The request input used to resolve the theme. */\n  themeSource: RequestThemeSource\n  translations: I18nClient['translations']\n  user: null | User\n}\n\ntype Args = {\n  importMap: ImportMap\n} & Pick<AdminContext, 'cookies' | 'headers' | 'languageCode' | 'permissions' | 'req' | 'user'>\n\nexport async function getRootLayoutData({\n  cookies,\n  headers,\n  importMap,\n  languageCode,\n  permissions,\n  req,\n  user,\n}: Args): Promise<RootLayoutData> {\n  const { config } = req.payload\n\n  const { theme, themeSource } = getRequestTheme({ config, cookies, headers })\n\n  const languageOptions: LanguageOptions = Object.entries(config.i18n.supportedLanguages || {}).map(\n    ([language, languageConfig]) => ({\n      label: languageConfig.translations.general.thisLanguage,\n      value: language as AcceptedLanguages,\n    }),\n  )\n\n  const navPrefs = await getNavPrefs(req)\n\n  const clientConfig = getClientConfig({\n    config,\n    i18n: req.i18n,\n    importMap,\n    user,\n  })\n\n  await applyLocaleFiltering({ clientConfig, config, req })\n\n  return {\n    clientConfig,\n    dateFNSKey: req.i18n.dateFNSKey,\n    dir: getLanguageDir({ languageCode }),\n    fallbackLang: config.i18n.fallbackLanguage,\n    highContrastMode: getRequestHighContrast({ config, cookies, headers }),\n    isEmbedded: getRequestEmbed({ config, cookies }),\n    isNavOpen: navPrefs?.open ?? true,\n    languageCode,\n    languageOptions,\n    locale: req.locale ?? undefined,\n    permissions: user ? permissions : null,\n    suppressHydrationWarning:\n      config.admin.theme === 'all' || Boolean(config.admin.suppressHydrationWarning),\n    theme,\n    themeSource,\n    translations: req.i18n.translations,\n    user: user ?? null,\n  }\n}\n"],"mappings":"AAUA,SAASA,oBAAoB,QAAQ;AAKrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,eAAe,QAAQ;AA0BhC,OAAO,eAAeC,kBAAkB;EACtCC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,YAAY;EACZC,WAAW;EACXC,GAAG;EACHC;AAAI,CACC;EACL,MAAM;IAAEC;EAAM,CAAE,GAAGF,GAAA,CAAIG,OAAO;EAE9B,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAE,GAAGZ,eAAA,CAAgB;IAAES,MAAA;IAAQP,OAAA;IAASC;EAAQ;EAE1E,MAAMU,eAAA,GAAmCC,MAAA,CAAOC,OAAO,CAACN,MAAA,CAAOO,IAAI,CAACC,kBAAkB,IAAI,CAAC,GAAGC,GAAG,CAC/F,CAAC,CAACC,QAAA,EAAUC,cAAA,CAAe,MAAM;IAC/BC,KAAA,EAAOD,cAAA,CAAeE,YAAY,CAACC,OAAO,CAACC,YAAY;IACvDC,KAAA,EAAON;EACT;EAGF,MAAMO,QAAA,GAAW,MAAM/B,WAAA,CAAYY,GAAA;EAEnC,MAAMoB,YAAA,GAAe/B,eAAA,CAAgB;IACnCa,MAAA;IACAO,IAAA,EAAMT,GAAA,CAAIS,IAAI;IACdZ,SAAA;IACAI;EACF;EAEA,MAAMd,oBAAA,CAAqB;IAAEiC,YAAA;IAAclB,MAAA;IAAQF;EAAI;EAEvD,OAAO;IACLoB,YAAA;IACAC,UAAA,EAAYrB,GAAA,CAAIS,IAAI,CAACY,UAAU;IAC/BC,GAAA,EAAKhC,cAAA,CAAe;MAAEQ;IAAa;IACnCyB,YAAA,EAAcrB,MAAA,CAAOO,IAAI,CAACe,gBAAgB;IAC1CC,gBAAA,EAAkBjC,sBAAA,CAAuB;MAAEU,MAAA;MAAQP,OAAA;MAASC;IAAQ;IACpE8B,UAAA,EAAYnC,eAAA,CAAgB;MAAEW,MAAA;MAAQP;IAAQ;IAC9CgC,SAAA,EAAWR,QAAA,EAAUS,IAAA,IAAQ;IAC7B9B,YAAA;IACAQ,eAAA;IACAuB,MAAA,EAAQ7B,GAAA,CAAI6B,MAAM,IAAIC,SAAA;IACtB/B,WAAA,EAAaE,IAAA,GAAOF,WAAA,GAAc;IAClCgC,wBAAA,EACE7B,MAAA,CAAO8B,KAAK,CAAC5B,KAAK,KAAK,SAAS6B,OAAA,CAAQ/B,MAAA,CAAO8B,KAAK,CAACD,wBAAwB;IAC/E3B,KAAA;IACAC,WAAA;IACAU,YAAA,EAAcf,GAAA,CAAIS,IAAI,CAACM,YAAY;IACnCd,IAAA,EAAMA,IAAA,IAAQ;EAChB;AACF","ignoreList":[]}

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

@@ -1,7 +1,8 @@
-import type { ImportMap, SanitizedConfig, ServerAdapter, ServerFunctionClient } from 'payload';
+import type { ImportMap, SanitizedConfig, ServerFunctionClient } from 'payload';
 import React from 'react';
+import type { InitAdminContextFn } from '../../views/Root/index.js';
 import { type CheckDependenciesArgs } from '../../utilities/checkDependencies.js';
-import '@payloadcms/ui/scss/app.scss';
+import '@payloadcms/ui/css/app.css';
 type Font = {
     className?: string;
     variable?: string;
@@ -44,6 +45,7 @@ type RootLayoutProps = {
     readonly head?: React.ReactNode;
     readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>;
     readonly importMap: ImportMap;
+    readonly initAdminContext: InitAdminContextFn;
     /**
      * Client router adapter. Caller supplies a framework-specific provider
      * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).
@@ -51,11 +53,6 @@ type RootLayoutProps = {
     readonly RouterAdapter: React.FC<{
         children: React.ReactNode;
     }>;
-    /**
-     * Server adapter providing framework-specific access to headers, cookies, redirects,
-     * and other server APIs (for Next.js use `nextServerAdapter` from `@payloadcms/next`).
-     */
-    readonly serverAdapter: ServerAdapter;
     readonly serverFunction: ServerFunctionClient;
 };
 export declare const RootLayout: (props: RootLayoutProps) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EAET,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAOpG,OAAO,8BAA8B,CAAA;AAErC,KAAK,IAAI,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,QAAQ,CAAC,0BAA0B,CAAC,EAAE,qBAAqB,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACvB;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC/D;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAUhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAInE,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAKpG,OAAO,4BAA4B,CAAA;AAEnC,KAAK,IAAI,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ;IACnB,WAAW;IACX,KAAK;CACN,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,QAAQ,CAAC,0BAA0B,CAAC,EAAE,qBAAqB,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACvB;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,CAAA;IAC7C;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC/D,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,sBAUhD,CAAA"}

package/dist/layouts/Root/index.js

@@ -1,18 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { rtlLanguages } from '@payloadcms/translations';
-import { applyLocaleFiltering } from 'payload/shared';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Suspense } from 'react';
-import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
-// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
-import { ProgressBar, RootProvider } from '../../exports/client/index.js';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference client bundle for proper client boundary in production
+import { DocumentRoot, RootProviders } from '../../exports/client/index.js';
 import { checkDependencies } from '../../utilities/checkDependencies.js';
-import { getClientConfig } from '../../utilities/getClientConfig.js';
-import { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js';
-import { getRequestTheme } from '../../utilities/getRequestTheme.js';
-import { initReq } from '../../utilities/initReq.js';
+import { getRootLayoutData } from './getRootLayoutData.js';
 import { NestProviders } from './NestProviders.js';
-// eslint-disable-next-line payload/no-imports-from-self -- Self-import via package path ensures consumer's bundler resolves the full SCSS chain (design tokens, preflight, etc.) in prod builds
-import '@payloadcms/ui/scss/app.scss';
+import { getViewportMeta } from './viewport.js';
+// eslint-disable-next-line payload/no-imports-from-self -- Self-import ensures the consumer bundler resolves the full CSS chain
+import '@payloadcms/ui/css/app.css';
 export const metadata = {
   description: 'Generated by Next.js',
   title: 'Next.js'
@@ -34,107 +29,66 @@ const RootLayoutContent = async ({
   children,
   config: configPromise,
   fonts = [],
-  head: headFromProps,
+  head,
   htmlProps = {},
   importMap,
+  initAdminContext,
   RouterAdapter,
-  serverAdapter,
   serverFunction
 }) => {
+  const context = await initAdminContext({
+    configPromise,
+    importMap,
+    key: 'RootLayout'
+  });
   const {
     cookies,
     headers,
     languageCode,
     permissions,
     req,
-    req: {
-      payload: {
-        config
-      }
-    }
-  } = await initReq({
-    configPromise,
-    importMap,
-    key: 'RootLayout',
-    serverAdapter
-  });
-  const theme = getRequestTheme({
-    config,
-    cookies,
-    headers
-  });
-  const highContrastMode = getRequestHighContrast({
-    config,
+    user
+  } = context;
+  const {
+    config
+  } = req.payload;
+  const data = await getRootLayoutData({
     cookies,
-    headers
-  });
-  const dir = rtlLanguages.includes(languageCode) ? 'RTL' : 'LTR';
-  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).reduce((acc, [language, languageConfig]) => {
-    if (Object.keys(config.i18n.supportedLanguages).includes(language)) {
-      acc.push({
-        label: languageConfig.translations.general.thisLanguage,
-        value: language
-      });
-    }
-    return acc;
-  }, []);
-  const navPrefs = await getNavPrefs(req);
-  const clientConfig = getClientConfig({
-    config,
-    i18n: req.i18n,
+    headers,
     importMap,
-    user: req.user
-  });
-  await applyLocaleFiltering({
-    clientConfig,
-    config,
-    req
+    languageCode,
+    permissions,
+    req,
+    user
   });
-  const fontClassNames = fonts.map(f => f.variable ?? f.className).filter(Boolean);
-  return /*#__PURE__*/_jsxs("html", {
-    ...htmlProps,
-    className: [...fontClassNames, htmlProps?.className].filter(Boolean).join(' '),
-    "data-enhanced-contrast": highContrastMode ? '' : undefined,
-    "data-theme": theme,
-    dir: dir,
-    lang: languageCode,
-    suppressHydrationWarning: config?.admin?.suppressHydrationWarning ?? false,
-    children: [/*#__PURE__*/_jsxs("head", {
-      children: [/*#__PURE__*/_jsx("style", {
-        children: `@layer payload-default, payload;`
-      }), headFromProps]
-    }), /*#__PURE__*/_jsxs("body", {
-      children: [/*#__PURE__*/_jsxs(RootProvider, {
-        config: clientConfig,
-        dateFNSKey: req.i18n.dateFNSKey,
-        fallbackLang: config.i18n.fallbackLanguage,
-        highContrastMode: highContrastMode,
-        isNavOpen: navPrefs?.open ?? true,
-        languageCode: languageCode,
-        languageOptions: languageOptions,
-        locale: req.locale,
-        permissions: req.user ? permissions : null,
-        RouterAdapter: RouterAdapter,
-        serverFunction: serverFunction,
-        theme: theme,
-        translations: req.i18n.translations,
-        user: req.user,
-        children: [/*#__PURE__*/_jsx(ProgressBar, {}), Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? /*#__PURE__*/_jsx(NestProviders, {
-          importMap: req.payload.importMap,
-          providers: config.admin?.components?.providers,
-          serverProps: {
-            i18n: req.i18n,
-            payload: req.payload,
-            permissions,
-            server: req.server,
-            user: req.user
-          },
-          children: children
-        }) : children]
-      }), /*#__PURE__*/_jsx("div", {
-        id: "portal"
-      })]
-    })]
+  return /*#__PURE__*/_jsx(DocumentRoot, {
+    dir: data.dir,
+    fonts: fonts,
+    head: head,
+    highContrastMode: data.highContrastMode,
+    htmlProps: htmlProps,
+    languageCode: data.languageCode,
+    suppressHydrationWarning: data.suppressHydrationWarning,
+    theme: data.theme,
+    themeSource: data.themeSource,
+    viewport: getViewportMeta(headers.get('user-agent') ?? undefined),
+    children: /*#__PURE__*/_jsx(RootProviders, {
+      data: data,
+      RouterAdapter: RouterAdapter,
+      serverFunction: serverFunction,
+      children: Array.isArray(config.admin?.components?.providers) && config.admin.components.providers.length > 0 ? /*#__PURE__*/_jsx(NestProviders, {
+        importMap: req.payload.importMap,
+        providers: config.admin.components.providers,
+        serverProps: {
+          i18n: req.i18n,
+          payload: req.payload,
+          permissions,
+          server: req.server,
+          user
+        },
+        children: children
+      }) : children
+    })
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["rtlLanguages","applyLocaleFiltering","React","Suspense","getNavPrefs","ProgressBar","RootProvider","checkDependencies","getClientConfig","getRequestHighContrast","getRequestTheme","initReq","NestProviders","metadata","description","title","RootLayout","props","additionalDependencyChecks","content","_jsx","RootLayoutContent","process","env","PAYLOAD_CACHE_COMPONENTS_ENABLED","fallback","children","config","configPromise","fonts","head","headFromProps","htmlProps","importMap","RouterAdapter","serverAdapter","serverFunction","cookies","headers","languageCode","permissions","req","payload","key","theme","highContrastMode","dir","includes","languageOptions","Object","entries","i18n","supportedLanguages","reduce","acc","language","languageConfig","keys","push","label","translations","general","thisLanguage","value","navPrefs","clientConfig","user","fontClassNames","map","f","variable","className","filter","Boolean","_jsxs","join","undefined","lang","suppressHydrationWarning","admin","dateFNSKey","fallbackLang","fallbackLanguage","isNavOpen","open","locale","Array","isArray","components","providers","length","serverProps","server","id"],"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { AcceptedLanguages } from '@payloadcms/translations'\nimport type {\n  ImportMap,\n  LanguageOptions,\n  SanitizedConfig,\n  ServerAdapter,\n  ServerFunctionClient,\n} from 'payload'\n\nimport { rtlLanguages } from '@payloadcms/translations'\nimport { applyLocaleFiltering } from 'payload/shared'\nimport React, { Suspense } from 'react'\n\nimport { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ProgressBar, RootProvider } from '../../exports/client/index.js'\nimport { checkDependencies, type CheckDependenciesArgs } from '../../utilities/checkDependencies.js'\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\nimport { initReq } from '../../utilities/initReq.js'\nimport { NestProviders } from './NestProviders.js'\n// eslint-disable-next-line payload/no-imports-from-self -- Self-import via package path ensures consumer's bundler resolves the full SCSS chain (design tokens, preflight, etc.) in prod builds\nimport '@payloadcms/ui/scss/app.scss'\n\ntype Font = {\n  className?: string\n  variable?: string\n}\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\ntype RootLayoutProps = {\n  /**\n   * Framework-specific peer-dependency version constraints, merged on top of the\n   * universal React/react-dom checks. Each framework adapter supplies its own\n   * (e.g. Next.js passes `{ dependencyVersions: { next: { version: '>=15.0.0' } } }`).\n   */\n  readonly additionalDependencyChecks?: CheckDependenciesArgs\n  readonly children: React.ReactNode\n  readonly config: Promise<SanitizedConfig>\n  /**\n   * Fonts to apply to the admin `<html>` element. Each entry's\n   * `variable ?? className` is appended to the `<html>` class list.\n   * Framework-specific font loaders (e.g. `next/font`) are supplied by the caller.\n   */\n  readonly fonts?: Font[]\n  /**\n   * Custom content to render inside the admin panel's `<head>` element.\n   *\n   * Use this to inject scripts, meta tags, or links — for example, analytics\n   * snippets via `next/script`, custom favicons, or preconnect hints.\n   *\n   * @example\n   * ```tsx\n   * import Script from 'next/script'\n   *\n   * <RootLayout\n   *   head={<Script src=\"https://example.com/analytics.js\" strategy=\"afterInteractive\" />}\n   *   {...rest}\n   * />\n   * ```\n   */\n  readonly head?: React.ReactNode\n  readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>\n  readonly importMap: ImportMap\n  /**\n   * Client router adapter. Caller supplies a framework-specific provider\n   * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).\n   */\n  readonly RouterAdapter: React.FC<{ children: React.ReactNode }>\n  /**\n   * Server adapter providing framework-specific access to headers, cookies, redirects,\n   * and other server APIs (for Next.js use `nextServerAdapter` from `@payloadcms/next`).\n   */\n  readonly serverAdapter: ServerAdapter\n  readonly serverFunction: ServerFunctionClient\n}\n\nexport const RootLayout = (props: RootLayoutProps) => {\n  checkDependencies(props.additionalDependencyChecks)\n\n  const content = <RootLayoutContent {...props} />\n\n  if (process.env.PAYLOAD_CACHE_COMPONENTS_ENABLED === 'true') {\n    return <Suspense fallback={null}>{content}</Suspense>\n  }\n\n  return content\n}\n\nconst RootLayoutContent = async ({\n  children,\n  config: configPromise,\n  fonts = [],\n  head: headFromProps,\n  htmlProps = {},\n  importMap,\n  RouterAdapter,\n  serverAdapter,\n  serverFunction,\n}: RootLayoutProps) => {\n  const {\n    cookies,\n    headers,\n    languageCode,\n    permissions,\n    req,\n    req: {\n      payload: { config },\n    },\n  } = await initReq({ configPromise, importMap, key: 'RootLayout', serverAdapter })\n\n  const theme = getRequestTheme({\n    config,\n    cookies,\n    headers,\n  })\n\n  const highContrastMode = getRequestHighContrast({\n    config,\n    cookies,\n    headers,\n  })\n\n  const dir = (rtlLanguages as unknown as AcceptedLanguages[]).includes(languageCode)\n    ? 'RTL'\n    : 'LTR'\n\n  const languageOptions: LanguageOptions = Object.entries(\n    config.i18n.supportedLanguages || {},\n  ).reduce((acc, [language, languageConfig]) => {\n    if (Object.keys(config.i18n.supportedLanguages).includes(language)) {\n      acc.push({\n        label: languageConfig.translations.general.thisLanguage,\n        value: language,\n      })\n    }\n\n    return acc\n  }, [])\n\n  const navPrefs = await getNavPrefs(req)\n\n  const clientConfig = getClientConfig({\n    config,\n    i18n: req.i18n,\n    importMap,\n    user: req.user,\n  })\n\n  await applyLocaleFiltering({ clientConfig, config, req })\n\n  const fontClassNames = fonts.map((f) => f.variable ?? f.className).filter(Boolean)\n\n  return (\n    <html\n      {...htmlProps}\n      className={[...fontClassNames, htmlProps?.className].filter(Boolean).join(' ')}\n      data-enhanced-contrast={highContrastMode ? '' : undefined}\n      data-theme={theme}\n      dir={dir}\n      lang={languageCode}\n      suppressHydrationWarning={config?.admin?.suppressHydrationWarning ?? false}\n    >\n      <head>\n        <style>{`@layer payload-default, payload;`}</style>\n        {headFromProps}\n      </head>\n      <body>\n        <RootProvider\n          config={clientConfig}\n          dateFNSKey={req.i18n.dateFNSKey}\n          fallbackLang={config.i18n.fallbackLanguage}\n          highContrastMode={highContrastMode}\n          isNavOpen={navPrefs?.open ?? true}\n          languageCode={languageCode}\n          languageOptions={languageOptions}\n          locale={req.locale}\n          permissions={req.user ? permissions : null}\n          RouterAdapter={RouterAdapter}\n          serverFunction={serverFunction}\n          theme={theme}\n          translations={req.i18n.translations}\n          user={req.user}\n        >\n          <ProgressBar />\n          {Array.isArray(config.admin?.components?.providers) &&\n          config.admin?.components?.providers.length > 0 ? (\n            <NestProviders\n              importMap={req.payload.importMap}\n              providers={config.admin?.components?.providers}\n              serverProps={{\n                i18n: req.i18n,\n                payload: req.payload,\n                permissions,\n                server: req.server,\n                user: req.user,\n              }}\n            >\n              {children}\n            </NestProviders>\n          ) : (\n            children\n          )}\n        </RootProvider>\n        <div id=\"portal\" />\n      </body>\n    </html>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Suspense","DocumentRoot","RootProviders","checkDependencies","getRootLayoutData","NestProviders","getViewportMeta","metadata","description","title","RootLayout","props","additionalDependencyChecks","content","_jsx","RootLayoutContent","process","env","PAYLOAD_CACHE_COMPONENTS_ENABLED","fallback","children","config","configPromise","fonts","head","htmlProps","importMap","initAdminContext","RouterAdapter","serverFunction","context","key","cookies","headers","languageCode","permissions","req","user","payload","data","dir","highContrastMode","suppressHydrationWarning","theme","themeSource","viewport","get","undefined","Array","isArray","admin","components","providers","length","serverProps","i18n","server"],"sources":["../../../src/layouts/Root/index.tsx"],"sourcesContent":["import type { ImportMap, SanitizedConfig, ServerFunctionClient } from 'payload'\n\nimport React, { Suspense } from 'react'\n\nimport type { InitAdminContextFn } from '../../views/Root/index.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference client bundle for proper client boundary in production\nimport { DocumentRoot, RootProviders } from '../../exports/client/index.js'\nimport { checkDependencies, type CheckDependenciesArgs } from '../../utilities/checkDependencies.js'\nimport { getRootLayoutData } from './getRootLayoutData.js'\nimport { NestProviders } from './NestProviders.js'\nimport { getViewportMeta } from './viewport.js'\n// eslint-disable-next-line payload/no-imports-from-self -- Self-import ensures the consumer bundler resolves the full CSS chain\nimport '@payloadcms/ui/css/app.css'\n\ntype Font = {\n  className?: string\n  variable?: string\n}\n\nexport const metadata = {\n  description: 'Generated by Next.js',\n  title: 'Next.js',\n}\n\ntype RootLayoutProps = {\n  /**\n   * Framework-specific peer-dependency version constraints, merged on top of the\n   * universal React/react-dom checks. Each framework adapter supplies its own\n   * (e.g. Next.js passes `{ dependencyVersions: { next: { version: '>=15.0.0' } } }`).\n   */\n  readonly additionalDependencyChecks?: CheckDependenciesArgs\n  readonly children: React.ReactNode\n  readonly config: Promise<SanitizedConfig>\n  /**\n   * Fonts to apply to the admin `<html>` element. Each entry's\n   * `variable ?? className` is appended to the `<html>` class list.\n   * Framework-specific font loaders (e.g. `next/font`) are supplied by the caller.\n   */\n  readonly fonts?: Font[]\n  /**\n   * Custom content to render inside the admin panel's `<head>` element.\n   *\n   * Use this to inject scripts, meta tags, or links — for example, analytics\n   * snippets via `next/script`, custom favicons, or preconnect hints.\n   *\n   * @example\n   * ```tsx\n   * import Script from 'next/script'\n   *\n   * <RootLayout\n   *   head={<Script src=\"https://example.com/analytics.js\" strategy=\"afterInteractive\" />}\n   *   {...rest}\n   * />\n   * ```\n   */\n  readonly head?: React.ReactNode\n  readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>\n  readonly importMap: ImportMap\n  readonly initAdminContext: InitAdminContextFn\n  /**\n   * Client router adapter. Caller supplies a framework-specific provider\n   * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).\n   */\n  readonly RouterAdapter: React.FC<{ children: React.ReactNode }>\n  readonly serverFunction: ServerFunctionClient\n}\n\nexport const RootLayout = (props: RootLayoutProps) => {\n  checkDependencies(props.additionalDependencyChecks)\n\n  const content = <RootLayoutContent {...props} />\n\n  if (process.env.PAYLOAD_CACHE_COMPONENTS_ENABLED === 'true') {\n    return <Suspense fallback={null}>{content}</Suspense>\n  }\n\n  return content\n}\n\nconst RootLayoutContent = async ({\n  children,\n  config: configPromise,\n  fonts = [],\n  head,\n  htmlProps = {},\n  importMap,\n  initAdminContext,\n  RouterAdapter,\n  serverFunction,\n}: RootLayoutProps) => {\n  const context = await initAdminContext({ configPromise, importMap, key: 'RootLayout' })\n\n  const { cookies, headers, languageCode, permissions, req, user } = context\n\n  const { config } = req.payload\n\n  const data = await getRootLayoutData({\n    cookies,\n    headers,\n    importMap,\n    languageCode,\n    permissions,\n    req,\n    user,\n  })\n\n  return (\n    <DocumentRoot\n      dir={data.dir}\n      fonts={fonts}\n      head={head}\n      highContrastMode={data.highContrastMode}\n      htmlProps={htmlProps}\n      languageCode={data.languageCode}\n      suppressHydrationWarning={data.suppressHydrationWarning}\n      theme={data.theme}\n      themeSource={data.themeSource}\n      viewport={getViewportMeta(headers.get('user-agent') ?? undefined)}\n    >\n      <RootProviders data={data} RouterAdapter={RouterAdapter} serverFunction={serverFunction}>\n        {Array.isArray(config.admin?.components?.providers) &&\n        config.admin.components.providers.length > 0 ? (\n          <NestProviders\n            importMap={req.payload.importMap}\n            providers={config.admin.components.providers}\n            serverProps={{\n              i18n: req.i18n,\n              payload: req.payload,\n              permissions,\n              server: req.server,\n              user,\n            }}\n          >\n            {children}\n          </NestProviders>\n        ) : (\n          children\n        )}\n      </RootProviders>\n    </DocumentRoot>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAIhC;AACA,SAASC,YAAY,EAAEC,aAAa,QAAQ;AAC5C,SAASC,iBAAiB,QAAoC;AAC9D,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC;AACA,OAAO;AAOP,OAAO,MAAMC,QAAA,GAAW;EACtBC,WAAA,EAAa;EACbC,KAAA,EAAO;AACT;AA6CA,OAAO,MAAMC,UAAA,GAAcC,KAAA;EACzBR,iBAAA,CAAkBQ,KAAA,CAAMC,0BAA0B;EAElD,MAAMC,OAAA,gBAAUC,IAAA,CAACC,iBAAA;IAAmB,GAAGJ;;EAEvC,IAAIK,OAAA,CAAQC,GAAG,CAACC,gCAAgC,KAAK,QAAQ;IAC3D,oBAAOJ,IAAA,CAACd,QAAA;MAASmB,QAAA,EAAU;gBAAON;;EACpC;EAEA,OAAOA,OAAA;AACT;AAEA,MAAME,iBAAA,GAAoB,MAAAA,CAAO;EAC/BK,QAAQ;EACRC,MAAA,EAAQC,aAAa;EACrBC,KAAA,GAAQ,EAAE;EACVC,IAAI;EACJC,SAAA,GAAY,CAAC,CAAC;EACdC,SAAS;EACTC,gBAAgB;EAChBC,aAAa;EACbC;AAAc,CACE;EAChB,MAAMC,OAAA,GAAU,MAAMH,gBAAA,CAAiB;IAAEL,aAAA;IAAeI,SAAA;IAAWK,GAAA,EAAK;EAAa;EAErF,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,YAAY;IAAEC,WAAW;IAAEC,GAAG;IAAEC;EAAI,CAAE,GAAGP,OAAA;EAEnE,MAAM;IAAET;EAAM,CAAE,GAAGe,GAAA,CAAIE,OAAO;EAE9B,MAAMC,IAAA,GAAO,MAAMnC,iBAAA,CAAkB;IACnC4B,OAAA;IACAC,OAAA;IACAP,SAAA;IACAQ,YAAA;IACAC,WAAA;IACAC,GAAA;IACAC;EACF;EAEA,oBACEvB,IAAA,CAACb,YAAA;IACCuC,GAAA,EAAKD,IAAA,CAAKC,GAAG;IACbjB,KAAA,EAAOA,KAAA;IACPC,IAAA,EAAMA,IAAA;IACNiB,gBAAA,EAAkBF,IAAA,CAAKE,gBAAgB;IACvChB,SAAA,EAAWA,SAAA;IACXS,YAAA,EAAcK,IAAA,CAAKL,YAAY;IAC/BQ,wBAAA,EAA0BH,IAAA,CAAKG,wBAAwB;IACvDC,KAAA,EAAOJ,IAAA,CAAKI,KAAK;IACjBC,WAAA,EAAaL,IAAA,CAAKK,WAAW;IAC7BC,QAAA,EAAUvC,eAAA,CAAgB2B,OAAA,CAAQa,GAAG,CAAC,iBAAiBC,SAAA;cAEvD,aAAAjC,IAAA,CAACZ,aAAA;MAAcqC,IAAA,EAAMA,IAAA;MAAMX,aAAA,EAAeA,aAAA;MAAeC,cAAA,EAAgBA,cAAA;gBACtEmB,KAAA,CAAMC,OAAO,CAAC5B,MAAA,CAAO6B,KAAK,EAAEC,UAAA,EAAYC,SAAA,KACzC/B,MAAA,CAAO6B,KAAK,CAACC,UAAU,CAACC,SAAS,CAACC,MAAM,GAAG,iBACzCvC,IAAA,CAACT,aAAA;QACCqB,SAAA,EAAWU,GAAA,CAAIE,OAAO,CAACZ,SAAS;QAChC0B,SAAA,EAAW/B,MAAA,CAAO6B,KAAK,CAACC,UAAU,CAACC,SAAS;QAC5CE,WAAA,EAAa;UACXC,IAAA,EAAMnB,GAAA,CAAImB,IAAI;UACdjB,OAAA,EAASF,GAAA,CAAIE,OAAO;UACpBH,WAAA;UACAqB,MAAA,EAAQpB,GAAA,CAAIoB,MAAM;UAClBnB;QACF;kBAECjB;WAGHA;;;AAKV","ignoreList":[]}

package/dist/layouts/Root/viewport.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const isIPhoneUserAgent: (userAgent?: string) => boolean;
+export declare const getViewportContent: (userAgent?: string) => string;
+export declare const getViewportMeta: (userAgent?: string) => React.ReactNode;
+//# sourceMappingURL=viewport.d.ts.map

package/dist/layouts/Root/viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,iBAAiB,eAAgB,MAAM,KAAG,OAEtD,CAAA;AAID,eAAO,MAAM,kBAAkB,eAAgB,MAAM,KAAG,MAIvD,CAAA;AAED,eAAO,MAAM,eAAe,eAAgB,MAAM,KAAG,KAAK,CAAC,SAI1D,CAAA"}

package/dist/layouts/Root/viewport.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export const isIPhoneUserAgent = userAgent => {
+  return /\biPhone\b/.test(userAgent ?? '');
+};
+const defaultViewportContent = 'width=device-width, initial-scale=1';
+export const getViewportContent = userAgent => {
+  return isIPhoneUserAgent(userAgent) ? `${defaultViewportContent}, maximum-scale=1` : defaultViewportContent;
+};
+export const getViewportMeta = userAgent => {
+  const content = getViewportContent(userAgent);
+  return /*#__PURE__*/_jsx("meta", {
+    content: content,
+    name: "viewport"
+  });
+};
+//# sourceMappingURL=viewport.js.map

package/dist/layouts/Root/viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.js","names":["React","isIPhoneUserAgent","userAgent","test","defaultViewportContent","getViewportContent","getViewportMeta","content","_jsx","name"],"sources":["../../../src/layouts/Root/viewport.tsx"],"sourcesContent":["import React from 'react'\n\nexport const isIPhoneUserAgent = (userAgent?: string): boolean => {\n  return /\\biPhone\\b/.test(userAgent ?? '')\n}\n\nconst defaultViewportContent = 'width=device-width, initial-scale=1'\n\nexport const getViewportContent = (userAgent?: string): string => {\n  return isIPhoneUserAgent(userAgent)\n    ? `${defaultViewportContent}, maximum-scale=1`\n    : defaultViewportContent\n}\n\nexport const getViewportMeta = (userAgent?: string): React.ReactNode => {\n  const content = getViewportContent(userAgent)\n\n  return <meta content={content} name=\"viewport\" />\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,iBAAA,GAAqBC,SAAA;EAChC,OAAO,aAAaC,IAAI,CAACD,SAAA,IAAa;AACxC;AAEA,MAAME,sBAAA,GAAyB;AAE/B,OAAO,MAAMC,kBAAA,GAAsBH,SAAA;EACjC,OAAOD,iBAAA,CAAkBC,SAAA,IACrB,GAAGE,sBAAA,mBAAyC,GAC5CA,sBAAA;AACN;AAEA,OAAO,MAAME,eAAA,GAAmBJ,SAAA;EAC9B,MAAMK,OAAA,GAAUF,kBAAA,CAAmBH,SAAA;EAEnC,oBAAOM,IAAA,CAAC;IAAKD,OAAA,EAASA,OAAA;IAASE,IAAA,EAAK;;AACtC","ignoreList":[]}

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

@@ -11,6 +11,7 @@ export declare const ActionsProvider: React.FC<{
         [key: string]: React.ReactNode;
     };
     readonly children: React.ReactNode;
+    readonly viewKey?: string;
 }>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAOD,eAAO,MAAM,UAAU,0BAA4B,CAAA;AAEnD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAgBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Actions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,cAAc,EAAE,CAAC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAOD,eAAO,MAAM,UAAU,0BAA4B,CAAA;AAEnD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAC/B,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B,CAuBA,CAAA"}

package/dist/providers/Actions/index.js

@@ -2,22 +2,54 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, use, useState } from 'react';
+import React, { createContext, use, useEffect, useState } from 'react';
+import { useEffectEvent } from '../../hooks/useEffectEvent.js';
 const ActionsContext = /*#__PURE__*/createContext({
   Actions: {},
   setViewActions: () => {}
 });
 export const useActions = () => use(ActionsContext);
 export const ActionsProvider = t0 => {
-  const $ = _c(4);
+  const $ = _c(10);
   const {
     Actions,
-    children
+    children,
+    viewKey
   } = t0;
   const [viewActions, setViewActions] = useState(Actions);
   let t1;
-  if ($[0] !== Actions || $[1] !== children || $[2] !== viewActions) {
-    t1 = _jsx(ActionsContext, {
+  if ($[0] !== Actions) {
+    t1 = () => {
+      setViewActions(Actions);
+    };
+    $[0] = Actions;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const resetViewActions = useEffectEvent(t1);
+  let t2;
+  if ($[2] !== resetViewActions) {
+    t2 = () => {
+      resetViewActions();
+    };
+    $[2] = resetViewActions;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== viewKey) {
+    t3 = [viewKey];
+    $[4] = viewKey;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[6] !== Actions || $[7] !== children || $[8] !== viewActions) {
+    t4 = _jsx(ActionsContext, {
       value: {
         Actions: {
           ...viewActions,
@@ -27,13 +59,13 @@ export const ActionsProvider = t0 => {
       },
       children
     });
-    $[0] = Actions;
-    $[1] = children;
-    $[2] = viewActions;
-    $[3] = t1;
+    $[6] = Actions;
+    $[7] = children;
+    $[8] = viewActions;
+    $[9] = t4;
   } else {
-    t1 = $[3];
+    t4 = $[9];
   }
-  return t1;
+  return t4;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useState","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","t0","$","children","viewActions","t1","_jsx","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useState } from 'react'\n\ntype ActionsContextType = {\n  Actions: {\n    [key: string]: React.ReactNode\n  }\n  setViewActions: (actions: ActionsContextType['Actions']) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  Actions: {},\n  setViewActions: () => {},\n})\n\nexport const useActions = () => use(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly Actions?: {\n    [key: string]: React.ReactNode\n  }\n  readonly children: React.ReactNode\n}> = ({ Actions, children }) => {\n  const [viewActions, setViewActions] = useState(Actions)\n\n  return (\n    <ActionsContext\n      value={{\n        Actions: {\n          ...viewActions,\n          ...Actions,\n        },\n        setViewActions,\n      }}\n    >\n      {children}\n    </ActionsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AASpD,MAAMC,cAAA,gBAAiBH,aAAA,CAAkC;EACvDI,OAAA,EAAS,CAAC;EACVC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAML,GAAA,CAAIE,cAAA;AAEpC,OAAO,MAAMI,eAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAM,OAAA;IAAAM;EAAA,IAAAF,EAAqB;EACzB,OAAAG,WAAA,EAAAN,cAAA,IAAsCH,QAAA,CAASE,OAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,OAAA,IAAAK,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,WAAA;IAG7CC,EAAA,GAAAC,IAAA,CAAAV,cAAA;MAAAW,KAAA;QAAAV,OAAA;UAAA,GAGSO,WAAW;UAAA,GACXP;QAAO;QAAAC;MAAA;MAAAK;IAAA,C;;;;;;;;SAJhBE,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useEffect","useState","useEffectEvent","ActionsContext","Actions","setViewActions","useActions","ActionsProvider","t0","$","children","viewKey","viewActions","t1","resetViewActions","t2","t3","t4","_jsx","value"],"sources":["../../../src/providers/Actions/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\n\ntype ActionsContextType = {\n  Actions: {\n    [key: string]: React.ReactNode\n  }\n  setViewActions: (actions: ActionsContextType['Actions']) => void\n}\n\nconst ActionsContext = createContext<ActionsContextType>({\n  Actions: {},\n  setViewActions: () => {},\n})\n\nexport const useActions = () => use(ActionsContext)\n\nexport const ActionsProvider: React.FC<{\n  readonly Actions?: {\n    [key: string]: React.ReactNode\n  }\n  readonly children: React.ReactNode\n  readonly viewKey?: string\n}> = ({ Actions, children, viewKey }) => {\n  const [viewActions, setViewActions] = useState(Actions)\n  const resetViewActions = useEffectEvent(() => {\n    setViewActions(Actions)\n  })\n\n  useEffect(() => {\n    resetViewActions()\n  }, [viewKey])\n\n  return (\n    <ActionsContext\n      value={{\n        Actions: {\n          ...viewActions,\n          ...Actions,\n        },\n        setViewActions,\n      }}\n    >\n      {children}\n    </ActionsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAE/D,SAASC,cAAc,QAAQ;AAS/B,MAAMC,cAAA,gBAAiBL,aAAA,CAAkC;EACvDM,OAAA,EAAS,CAAC;EACVC,cAAA,EAAgBA,CAAA,MAAO;AACzB;AAEA,OAAO,MAAMC,UAAA,GAAaA,CAAA,KAAMP,GAAA,CAAII,cAAA;AAEpC,OAAO,MAAMI,eAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAQ,OAAA;IAAAM,QAAA;IAAAC;EAAA,IAAAH,EAA8B;EAClC,OAAAI,WAAA,EAAAP,cAAA,IAAsCJ,QAAA,CAASG,OAAA;EAAA,IAAAS,EAAA;EAAA,IAAAJ,CAAA,QAAAL,OAAA;IACPS,EAAA,GAAAA,CAAA;MACtCR,cAAA,CAAeD,OAAA;IAAA;IACjBK,CAAA,MAAAL,OAAA;IAAAK,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAFA,MAAAK,gBAAA,GAAyBZ,cAAA,CAAeW,EAExC;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAK,gBAAA;IAEUC,EAAA,GAAAA,CAAA;MACRD,gBAAA;IAAA;IACFL,CAAA,MAAAK,gBAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,OAAA;IAAGK,EAAA,IAACL,OAAA;IAAQF,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAFZT,SAAA,CAAUe,EAEV,EAAGC,EAAS;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAL,OAAA,IAAAK,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,WAAA;IAGVK,EAAA,GAAAC,IAAA,CAAAf,cAAA;MAAAgB,KAAA;QAAAf,OAAA;UAAA,GAGSQ,WAAW;UAAA,GACXR;QAAO;QAAAC;MAAA;MAAAK;IAAA,C;;;;;;;;SAJhBO,E;CAYJ","ignoreList":[]}

package/dist/providers/Auth/AuthSessionDebug/index.css

@@ -0,0 +1,48 @@
+@layer payload-default {
+  .auth-session-debug {
+    background: rgba(20, 20, 24, 0.92);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 8px;
+    bottom: 16px;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
+    color: #fff;
+    display: grid;
+    font-family: monospace;
+    font-size: 13px;
+    gap: 6px;
+    line-height: 1.4;
+    padding: 12px 14px;
+    pointer-events: none;
+    position: fixed;
+    right: 16px;
+    z-index: 1000;
+  }
+
+  .auth-session-debug__activity {
+    align-items: center;
+    display: flex;
+    gap: 8px;
+  }
+
+  .auth-session-debug__activity-indicator {
+    border-radius: 50%;
+    height: 8px;
+    width: 8px;
+  }
+
+  .auth-session-debug__activity--waiting .auth-session-debug__activity-indicator {
+    background: #a1a1aa;
+  }
+
+  .auth-session-debug__activity--tracking .auth-session-debug__activity-indicator {
+    background: #f59e0b;
+  }
+
+  .auth-session-debug__activity--will-refresh .auth-session-debug__activity-indicator {
+    background: #22c55e;
+  }
+
+  .auth-session-debug__activity--closed .auth-session-debug__activity-indicator {
+    background: #ef4444;
+  }
+}

package/dist/providers/Auth/AuthSessionDebug/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.css';
+type Props = {
+    children?: React.ReactNode;
+};
+/**
+ * Displays the current auth session's expiration, refresh, and activity lifecycle.
+ *
+ * Register this component as an admin provider to render it on every admin page.
+ */
+export declare const AuthSessionDebug: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/Auth/AuthSessionDebug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/Auth/AuthSessionDebug/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,aAAa,CAAA;AAEpB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkD5C,CAAA"}