@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/Nav/SettingsMenuButton/index.js

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { GearIcon, Popup, useTranslation } from '@payloadcms/ui';
-import { Fragment } from 'react';
+import React, { Fragment } from 'react';
 import './index.scss';
 const baseClass = 'settings-menu-button';
 export const SettingsMenuButton = ({ settingsMenu })=>{
@@ -8,9 +9,31 @@ export const SettingsMenuButton = ({ settingsMenu })=>{
     if (!settingsMenu || settingsMenu.length === 0) {
         return null;
     }
-    return <Popup button={<GearIcon ariaLabel={t('general:menu')}/>} className={baseClass} horizontalAlign="left" id="settings-menu" size="small" verticalAlign="bottom">
-      {settingsMenu.map((item, i)=><Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>)}
-    </Popup>;
+    return /*#__PURE__*/ _jsxDEV(Popup, {
+        button: /*#__PURE__*/ _jsxDEV(GearIcon, {
+            ariaLabel: t('general:menu')
+        }, void 0, false, {
+            fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
+            lineNumber: 22,
+            columnNumber: 15
+        }, void 0),
+        className: baseClass,
+        horizontalAlign: "left",
+        id: "settings-menu",
+        size: "small",
+        verticalAlign: "bottom",
+        children: settingsMenu.map((item, i)=>/*#__PURE__*/ _jsxDEV(Fragment, {
+                children: item
+            }, `settings-menu-item-${i}`, false, {
+                fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
+                lineNumber: 30,
+                columnNumber: 9
+            }, this))
+    }, void 0, false, {
+        fileName: "src/elements/Nav/SettingsMenuButton/index.tsx",
+        lineNumber: 21,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Nav/SettingsMenuButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"sourcesContent":["'use client'\nimport { GearIcon, Popup, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'settings-menu-button'\n\nexport type SettingsMenuButtonProps = {\n  settingsMenu?: React.ReactNode[]\n}\n\nexport const SettingsMenuButton: React.FC<SettingsMenuButtonProps> = ({ settingsMenu }) => {\n  const { t } = useTranslation()\n\n  if (!settingsMenu || settingsMenu.length === 0) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<GearIcon ariaLabel={t('general:menu')} />}\n      className={baseClass}\n      horizontalAlign=\"left\"\n      id=\"settings-menu\"\n      size=\"small\"\n      verticalAlign=\"bottom\"\n    >\n      {settingsMenu.map((item, i) => (\n        <Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>\n      ))}\n    </Popup>\n  )\n}\n"],"names":["GearIcon","Popup","useTranslation","Fragment","baseClass","SettingsMenuButton","settingsMenu","t","length","button","ariaLabel","className","horizontalAlign","id","size","verticalAlign","map","item","i","key"],"mappings":"AAAA;AACA,SAASA,QAAQ,EAAEC,KAAK,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAAgBC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,MAAMC,qBAAwD,CAAC,EAAEC,YAAY,EAAE;IACpF,MAAM,EAAEC,CAAC,EAAE,GAAGL;IAEd,IAAI,CAACI,gBAAgBA,aAAaE,MAAM,KAAK,GAAG;QAC9C,OAAO;IACT;IAEA,QACGP,MACCQ,SAAST,SAASU,WAAWH,EAAE,oBAC/BI,WAAWP,WACXQ,gBAAgB,OAChBC,GAAG,gBACHC,KAAK,QACLC,cAAc,SACf;MACC,CAACT,aAAaU,GAAG,CAAC,CAACC,MAAMC,KACtBf,SAASgB,KAAK,CAAC,mBAAmB,EAAED,GAAG,GAAGD,OAAOd,WACjD;IACL,EAAEF;AAEN,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Nav/SettingsMenuButton/index.tsx"],"sourcesContent":["'use client'\nimport { GearIcon, Popup, useTranslation } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'settings-menu-button'\n\nexport type SettingsMenuButtonProps = {\n  settingsMenu?: React.ReactNode[]\n}\n\nexport const SettingsMenuButton: React.FC<SettingsMenuButtonProps> = ({ settingsMenu }) => {\n  const { t } = useTranslation()\n\n  if (!settingsMenu || settingsMenu.length === 0) {\n    return null\n  }\n\n  return (\n    <Popup\n      button={<GearIcon ariaLabel={t('general:menu')} />}\n      className={baseClass}\n      horizontalAlign=\"left\"\n      id=\"settings-menu\"\n      size=\"small\"\n      verticalAlign=\"bottom\"\n    >\n      {settingsMenu.map((item, i) => (\n        <Fragment key={`settings-menu-item-${i}`}>{item}</Fragment>\n      ))}\n    </Popup>\n  )\n}\n"],"names":["GearIcon","Popup","useTranslation","React","Fragment","baseClass","SettingsMenuButton","settingsMenu","t","length","button","ariaLabel","className","horizontalAlign","id","size","verticalAlign","map","item","i"],"mappings":"AAAA;;AACA,SAASA,QAAQ,EAAEC,KAAK,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,MAAMC,qBAAwD,CAAC,EAAEC,YAAY,EAAE;IACpF,MAAM,EAAEC,CAAC,EAAE,GAAGN;IAEd,IAAI,CAACK,gBAAgBA,aAAaE,MAAM,KAAK,GAAG;QAC9C,OAAO;IACT;IAEA,qBACE,QAACR;QACCS,sBAAQ,QAACV;YAASW,WAAWH,EAAE;;;;;;QAC/BI,WAAWP;QACXQ,iBAAgB;QAChBC,IAAG;QACHC,MAAK;QACLC,eAAc;kBAEbT,aAAaU,GAAG,CAAC,CAACC,MAAMC,kBACvB,QAACf;0BAA0Cc;eAA5B,CAAC,mBAAmB,EAAEC,GAAG;;;;;;;;;;AAIhD,EAAC"}

package/dist/elements/Nav/index.client.js

@@ -1,10 +1,11 @@
 'use client';
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui';
 import { EntityType } from '@payloadcms/ui/shared';
 import { usePathname } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
-import { Fragment } from 'react';
+import React, { Fragment } from 'react';
 const baseClass = 'nav';
 /**
  * @internal
@@ -17,48 +18,95 @@ const baseClass = 'nav';
         path: foldersRoute
     });
     const viewingRootFolderView = pathname.startsWith(folderURL);
-    return <Fragment>
-      {folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView}/>}
-      {groups.map(({ entities, label }, key)=>{
-        return <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>
-            {entities.map(({ slug, type, label }, i)=>{
-            let href;
-            let id;
-            if (type === EntityType.collection) {
-                href = formatAdminURL({
-                    adminRoute,
-                    path: `/collections/${slug}`
-                });
-                id = `nav-${slug}`;
-            }
-            if (type === EntityType.global) {
-                href = formatAdminURL({
-                    adminRoute,
-                    path: `/globals/${slug}`
-                });
-                id = `nav-global-${slug}`;
-            }
-            const isActive = pathname.startsWith(href) && [
-                '/',
-                undefined
-            ].includes(pathname[href.length]);
-            const Label = <>
-                  {isActive && <div className={`${baseClass}__link-indicator`}/>}
-                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>
-                </>;
-            // If the URL matches the link exactly
-            if (pathname === href) {
-                return <div className={`${baseClass}__link`} id={id} key={i}>
-                    {Label}
-                  </div>;
-            }
-            return <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>
-                  {Label}
-                </Link>;
-        })}
-          </NavGroup>;
-    })}
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: [
+            folders && folders.browseByFolder && /*#__PURE__*/ _jsxDEV(BrowseByFolderButton, {
+                active: viewingRootFolderView
+            }, void 0, false, {
+                fileName: "src/elements/Nav/index.client.tsx",
+                lineNumber: 45,
+                columnNumber: 45
+            }, this),
+            groups.map(({ entities, label }, key)=>{
+                return /*#__PURE__*/ _jsxDEV(NavGroup, {
+                    isOpen: navPreferences?.groups?.[label]?.open,
+                    label: label,
+                    children: entities.map(({ slug, type, label }, i)=>{
+                        let href;
+                        let id;
+                        if (type === EntityType.collection) {
+                            href = formatAdminURL({
+                                adminRoute,
+                                path: `/collections/${slug}`
+                            });
+                            id = `nav-${slug}`;
+                        }
+                        if (type === EntityType.global) {
+                            href = formatAdminURL({
+                                adminRoute,
+                                path: `/globals/${slug}`
+                            });
+                            id = `nav-global-${slug}`;
+                        }
+                        const isActive = pathname.startsWith(href) && [
+                            '/',
+                            undefined
+                        ].includes(pathname[href.length]);
+                        const Label = /*#__PURE__*/ _jsxDEV(_Fragment, {
+                            children: [
+                                isActive && /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__link-indicator`
+                                }, void 0, false, {
+                                    fileName: "src/elements/Nav/index.client.tsx",
+                                    lineNumber: 68,
+                                    columnNumber: 32
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV("span", {
+                                    className: `${baseClass}__link-label`,
+                                    children: getTranslation(label, i18n)
+                                }, void 0, false, {
+                                    fileName: "src/elements/Nav/index.client.tsx",
+                                    lineNumber: 69,
+                                    columnNumber: 19
+                                }, this)
+                            ]
+                        }, void 0, true);
+                        // If the URL matches the link exactly
+                        if (pathname === href) {
+                            return /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__link`,
+                                id: id,
+                                children: Label
+                            }, i, false, {
+                                fileName: "src/elements/Nav/index.client.tsx",
+                                lineNumber: 76,
+                                columnNumber: 19
+                            }, this);
+                        }
+                        return /*#__PURE__*/ _jsxDEV(Link, {
+                            className: `${baseClass}__link`,
+                            href: href,
+                            id: id,
+                            prefetch: false,
+                            children: Label
+                        }, i, false, {
+                            fileName: "src/elements/Nav/index.client.tsx",
+                            lineNumber: 83,
+                            columnNumber: 17
+                        }, this);
+                    })
+                }, key, false, {
+                    fileName: "src/elements/Nav/index.client.tsx",
+                    lineNumber: 48,
+                    columnNumber: 11
+                }, this);
+            })
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Nav/index.client.tsx",
+        lineNumber: 44,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.client.js.map

package/dist/elements/Nav/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      admin: {\n        routes: { browseByFolder: foldersRoute },\n      },\n      folders,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const folderURL = formatAdminURL({\n    adminRoute,\n    path: foldersRoute,\n  })\n\n  const viewingRootFolderView = pathname.startsWith(folderURL)\n\n  return (\n    <Fragment>\n      {folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView} />}\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const isActive =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              const Label = (\n                <>\n                  {isActive && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n                </>\n              )\n\n              // If the URL matches the link exactly\n              if (pathname === href) {\n                return (\n                  <div className={`${baseClass}__link`} id={id} key={i}>\n                    {Label}\n                  </div>\n                )\n              }\n\n              return (\n                <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>\n                  {Label}\n                </Link>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","BrowseByFolderButton","Link","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","Fragment","baseClass","DefaultNavClient","groups","navPreferences","pathname","config","admin","routes","browseByFolder","foldersRoute","folders","adminRoute","i18n","folderURL","path","viewingRootFolderView","startsWith","active","map","entities","label","key","isOpen","open","slug","type","i","href","id","collection","global","isActive","undefined","includes","length","Label","div","className","span","prefetch"],"mappings":"AAAA;AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,oBAAoB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChG,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,SAAgBC,QAAQ,QAAQ,QAAO;AAEvC,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,mBAGR,CAAC,EAAEC,MAAM,EAAEC,cAAc,EAAE;IAC9B,MAAMC,WAAWP;IAEjB,MAAM,EACJQ,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDC,OAAO,EACPH,QAAQ,EAAED,OAAOK,UAAU,EAAE,EAC9B,EACF,GAAGjB;IAEJ,MAAM,EAAEkB,IAAI,EAAE,GAAGjB;IAEjB,MAAMkB,YAAYf,eAAe;QAC/Ba;QACAG,MAAML;IACR;IAEA,MAAMM,wBAAwBX,SAASY,UAAU,CAACH;IAElD,QACGd,SAAS;MACR,CAACW,WAAWA,QAAQF,cAAc,KAAKjB,qBAAqB0B,QAAQF,yBAA0B;MAC9F,CAACb,OAAOgB,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC;QAChC,QACG5B,SAAS6B,QAAQnB,gBAAgBD,QAAQ,CAACkB,MAAM,EAAEG,MAAMF,KAAKA,KAAKD,OAAOA,OAAO;YAC/E,CAACD,SAASD,GAAG,CAAC,CAAC,EAAEM,IAAI,EAAEC,IAAI,EAAEL,KAAK,EAAE,EAAEM;YACpC,IAAIC;YACJ,IAAIC;YAEJ,IAAIH,SAAS7B,WAAWiC,UAAU,EAAE;gBAClCF,OAAO7B,eAAe;oBAAEa;oBAAYG,MAAM,CAAC,aAAa,EAAEU,MAAM;gBAAC;gBACjEI,KAAK,CAAC,IAAI,EAAEJ,MAAM;YACpB;YAEA,IAAIC,SAAS7B,WAAWkC,MAAM,EAAE;gBAC9BH,OAAO7B,eAAe;oBAAEa;oBAAYG,MAAM,CAAC,SAAS,EAAEU,MAAM;gBAAC;gBAC7DI,KAAK,CAAC,WAAW,EAAEJ,MAAM;YAC3B;YAEA,MAAMO,WACJ3B,SAASY,UAAU,CAACW,SAAS;gBAAC;gBAAKK;aAAU,CAACC,QAAQ,CAAC7B,QAAQ,CAACuB,KAAKO,MAAM,CAAC;YAE9E,MAAMC,UACF;kBACA,CAACJ,aAAaK,IAAIC,WAAW,GAAGrC,UAAU,gBAAgB,CAAC,IAAK;kBAChE,CAACsC,KAAKD,WAAW,GAAGrC,UAAU,YAAY,CAAC,GAAGV,eAAe8B,OAAOR,QAAQ0B,KAAK;gBACnF;YAGF,sCAAsC;YACtC,IAAIlC,aAAauB,MAAM;gBACrB,QACGS,IAAIC,WAAW,GAAGrC,UAAU,MAAM,CAAC,EAAE4B,IAAIA,IAAIP,KAAKK,GAAG;oBACpD,CAACS,MAAM;kBACT,EAAEC;YAEN;YAEA,QACG5C,KAAK6C,WAAW,GAAGrC,UAAU,MAAM,CAAC,EAAE2B,MAAMA,MAAMC,IAAIA,IAAIP,KAAKK,GAAGa,UAAU,OAAO;kBAClF,CAACJ,MAAM;gBACT,EAAE3C;QAEN,GAAG;UACL,EAAEC;IAEN,GAAG;IACL,EAAEM;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { BrowseByFolderButton, Link, NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType } from '@payloadcms/ui/shared'\nimport { usePathname } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\n/**\n * @internal\n */\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      admin: {\n        routes: { browseByFolder: foldersRoute },\n      },\n      folders,\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const folderURL = formatAdminURL({\n    adminRoute,\n    path: foldersRoute,\n  })\n\n  const viewingRootFolderView = pathname.startsWith(folderURL)\n\n  return (\n    <Fragment>\n      {folders && folders.browseByFolder && <BrowseByFolderButton active={viewingRootFolderView} />}\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const isActive =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              const Label = (\n                <>\n                  {isActive && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n                </>\n              )\n\n              // If the URL matches the link exactly\n              if (pathname === href) {\n                return (\n                  <div className={`${baseClass}__link`} id={id} key={i}>\n                    {Label}\n                  </div>\n                )\n              }\n\n              return (\n                <Link className={`${baseClass}__link`} href={href} id={id} key={i} prefetch={false}>\n                  {Label}\n                </Link>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","BrowseByFolderButton","Link","NavGroup","useConfig","useTranslation","EntityType","usePathname","formatAdminURL","React","Fragment","baseClass","DefaultNavClient","groups","navPreferences","pathname","config","admin","routes","browseByFolder","foldersRoute","folders","adminRoute","i18n","folderURL","path","viewingRootFolderView","startsWith","active","map","entities","label","key","isOpen","open","slug","type","i","href","id","collection","global","isActive","undefined","includes","length","Label","div","className","span","prefetch"],"mappings":"AAAA;;AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,oBAAoB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChG,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,QAAQ,qBAAoB;AAChD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,mBAGR,CAAC,EAAEC,MAAM,EAAEC,cAAc,EAAE;IAC9B,MAAMC,WAAWR;IAEjB,MAAM,EACJS,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDC,OAAO,EACPH,QAAQ,EAAED,OAAOK,UAAU,EAAE,EAC9B,EACF,GAAGlB;IAEJ,MAAM,EAAEmB,IAAI,EAAE,GAAGlB;IAEjB,MAAMmB,YAAYhB,eAAe;QAC/Bc;QACAG,MAAML;IACR;IAEA,MAAMM,wBAAwBX,SAASY,UAAU,CAACH;IAElD,qBACE,QAACd;;YACEW,WAAWA,QAAQF,cAAc,kBAAI,QAAClB;gBAAqB2B,QAAQF;;;;;;YACnEb,OAAOgB,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAE,EAAEC;gBAChC,qBACE,QAAC7B;oBAAS8B,QAAQnB,gBAAgBD,QAAQ,CAACkB,MAAM,EAAEG;oBAAgBH,OAAOA;8BACvED,SAASD,GAAG,CAAC,CAAC,EAAEM,IAAI,EAAEC,IAAI,EAAEL,KAAK,EAAE,EAAEM;wBACpC,IAAIC;wBACJ,IAAIC;wBAEJ,IAAIH,SAAS9B,WAAWkC,UAAU,EAAE;4BAClCF,OAAO9B,eAAe;gCAAEc;gCAAYG,MAAM,CAAC,aAAa,EAAEU,MAAM;4BAAC;4BACjEI,KAAK,CAAC,IAAI,EAAEJ,MAAM;wBACpB;wBAEA,IAAIC,SAAS9B,WAAWmC,MAAM,EAAE;4BAC9BH,OAAO9B,eAAe;gCAAEc;gCAAYG,MAAM,CAAC,SAAS,EAAEU,MAAM;4BAAC;4BAC7DI,KAAK,CAAC,WAAW,EAAEJ,MAAM;wBAC3B;wBAEA,MAAMO,WACJ3B,SAASY,UAAU,CAACW,SAAS;4BAAC;4BAAKK;yBAAU,CAACC,QAAQ,CAAC7B,QAAQ,CAACuB,KAAKO,MAAM,CAAC;wBAE9E,MAAMC,sBACJ;;gCACGJ,0BAAY,QAACK;oCAAIC,WAAW,GAAGrC,UAAU,gBAAgB,CAAC;;;;;;8CAC3D,QAACsC;oCAAKD,WAAW,GAAGrC,UAAU,YAAY,CAAC;8CAAGX,eAAe+B,OAAOR;;;;;;;;wBAIxE,sCAAsC;wBACtC,IAAIR,aAAauB,MAAM;4BACrB,qBACE,QAACS;gCAAIC,WAAW,GAAGrC,UAAU,MAAM,CAAC;gCAAE4B,IAAIA;0CACvCO;+BADgDT;;;;;wBAIvD;wBAEA,qBACE,QAACnC;4BAAK8C,WAAW,GAAGrC,UAAU,MAAM,CAAC;4BAAE2B,MAAMA;4BAAMC,IAAIA;4BAAYW,UAAU;sCAC1EJ;2BAD6DT;;;;;oBAIpE;mBAvC4DL;;;;;YA0ClE;;;;;;;AAGN,EAAC"}

package/dist/elements/Nav/index.js

@@ -1,6 +1,8 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Logout } from '@payloadcms/ui';
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
+import React from 'react';
 import { NavHamburger } from './NavHamburger/index.js';
 import { NavWrapper } from './NavWrapper/index.js';
 import { SettingsMenuButton } from './SettingsMenuButton/index.js';
@@ -61,54 +63,104 @@ export const DefaultNav = async (props)=>{
                 user
             }
         })) : [];
-    return <NavWrapper baseClass={baseClass}>
-      <nav className={`${baseClass}__wrap`}>
-        {RenderServerComponent({
-        clientProps: {
-            documentSubViewType,
-            viewType
-        },
-        Component: beforeNavLinks,
-        importMap: payload.importMap,
-        serverProps: {
-            i18n,
-            locale,
-            params,
-            payload,
-            permissions,
-            searchParams,
-            user
-        }
-    })}
-        <DefaultNavClient groups={groups} navPreferences={navPreferences}/>
-        {RenderServerComponent({
-        clientProps: {
-            documentSubViewType,
-            viewType
-        },
-        Component: afterNavLinks,
-        importMap: payload.importMap,
-        serverProps: {
-            i18n,
-            locale,
-            params,
-            payload,
-            permissions,
-            searchParams,
-            user
-        }
-    })}
-        <div className={`${baseClass}__controls`}>
-          <SettingsMenuButton settingsMenu={renderedSettingsMenu}/>
-          {LogoutComponent}
-        </div>
-      </nav>
-      <div className={`${baseClass}__header`}>
-        <div className={`${baseClass}__header-content`}>
-          <NavHamburger baseClass={baseClass}/>
-        </div>
-      </div>
-    </NavWrapper>;
+    return /*#__PURE__*/ _jsxDEV(NavWrapper, {
+        baseClass: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxDEV("nav", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    RenderServerComponent({
+                        clientProps: {
+                            documentSubViewType,
+                            viewType
+                        },
+                        Component: beforeNavLinks,
+                        importMap: payload.importMap,
+                        serverProps: {
+                            i18n,
+                            locale,
+                            params,
+                            payload,
+                            permissions,
+                            searchParams,
+                            user
+                        }
+                    }),
+                    /*#__PURE__*/ _jsxDEV(DefaultNavClient, {
+                        groups: groups,
+                        navPreferences: navPreferences
+                    }, void 0, false, {
+                        fileName: "src/elements/Nav/index.tsx",
+                        lineNumber: 140,
+                        columnNumber: 9
+                    }, this),
+                    RenderServerComponent({
+                        clientProps: {
+                            documentSubViewType,
+                            viewType
+                        },
+                        Component: afterNavLinks,
+                        importMap: payload.importMap,
+                        serverProps: {
+                            i18n,
+                            locale,
+                            params,
+                            payload,
+                            permissions,
+                            searchParams,
+                            user
+                        }
+                    }),
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__controls`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(SettingsMenuButton, {
+                                settingsMenu: renderedSettingsMenu
+                            }, void 0, false, {
+                                fileName: "src/elements/Nav/index.tsx",
+                                lineNumber: 159,
+                                columnNumber: 11
+                            }, this),
+                            LogoutComponent
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/Nav/index.tsx",
+                        lineNumber: 158,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Nav/index.tsx",
+                lineNumber: 122,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__header`,
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__header-content`,
+                    children: /*#__PURE__*/ _jsxDEV(NavHamburger, {
+                        baseClass: baseClass
+                    }, void 0, false, {
+                        fileName: "src/elements/Nav/index.tsx",
+                        lineNumber: 165,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Nav/index.tsx",
+                    lineNumber: 164,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Nav/index.tsx",
+                lineNumber: 163,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Nav/index.tsx",
+        lineNumber: 121,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Nav/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport { SettingsMenuButton } from './SettingsMenuButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { getNavPrefs } from './getNavPrefs.js'\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = {\n  req?: PayloadRequest\n} & ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = async (props) => {\n  const {\n    documentSubViewType,\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    user,\n    viewType,\n    visibleEntities,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks, logout, settingsMenu },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const navPreferences = await getNavPrefs(req)\n\n  const LogoutComponent = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: logout?.Button,\n    Fallback: Logout,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const renderedSettingsMenu =\n    settingsMenu && Array.isArray(settingsMenu)\n      ? settingsMenu.map((item, index) =>\n          RenderServerComponent({\n            clientProps: {\n              documentSubViewType,\n              viewType,\n            },\n            Component: item,\n            importMap: payload.importMap,\n            key: `settings-menu-item-${index}`,\n            serverProps: {\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            },\n          }),\n        )\n      : []\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {RenderServerComponent({\n          clientProps: {\n            documentSubViewType,\n            viewType,\n          },\n          Component: beforeNavLinks,\n          importMap: payload.importMap,\n          serverProps: {\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          },\n        })}\n        <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n        {RenderServerComponent({\n          clientProps: {\n            documentSubViewType,\n            viewType,\n          },\n          Component: afterNavLinks,\n          importMap: payload.importMap,\n          serverProps: {\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          },\n        })}\n        <div className={`${baseClass}__controls`}>\n          <SettingsMenuButton settingsMenu={renderedSettingsMenu} />\n          {LogoutComponent}\n        </div>\n      </nav>\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"names":["Logout","RenderServerComponent","EntityType","groupNavItems","NavHamburger","NavWrapper","SettingsMenuButton","baseClass","getNavPrefs","DefaultNavClient","DefaultNav","props","documentSubViewType","i18n","locale","params","payload","permissions","req","searchParams","user","viewType","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","logout","settingsMenu","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","LogoutComponent","clientProps","Component","Button","Fallback","importMap","serverProps","renderedSettingsMenu","Array","isArray","item","index","key","nav","className","div"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { EntityToGroup } from '@payloadcms/ui/shared'\nimport type { PayloadRequest, ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport { SettingsMenuButton } from './SettingsMenuButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { getNavPrefs } from './getNavPrefs.js'\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = {\n  req?: PayloadRequest\n} & ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = async (props) => {\n  const {\n    documentSubViewType,\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    req,\n    searchParams,\n    user,\n    viewType,\n    visibleEntities,\n  } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks, logout, settingsMenu },\n    },\n    collections,\n    globals,\n  } = payload.config\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => visibleEntities.collections.includes(slug))\n        .map(\n          (collection) =>\n            ({\n              type: EntityType.collection,\n              entity: collection,\n            }) satisfies EntityToGroup,\n        ),\n      ...globals\n        .filter(({ slug }) => visibleEntities.globals.includes(slug))\n        .map(\n          (global) =>\n            ({\n              type: EntityType.global,\n              entity: global,\n            }) satisfies EntityToGroup,\n        ),\n    ],\n    permissions,\n    i18n,\n  )\n\n  const navPreferences = await getNavPrefs(req)\n\n  const LogoutComponent = RenderServerComponent({\n    clientProps: {\n      documentSubViewType,\n      viewType,\n    },\n    Component: logout?.Button,\n    Fallback: Logout,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const renderedSettingsMenu =\n    settingsMenu && Array.isArray(settingsMenu)\n      ? settingsMenu.map((item, index) =>\n          RenderServerComponent({\n            clientProps: {\n              documentSubViewType,\n              viewType,\n            },\n            Component: item,\n            importMap: payload.importMap,\n            key: `settings-menu-item-${index}`,\n            serverProps: {\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            },\n          }),\n        )\n      : []\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {RenderServerComponent({\n          clientProps: {\n            documentSubViewType,\n            viewType,\n          },\n          Component: beforeNavLinks,\n          importMap: payload.importMap,\n          serverProps: {\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          },\n        })}\n        <DefaultNavClient groups={groups} navPreferences={navPreferences} />\n        {RenderServerComponent({\n          clientProps: {\n            documentSubViewType,\n            viewType,\n          },\n          Component: afterNavLinks,\n          importMap: payload.importMap,\n          serverProps: {\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          },\n        })}\n        <div className={`${baseClass}__controls`}>\n          <SettingsMenuButton settingsMenu={renderedSettingsMenu} />\n          {LogoutComponent}\n        </div>\n      </nav>\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"names":["Logout","RenderServerComponent","EntityType","groupNavItems","React","NavHamburger","NavWrapper","SettingsMenuButton","baseClass","getNavPrefs","DefaultNavClient","DefaultNav","props","documentSubViewType","i18n","locale","params","payload","permissions","req","searchParams","user","viewType","visibleEntities","config","admin","components","afterNavLinks","beforeNavLinks","logout","settingsMenu","collections","globals","groups","filter","slug","includes","map","collection","type","entity","global","navPreferences","LogoutComponent","clientProps","Component","Button","Fallback","importMap","serverProps","renderedSettingsMenu","Array","isArray","item","index","key","nav","className","div"],"mappings":"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"}

package/dist/layouts/Root/NestProviders.js

@@ -1,11 +1,20 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import '@payloadcms/ui/scss/app.scss';
+import React from 'react';
 export function NestProviders({ children, importMap, providers, serverProps }) {
     return RenderServerComponent({
         clientProps: {
-            children: providers.length > 1 ? <NestProviders importMap={importMap} providers={providers.slice(1)} serverProps={serverProps}>
-            {children}
-          </NestProviders> : children
+            children: providers.length > 1 ? /*#__PURE__*/ _jsxDEV(NestProviders, {
+                importMap: importMap,
+                providers: providers.slice(1),
+                serverProps: serverProps,
+                children: children
+            }, void 0, false, {
+                fileName: "src/layouts/Root/NestProviders.tsx",
+                lineNumber: 24,
+                columnNumber: 11
+            }, this) : children
         },
         Component: providers[0],
         importMap,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/layouts/Root/NestProviders.tsx"],"sourcesContent":["import type { Config, ImportMap, ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport '@payloadcms/ui/scss/app.scss'\nimport React from 'react'\n\ntype Args = {\n  readonly children: React.ReactNode\n  readonly importMap: ImportMap\n  readonly providers: Config['admin']['components']['providers']\n  readonly serverProps: ServerProps\n}\n\nexport function NestProviders({\n  children,\n  importMap,\n  providers,\n  serverProps,\n}: Args): React.ReactNode {\n  return RenderServerComponent({\n    clientProps: {\n      children:\n        providers.length > 1 ? (\n          <NestProviders\n            importMap={importMap}\n            providers={providers.slice(1)}\n            serverProps={serverProps}\n          >\n            {children}\n          </NestProviders>\n        ) : (\n          children\n        ),\n    },\n    Component: providers[0],\n    importMap,\n    serverProps,\n  })\n}\n"],"names":["RenderServerComponent","NestProviders","children","importMap","providers","serverProps","clientProps","length","slice","Component"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,OAAO,+BAA8B;AAUrC,OAAO,SAASC,cAAc,EAC5BC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,WAAW,EACN;IACL,OAAOL,sBAAsB;QAC3BM,aAAa;YACXJ,UACEE,UAAUG,MAAM,GAAG,KAChBN,cACCE,WAAWA,WACXC,WAAWA,UAAUI,KAAK,CAAC,IAC3BH,aAAaA,aACd;YACC,CAACH,SAAS;UACZ,EAAED,iBAEFC;QAEN;QACAO,WAAWL,SAAS,CAAC,EAAE;QACvBD;QACAE;IACF;AACF"}
+{"version":3,"sources":["../../../src/layouts/Root/NestProviders.tsx"],"sourcesContent":["import type { Config, ImportMap, ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport '@payloadcms/ui/scss/app.scss'\nimport React from 'react'\n\ntype Args = {\n  readonly children: React.ReactNode\n  readonly importMap: ImportMap\n  readonly providers: Config['admin']['components']['providers']\n  readonly serverProps: ServerProps\n}\n\nexport function NestProviders({\n  children,\n  importMap,\n  providers,\n  serverProps,\n}: Args): React.ReactNode {\n  return RenderServerComponent({\n    clientProps: {\n      children:\n        providers.length > 1 ? (\n          <NestProviders\n            importMap={importMap}\n            providers={providers.slice(1)}\n            serverProps={serverProps}\n          >\n            {children}\n          </NestProviders>\n        ) : (\n          children\n        ),\n    },\n    Component: providers[0],\n    importMap,\n    serverProps,\n  })\n}\n"],"names":["RenderServerComponent","React","NestProviders","children","importMap","providers","serverProps","clientProps","length","slice","Component"],"mappings":";AAEA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,OAAO,+BAA8B;AACrC,OAAOC,WAAW,QAAO;AASzB,OAAO,SAASC,cAAc,EAC5BC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,WAAW,EACN;IACL,OAAON,sBAAsB;QAC3BO,aAAa;YACXJ,UACEE,UAAUG,MAAM,GAAG,kBACjB,QAACN;gBACCE,WAAWA;gBACXC,WAAWA,UAAUI,KAAK,CAAC;gBAC3BH,aAAaA;0BAEZH;;;;;uBAGHA;QAEN;QACAO,WAAWL,SAAS,CAAC,EAAE;QACvBD;QACAE;IACF;AACF"}

package/dist/layouts/Root/index.js

@@ -1,8 +1,10 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { rtlLanguages } from '@payloadcms/translations';
 import { ProgressBar, RootProvider } from '@payloadcms/ui';
 import { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig';
 import { cookies as nextCookies } from 'next/headers.js';
 import { applyLocaleFiltering } from 'payload/shared';
+import React from 'react';
 import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
 import { getRequestTheme } from '../../utilities/getRequestTheme.js';
 import { initReq } from '../../utilities/initReq.js';
@@ -56,25 +58,88 @@ export const RootLayout = async ({ children, config: configPromise, htmlProps =
         config,
         req
     });
-    return <html data-theme={theme} dir={dir} lang={languageCode} suppressHydrationWarning={config?.admin?.suppressHydrationWarning ?? false} {...htmlProps}>
-      <head>
-        <style>{`@layer payload-default, payload;`}</style>
-      </head>
-      <body>
-        <RootProvider config={clientConfig} dateFNSKey={req.i18n.dateFNSKey} fallbackLang={config.i18n.fallbackLanguage} isNavOpen={navPrefs?.open ?? true} languageCode={languageCode} languageOptions={languageOptions} locale={req.locale} permissions={req.user ? permissions : null} serverFunction={serverFunction} switchLanguageServerAction={switchLanguageServerAction} theme={theme} translations={req.i18n.translations} user={req.user}>
-          <ProgressBar/>
-          {Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? <NestProviders importMap={req.payload.importMap} providers={config.admin?.components?.providers} serverProps={{
-        i18n: req.i18n,
-        payload: req.payload,
-        permissions,
-        user: req.user
-    }}>
-              {children}
-            </NestProviders> : children}
-        </RootProvider>
-        <div id="portal"/>
-      </body>
-    </html>;
+    return /*#__PURE__*/ _jsxDEV("html", {
+        "data-theme": theme,
+        dir: dir,
+        lang: languageCode,
+        suppressHydrationWarning: config?.admin?.suppressHydrationWarning ?? false,
+        ...htmlProps,
+        children: [
+            /*#__PURE__*/ _jsxDEV("head", {
+                children: /*#__PURE__*/ _jsxDEV("style", {
+                    children: `@layer payload-default, payload;`
+                }, void 0, false, {
+                    fileName: "src/layouts/Root/index.tsx",
+                    lineNumber: 103,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/layouts/Root/index.tsx",
+                lineNumber: 102,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("body", {
+                children: [
+                    /*#__PURE__*/ _jsxDEV(RootProvider, {
+                        config: clientConfig,
+                        dateFNSKey: req.i18n.dateFNSKey,
+                        fallbackLang: config.i18n.fallbackLanguage,
+                        isNavOpen: navPrefs?.open ?? true,
+                        languageCode: languageCode,
+                        languageOptions: languageOptions,
+                        locale: req.locale,
+                        permissions: req.user ? permissions : null,
+                        serverFunction: serverFunction,
+                        switchLanguageServerAction: switchLanguageServerAction,
+                        theme: theme,
+                        translations: req.i18n.translations,
+                        user: req.user,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(ProgressBar, {}, void 0, false, {
+                                fileName: "src/layouts/Root/index.tsx",
+                                lineNumber: 121,
+                                columnNumber: 11
+                            }, this),
+                            Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? /*#__PURE__*/ _jsxDEV(NestProviders, {
+                                importMap: req.payload.importMap,
+                                providers: config.admin?.components?.providers,
+                                serverProps: {
+                                    i18n: req.i18n,
+                                    payload: req.payload,
+                                    permissions,
+                                    user: req.user
+                                },
+                                children: children
+                            }, void 0, false, {
+                                fileName: "src/layouts/Root/index.tsx",
+                                lineNumber: 124,
+                                columnNumber: 13
+                            }, this) : children
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/layouts/Root/index.tsx",
+                        lineNumber: 106,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        id: "portal"
+                    }, void 0, false, {
+                        fileName: "src/layouts/Root/index.tsx",
+                        lineNumber: 140,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/layouts/Root/index.tsx",
+                lineNumber: 105,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/layouts/Root/index.tsx",
+        lineNumber: 95,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map