@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js

@@ -1,9 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Button } from '@payloadcms/ui';
 import { useParams, usePathname, useSearchParams } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
-import React from 'react';
 export const DocumentTabLink = ({ adminRoute, ariaLabel, baseClass, children, href: hrefFromProps, isActive: isActiveFromProps, newTab })=>{
     const pathname = usePathname();
     const params = useParams();
@@ -26,25 +24,12 @@ export const DocumentTabLink = ({ adminRoute, ariaLabel, baseClass, children, hr
     // separated the two so it doesn't break checks against pathname
     const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`;
     const isActive = href === docPath && pathname === docPath || href !== docPath && pathname.startsWith(href) || isActiveFromProps;
-    return /*#__PURE__*/ _jsxDEV(Button, {
-        "aria-label": ariaLabel,
-        buttonStyle: "tab",
-        className: [
-            baseClass,
-            isActive && `${baseClass}--active`
-        ].filter(Boolean).join(' '),
-        disabled: isActive,
-        el: !isActive || href !== pathname ? 'link' : 'div',
-        margin: false,
-        newTab: newTab,
-        size: "medium",
-        to: !isActive || href !== pathname ? hrefWithLocale : undefined,
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx",
-        lineNumber: 59,
-        columnNumber: 5
-    }, this);
+    return <Button aria-label={ariaLabel} buttonStyle="tab" className={[
+        baseClass,
+        isActive && `${baseClass}--active`
+    ].filter(Boolean).join(' ')} disabled={isActive} el={!isActive || href !== pathname ? 'link' : 'div'} margin={false} newTab={newTab} size="medium" to={!isActive || href !== pathname ? hrefWithLocale : undefined}>
+      {children}
+    </Button>;
 };
 
 //# sourceMappingURL=TabLink.js.map

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload'\n\nimport { Button } from '@payloadcms/ui'\nimport { useParams, usePathname, useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const searchParams = useSearchParams()\n\n  const locale = searchParams.get('locale')\n\n  const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments || []\n  const isCollection = entityType === 'collections'\n\n  let docPath = formatAdminURL({\n    adminRoute,\n    path: `/${isCollection ? 'collections' : 'globals'}/${entitySlug}`,\n  })\n\n  if (isCollection) {\n    if (segmentThree === 'trash' && segmentFour) {\n      docPath += `/trash/${segmentFour}`\n    } else if (segmentThree) {\n      docPath += `/${segmentThree}`\n    }\n  }\n\n  const href = `${docPath}${hrefFromProps}`\n  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <Button\n      aria-label={ariaLabel}\n      buttonStyle=\"tab\"\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n      disabled={isActive}\n      el={!isActive || href !== pathname ? 'link' : 'div'}\n      margin={false}\n      newTab={newTab}\n      size=\"medium\"\n      to={!isActive || href !== pathname ? hrefWithLocale : undefined}\n    >\n      {children}\n    </Button>\n  )\n}\n"],"names":["Button","useParams","usePathname","useSearchParams","formatAdminURL","React","DocumentTabLink","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","locale","get","entityType","entitySlug","segmentThree","segmentFour","rest","segments","isCollection","docPath","path","hrefWithLocale","startsWith","aria-label","buttonStyle","className","filter","Boolean","join","disabled","el","margin","size","to","undefined"],"mappings":"AAAA;;AAGA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,SAASC,SAAS,EAAEC,WAAW,EAAEC,eAAe,QAAQ,qBAAoB;AAC5E,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,kBAQR,CAAC,EACJC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,MAAM,EACP;IACC,MAAMC,WAAWd;IACjB,MAAMe,SAAShB;IAEf,MAAMiB,eAAef;IAErB,MAAMgB,SAASD,aAAaE,GAAG,CAAC;IAEhC,MAAM,CAACC,YAAYC,YAAYC,cAAcC,aAAa,GAAGC,KAAK,GAAGR,OAAOS,QAAQ,IAAI,EAAE;IAC1F,MAAMC,eAAeN,eAAe;IAEpC,IAAIO,UAAUxB,eAAe;QAC3BG;QACAsB,MAAM,CAAC,CAAC,EAAEF,eAAe,gBAAgB,UAAU,CAAC,EAAEL,YAAY;IACpE;IAEA,IAAIK,cAAc;QAChB,IAAIJ,iBAAiB,WAAWC,aAAa;YAC3CI,WAAW,CAAC,OAAO,EAAEJ,aAAa;QACpC,OAAO,IAAID,cAAc;YACvBK,WAAW,CAAC,CAAC,EAAEL,cAAc;QAC/B;IACF;IAEA,MAAMZ,OAAO,GAAGiB,UAAUhB,eAAe;IACzC,gEAAgE;IAChE,MAAMkB,iBAAiB,GAAGnB,OAAOQ,SAAS,CAAC,QAAQ,EAAEA,QAAQ,GAAG,IAAI;IAEpE,MAAMN,WACJ,AAACF,SAASiB,WAAWZ,aAAaY,WACjCjB,SAASiB,WAAWZ,SAASe,UAAU,CAACpB,SACzCG;IAEF,qBACE,QAACd;QACCgC,cAAYxB;QACZyB,aAAY;QACZC,WAAW;YAACzB;YAAWI,YAAY,GAAGJ,UAAU,QAAQ,CAAC;SAAC,CAAC0B,MAAM,CAACC,SAASC,IAAI,CAAC;QAChFC,UAAUzB;QACV0B,IAAI,CAAC1B,YAAYF,SAASK,WAAW,SAAS;QAC9CwB,QAAQ;QACRzB,QAAQA;QACR0B,MAAK;QACLC,IAAI,CAAC7B,YAAYF,SAASK,WAAWc,iBAAiBa;kBAErDjC;;;;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload'\n\nimport { Button } from '@payloadcms/ui'\nimport { useParams, usePathname, useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const searchParams = useSearchParams()\n\n  const locale = searchParams.get('locale')\n\n  const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments || []\n  const isCollection = entityType === 'collections'\n\n  let docPath = formatAdminURL({\n    adminRoute,\n    path: `/${isCollection ? 'collections' : 'globals'}/${entitySlug}`,\n  })\n\n  if (isCollection) {\n    if (segmentThree === 'trash' && segmentFour) {\n      docPath += `/trash/${segmentFour}`\n    } else if (segmentThree) {\n      docPath += `/${segmentThree}`\n    }\n  }\n\n  const href = `${docPath}${hrefFromProps}`\n  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <Button\n      aria-label={ariaLabel}\n      buttonStyle=\"tab\"\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n      disabled={isActive}\n      el={!isActive || href !== pathname ? 'link' : 'div'}\n      margin={false}\n      newTab={newTab}\n      size=\"medium\"\n      to={!isActive || href !== pathname ? hrefWithLocale : undefined}\n    >\n      {children}\n    </Button>\n  )\n}\n"],"names":["Button","useParams","usePathname","useSearchParams","formatAdminURL","DocumentTabLink","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","locale","get","entityType","entitySlug","segmentThree","segmentFour","rest","segments","isCollection","docPath","path","hrefWithLocale","startsWith","aria-label","buttonStyle","className","filter","Boolean","join","disabled","el","margin","size","to","undefined"],"mappings":"AAAA;AAGA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,SAASC,SAAS,EAAEC,WAAW,EAAEC,eAAe,QAAQ,qBAAoB;AAC5E,SAASC,cAAc,QAAQ,iBAAgB;AAG/C,OAAO,MAAMC,kBAQR,CAAC,EACJC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,MAAM,EACP;IACC,MAAMC,WAAWb;IACjB,MAAMc,SAASf;IAEf,MAAMgB,eAAed;IAErB,MAAMe,SAASD,aAAaE,GAAG,CAAC;IAEhC,MAAM,CAACC,YAAYC,YAAYC,cAAcC,aAAa,GAAGC,KAAK,GAAGR,OAAOS,QAAQ,IAAI,EAAE;IAC1F,MAAMC,eAAeN,eAAe;IAEpC,IAAIO,UAAUvB,eAAe;QAC3BE;QACAsB,MAAM,CAAC,CAAC,EAAEF,eAAe,gBAAgB,UAAU,CAAC,EAAEL,YAAY;IACpE;IAEA,IAAIK,cAAc;QAChB,IAAIJ,iBAAiB,WAAWC,aAAa;YAC3CI,WAAW,CAAC,OAAO,EAAEJ,aAAa;QACpC,OAAO,IAAID,cAAc;YACvBK,WAAW,CAAC,CAAC,EAAEL,cAAc;QAC/B;IACF;IAEA,MAAMZ,OAAO,GAAGiB,UAAUhB,eAAe;IACzC,gEAAgE;IAChE,MAAMkB,iBAAiB,GAAGnB,OAAOQ,SAAS,CAAC,QAAQ,EAAEA,QAAQ,GAAG,IAAI;IAEpE,MAAMN,WACJ,AAACF,SAASiB,WAAWZ,aAAaY,WACjCjB,SAASiB,WAAWZ,SAASe,UAAU,CAACpB,SACzCG;IAEF,QACGb,OACC+B,YAAYxB,WACZyB,YAAY,MACZC,WAAW;QAACzB;QAAWI,YAAY,GAAGJ,UAAU,QAAQ,CAAC;KAAC,CAAC0B,MAAM,CAACC,SAASC,IAAI,CAAC,MAChFC,UAAUzB,UACV0B,IAAI,CAAC1B,YAAYF,SAASK,WAAW,SAAS,OAC9CwB,QAAQ,OACRzB,QAAQA,QACR0B,KAAK,SACLC,IAAI,CAAC7B,YAAYF,SAASK,WAAWc,iBAAiBa,WACvD;MACC,CAACjC,SAAS;IACZ,EAAET;AAEN,EAAC"}

package/dist/elements/DocumentHeader/Tabs/Tab/index.js

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { Fragment } from 'react';
 import { DocumentTabLink } from './TabLink.js';
@@ -24,49 +23,26 @@ export const DefaultDocumentTab = (props)=>{
     const labelToRender = typeof label === 'function' ? label({
         t: req.i18n.t
     }) : label;
-    return /*#__PURE__*/ _jsxDEV(DocumentTabLink, {
-        adminRoute: req.payload.config.routes.admin,
-        ariaLabel: labelToRender,
-        baseClass: baseClass,
-        href: href,
-        isActive: isActive,
-        newTab: newTab,
-        children: /*#__PURE__*/ _jsxDEV("span", {
-            className: `${baseClass}__label`,
-            children: [
-                labelToRender,
-                Pill || Pill_Component ? /*#__PURE__*/ _jsxDEV(Fragment, {
-                    children: [
-                        " ",
-                        RenderServerComponent({
-                            Component: Pill,
-                            Fallback: Pill_Component,
-                            importMap: req.payload.importMap,
-                            serverProps: {
-                                i18n: req.i18n,
-                                payload: req.payload,
-                                permissions,
-                                req,
-                                user: req.user
-                            }
-                        })
-                    ]
-                }, void 0, true, {
-                    fileName: "src/elements/DocumentHeader/Tabs/Tab/index.tsx",
-                    lineNumber: 74,
-                    columnNumber: 11
-                }, this) : null
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/DocumentHeader/Tabs/Tab/index.tsx",
-            lineNumber: 71,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/DocumentHeader/Tabs/Tab/index.tsx",
-        lineNumber: 63,
-        columnNumber: 5
-    }, this);
+    return <DocumentTabLink adminRoute={req.payload.config.routes.admin} ariaLabel={labelToRender} baseClass={baseClass} href={href} isActive={isActive} newTab={newTab}>
+      <span className={`${baseClass}__label`}>
+        {labelToRender}
+        {Pill || Pill_Component ? <Fragment>
+            &nbsp;
+            {RenderServerComponent({
+        Component: Pill,
+        Fallback: Pill_Component,
+        importMap: req.payload.importMap,
+        serverProps: {
+            i18n: req.i18n,
+            payload: req.payload,
+            permissions,
+            req,
+            user: req.user
+        }
+    })}
+          </Fragment> : null}
+      </span>
+    </DocumentTabLink>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type {\n  DocumentTabConfig,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\nimport type React from 'react'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { Fragment } from 'react'\n\nimport { DocumentTabLink } from './TabLink.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-tab'\n\nexport const DefaultDocumentTab: React.FC<{\n  apiURL?: string\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  path?: string\n  permissions?: SanitizedPermissions\n  req: PayloadRequest\n  tabConfig: { readonly Pill_Component?: React.FC } & DocumentTabConfig\n}> = (props) => {\n  const {\n    apiURL,\n    collectionConfig,\n    globalConfig,\n    permissions,\n    req,\n    tabConfig: { href: tabHref, isActive: tabIsActive, label, newTab, Pill, Pill_Component },\n  } = props\n\n  let href = typeof tabHref === 'string' ? tabHref : ''\n  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n  if (typeof tabHref === 'function') {\n    href = tabHref({\n      apiURL,\n      collection: collectionConfig,\n      global: globalConfig,\n      routes: req.payload.config.routes,\n    })\n  }\n\n  if (typeof tabIsActive === 'function') {\n    isActive = tabIsActive({\n      href,\n    })\n  }\n\n  const labelToRender =\n    typeof label === 'function'\n      ? label({\n          t: req.i18n.t,\n        })\n      : label\n\n  return (\n    <DocumentTabLink\n      adminRoute={req.payload.config.routes.admin}\n      ariaLabel={labelToRender}\n      baseClass={baseClass}\n      href={href}\n      isActive={isActive}\n      newTab={newTab}\n    >\n      <span className={`${baseClass}__label`}>\n        {labelToRender}\n        {Pill || Pill_Component ? (\n          <Fragment>\n            &nbsp;\n            {RenderServerComponent({\n              Component: Pill,\n              Fallback: Pill_Component,\n              importMap: req.payload.importMap,\n              serverProps: {\n                i18n: req.i18n,\n                payload: req.payload,\n                permissions,\n                req,\n                user: req.user,\n              } satisfies DocumentTabServerPropsOnly,\n            })}\n          </Fragment>\n        ) : null}\n      </span>\n    </DocumentTabLink>\n  )\n}\n"],"names":["RenderServerComponent","Fragment","DocumentTabLink","baseClass","DefaultDocumentTab","props","apiURL","collectionConfig","globalConfig","permissions","req","tabConfig","href","tabHref","isActive","tabIsActive","label","newTab","Pill","Pill_Component","collection","global","routes","payload","config","labelToRender","t","i18n","adminRoute","admin","ariaLabel","span","className","Component","Fallback","importMap","serverProps","user"],"mappings":";AAUA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,QAAQ,QAAQ,QAAO;AAEhC,SAASC,eAAe,QAAQ,eAAc;AAC9C,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAY,UAAS;AAElC,OAAO,MAAMC,qBAQR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,gBAAgB,EAChBC,YAAY,EACZC,WAAW,EACXC,GAAG,EACHC,WAAW,EAAEC,MAAMC,OAAO,EAAEC,UAAUC,WAAW,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,cAAc,EAAE,EACzF,GAAGd;IAEJ,IAAIO,OAAO,OAAOC,YAAY,WAAWA,UAAU;IACnD,IAAIC,WAAW,OAAOC,gBAAgB,YAAYA,cAAc;IAEhE,IAAI,OAAOF,YAAY,YAAY;QACjCD,OAAOC,QAAQ;YACbP;YACAc,YAAYb;YACZc,QAAQb;YACRc,QAAQZ,IAAIa,OAAO,CAACC,MAAM,CAACF,MAAM;QACnC;IACF;IAEA,IAAI,OAAOP,gBAAgB,YAAY;QACrCD,WAAWC,YAAY;YACrBH;QACF;IACF;IAEA,MAAMa,gBACJ,OAAOT,UAAU,aACbA,MAAM;QACJU,GAAGhB,IAAIiB,IAAI,CAACD,CAAC;IACf,KACAV;IAEN,qBACE,QAACd;QACC0B,YAAYlB,IAAIa,OAAO,CAACC,MAAM,CAACF,MAAM,CAACO,KAAK;QAC3CC,WAAWL;QACXtB,WAAWA;QACXS,MAAMA;QACNE,UAAUA;QACVG,QAAQA;kBAER,cAAA,QAACc;YAAKC,WAAW,GAAG7B,UAAU,OAAO,CAAC;;gBACnCsB;gBACAP,QAAQC,+BACP,QAAClB;;wBAAS;wBAEPD,sBAAsB;4BACrBiC,WAAWf;4BACXgB,UAAUf;4BACVgB,WAAWzB,IAAIa,OAAO,CAACY,SAAS;4BAChCC,aAAa;gCACXT,MAAMjB,IAAIiB,IAAI;gCACdJ,SAASb,IAAIa,OAAO;gCACpBd;gCACAC;gCACA2B,MAAM3B,IAAI2B,IAAI;4BAChB;wBACF;;;;;;2BAEA;;;;;;;;;;;;AAIZ,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type {\n  DocumentTabConfig,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\nimport type React from 'react'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { Fragment } from 'react'\n\nimport { DocumentTabLink } from './TabLink.js'\nimport './index.scss'\n\nexport const baseClass = 'doc-tab'\n\nexport const DefaultDocumentTab: React.FC<{\n  apiURL?: string\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  path?: string\n  permissions?: SanitizedPermissions\n  req: PayloadRequest\n  tabConfig: { readonly Pill_Component?: React.FC } & DocumentTabConfig\n}> = (props) => {\n  const {\n    apiURL,\n    collectionConfig,\n    globalConfig,\n    permissions,\n    req,\n    tabConfig: { href: tabHref, isActive: tabIsActive, label, newTab, Pill, Pill_Component },\n  } = props\n\n  let href = typeof tabHref === 'string' ? tabHref : ''\n  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n  if (typeof tabHref === 'function') {\n    href = tabHref({\n      apiURL,\n      collection: collectionConfig,\n      global: globalConfig,\n      routes: req.payload.config.routes,\n    })\n  }\n\n  if (typeof tabIsActive === 'function') {\n    isActive = tabIsActive({\n      href,\n    })\n  }\n\n  const labelToRender =\n    typeof label === 'function'\n      ? label({\n          t: req.i18n.t,\n        })\n      : label\n\n  return (\n    <DocumentTabLink\n      adminRoute={req.payload.config.routes.admin}\n      ariaLabel={labelToRender}\n      baseClass={baseClass}\n      href={href}\n      isActive={isActive}\n      newTab={newTab}\n    >\n      <span className={`${baseClass}__label`}>\n        {labelToRender}\n        {Pill || Pill_Component ? (\n          <Fragment>\n            &nbsp;\n            {RenderServerComponent({\n              Component: Pill,\n              Fallback: Pill_Component,\n              importMap: req.payload.importMap,\n              serverProps: {\n                i18n: req.i18n,\n                payload: req.payload,\n                permissions,\n                req,\n                user: req.user,\n              } satisfies DocumentTabServerPropsOnly,\n            })}\n          </Fragment>\n        ) : null}\n      </span>\n    </DocumentTabLink>\n  )\n}\n"],"names":["RenderServerComponent","Fragment","DocumentTabLink","baseClass","DefaultDocumentTab","props","apiURL","collectionConfig","globalConfig","permissions","req","tabConfig","href","tabHref","isActive","tabIsActive","label","newTab","Pill","Pill_Component","collection","global","routes","payload","config","labelToRender","t","i18n","adminRoute","admin","ariaLabel","span","className","Component","Fallback","importMap","serverProps","user"],"mappings":"AAUA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,QAAQ,QAAQ,QAAO;AAEhC,SAASC,eAAe,QAAQ,eAAc;AAC9C,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAY,UAAS;AAElC,OAAO,MAAMC,qBAQR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,gBAAgB,EAChBC,YAAY,EACZC,WAAW,EACXC,GAAG,EACHC,WAAW,EAAEC,MAAMC,OAAO,EAAEC,UAAUC,WAAW,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,cAAc,EAAE,EACzF,GAAGd;IAEJ,IAAIO,OAAO,OAAOC,YAAY,WAAWA,UAAU;IACnD,IAAIC,WAAW,OAAOC,gBAAgB,YAAYA,cAAc;IAEhE,IAAI,OAAOF,YAAY,YAAY;QACjCD,OAAOC,QAAQ;YACbP;YACAc,YAAYb;YACZc,QAAQb;YACRc,QAAQZ,IAAIa,OAAO,CAACC,MAAM,CAACF,MAAM;QACnC;IACF;IAEA,IAAI,OAAOP,gBAAgB,YAAY;QACrCD,WAAWC,YAAY;YACrBH;QACF;IACF;IAEA,MAAMa,gBACJ,OAAOT,UAAU,aACbA,MAAM;QACJU,GAAGhB,IAAIiB,IAAI,CAACD,CAAC;IACf,KACAV;IAEN,QACGd,gBACC0B,YAAYlB,IAAIa,OAAO,CAACC,MAAM,CAACF,MAAM,CAACO,KAAK,EAC3CC,WAAWL,eACXtB,WAAWA,WACXS,MAAMA,MACNE,UAAUA,UACVG,QAAQA,QACT;MACC,CAACc,KAAKC,WAAW,GAAG7B,UAAU,OAAO,CAAC,EAAE;QACtC,CAACsB,cAAc;QACf,CAACP,QAAQC,kBACNlB,SAAS;;YAER,CAACD,sBAAsB;QACrBiC,WAAWf;QACXgB,UAAUf;QACVgB,WAAWzB,IAAIa,OAAO,CAACY,SAAS;QAChCC,aAAa;YACXT,MAAMjB,IAAIiB,IAAI;YACdJ,SAASb,IAAIa,OAAO;YACpBd;YACAC;YACA2B,MAAM3B,IAAI2B,IAAI;QAChB;IACF,GAAG;UACL,EAAEpC,YACA,KAAK;MACX,EAAE8B,KAAK;IACT,EAAE7B;AAEN,EAAC"}

package/dist/elements/DocumentHeader/Tabs/index.js

@@ -1,6 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
-import React from 'react';
 import { ShouldRenderTabs } from './ShouldRenderTabs.js';
 import { DefaultDocumentTab } from './Tab/index.js';
 import { getTabs } from './tabs/index.js';
@@ -12,77 +10,47 @@ export const DocumentTabs = ({ collectionConfig, globalConfig, permissions, req
         collectionConfig,
         globalConfig
     });
-    return /*#__PURE__*/ _jsxDEV(ShouldRenderTabs, {
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: baseClass,
-            children: /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__tabs-container`,
-                children: /*#__PURE__*/ _jsxDEV("ul", {
-                    className: `${baseClass}__tabs`,
-                    children: tabs?.map(({ tab: tabConfig, viewPath }, index)=>{
-                        const { condition } = tabConfig || {};
-                        const meetsCondition = !condition || condition({
-                            collectionConfig,
-                            config,
-                            globalConfig,
-                            permissions,
-                            req
-                        });
-                        if (!meetsCondition) {
-                            return null;
-                        }
-                        if (tabConfig?.Component) {
-                            return RenderServerComponent({
-                                clientProps: {
-                                    path: viewPath
-                                },
-                                Component: tabConfig.Component,
-                                importMap: req.payload.importMap,
-                                key: `tab-${index}`,
-                                serverProps: {
-                                    collectionConfig,
-                                    globalConfig,
-                                    i18n: req.i18n,
-                                    payload: req.payload,
-                                    permissions,
-                                    req,
-                                    user: req.user
-                                }
-                            });
-                        }
-                        return /*#__PURE__*/ _jsxDEV(DefaultDocumentTab, {
-                            collectionConfig: collectionConfig,
-                            globalConfig: globalConfig,
-                            path: viewPath,
-                            permissions: permissions,
-                            req: req,
-                            tabConfig: tabConfig
-                        }, `tab-${index}`, false, {
-                            fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
-                            lineNumber: 70,
-                            columnNumber: 17
-                        }, this);
-                    })
-                }, void 0, false, {
-                    fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
-                    lineNumber: 37,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
-                lineNumber: 36,
-                columnNumber: 9
-            }, this)
-        }, void 0, false, {
-            fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
-            lineNumber: 35,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/DocumentHeader/Tabs/index.tsx",
-        lineNumber: 34,
-        columnNumber: 5
-    }, this);
+    return <ShouldRenderTabs>
+      <div className={baseClass}>
+        <div className={`${baseClass}__tabs-container`}>
+          <ul className={`${baseClass}__tabs`}>
+            {tabs?.map(({ tab: tabConfig, viewPath }, index)=>{
+        const { condition } = tabConfig || {};
+        const meetsCondition = !condition || condition({
+            collectionConfig,
+            config,
+            globalConfig,
+            permissions,
+            req
+        });
+        if (!meetsCondition) {
+            return null;
+        }
+        if (tabConfig?.Component) {
+            return RenderServerComponent({
+                clientProps: {
+                    path: viewPath
+                },
+                Component: tabConfig.Component,
+                importMap: req.payload.importMap,
+                key: `tab-${index}`,
+                serverProps: {
+                    collectionConfig,
+                    globalConfig,
+                    i18n: req.i18n,
+                    payload: req.payload,
+                    permissions,
+                    req,
+                    user: req.user
+                }
+            });
+        }
+        return <DefaultDocumentTab collectionConfig={collectionConfig} globalConfig={globalConfig} key={`tab-${index}`} path={viewPath} permissions={permissions} req={req} tabConfig={tabConfig}/>;
+    })}
+          </ul>
+        </div>
+      </div>
+    </ShouldRenderTabs>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type {\n  DocumentTabClientProps,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = ({ collectionConfig, globalConfig, permissions, req }) => {\n  const { config } = req.payload\n\n  const tabs = getTabs({\n    collectionConfig,\n    globalConfig,\n  })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {tabs?.map(({ tab: tabConfig, viewPath }, index) => {\n              const { condition } = tabConfig || {}\n\n              const meetsCondition =\n                !condition ||\n                condition({ collectionConfig, config, globalConfig, permissions, req })\n\n              if (!meetsCondition) {\n                return null\n              }\n\n              if (tabConfig?.Component) {\n                return RenderServerComponent({\n                  clientProps: {\n                    path: viewPath,\n                  } satisfies DocumentTabClientProps,\n                  Component: tabConfig.Component,\n                  importMap: req.payload.importMap,\n                  key: `tab-${index}`,\n                  serverProps: {\n                    collectionConfig,\n                    globalConfig,\n                    i18n: req.i18n,\n                    payload: req.payload,\n                    permissions,\n                    req,\n                    user: req.user,\n                  } satisfies DocumentTabServerPropsOnly,\n                })\n              }\n\n              return (\n                <DefaultDocumentTab\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  key={`tab-${index}`}\n                  path={viewPath}\n                  permissions={permissions}\n                  req={req}\n                  tabConfig={tabConfig}\n                />\n              )\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"names":["RenderServerComponent","React","ShouldRenderTabs","DefaultDocumentTab","getTabs","baseClass","DocumentTabs","collectionConfig","globalConfig","permissions","req","config","payload","tabs","div","className","ul","map","tab","tabConfig","viewPath","index","condition","meetsCondition","Component","clientProps","path","importMap","key","serverProps","i18n","user"],"mappings":";AASA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,kBAAkB,QAAQ,iBAAgB;AACnD,SAASC,OAAO,QAAQ,kBAAiB;AACzC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAKR,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,WAAW,EAAEC,GAAG,EAAE;IACxD,MAAM,EAAEC,MAAM,EAAE,GAAGD,IAAIE,OAAO;IAE9B,MAAMC,OAAOT,QAAQ;QACnBG;QACAC;IACF;IAEA,qBACE,QAACN;kBACC,cAAA,QAACY;YAAIC,WAAWV;sBACd,cAAA,QAACS;gBAAIC,WAAW,GAAGV,UAAU,gBAAgB,CAAC;0BAC5C,cAAA,QAACW;oBAAGD,WAAW,GAAGV,UAAU,MAAM,CAAC;8BAChCQ,MAAMI,IAAI,CAAC,EAAEC,KAAKC,SAAS,EAAEC,QAAQ,EAAE,EAAEC;wBACxC,MAAM,EAAEC,SAAS,EAAE,GAAGH,aAAa,CAAC;wBAEpC,MAAMI,iBACJ,CAACD,aACDA,UAAU;4BAAEf;4BAAkBI;4BAAQH;4BAAcC;4BAAaC;wBAAI;wBAEvE,IAAI,CAACa,gBAAgB;4BACnB,OAAO;wBACT;wBAEA,IAAIJ,WAAWK,WAAW;4BACxB,OAAOxB,sBAAsB;gCAC3ByB,aAAa;oCACXC,MAAMN;gCACR;gCACAI,WAAWL,UAAUK,SAAS;gCAC9BG,WAAWjB,IAAIE,OAAO,CAACe,SAAS;gCAChCC,KAAK,CAAC,IAAI,EAAEP,OAAO;gCACnBQ,aAAa;oCACXtB;oCACAC;oCACAsB,MAAMpB,IAAIoB,IAAI;oCACdlB,SAASF,IAAIE,OAAO;oCACpBH;oCACAC;oCACAqB,MAAMrB,IAAIqB,IAAI;gCAChB;4BACF;wBACF;wBAEA,qBACE,QAAC5B;4BACCI,kBAAkBA;4BAClBC,cAAcA;4BAEdkB,MAAMN;4BACNX,aAAaA;4BACbC,KAAKA;4BACLS,WAAWA;2BAJN,CAAC,IAAI,EAAEE,OAAO;;;;;oBAOzB;;;;;;;;;;;;;;;;;;;;;AAMZ,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type {\n  DocumentTabClientProps,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = ({ collectionConfig, globalConfig, permissions, req }) => {\n  const { config } = req.payload\n\n  const tabs = getTabs({\n    collectionConfig,\n    globalConfig,\n  })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {tabs?.map(({ tab: tabConfig, viewPath }, index) => {\n              const { condition } = tabConfig || {}\n\n              const meetsCondition =\n                !condition ||\n                condition({ collectionConfig, config, globalConfig, permissions, req })\n\n              if (!meetsCondition) {\n                return null\n              }\n\n              if (tabConfig?.Component) {\n                return RenderServerComponent({\n                  clientProps: {\n                    path: viewPath,\n                  } satisfies DocumentTabClientProps,\n                  Component: tabConfig.Component,\n                  importMap: req.payload.importMap,\n                  key: `tab-${index}`,\n                  serverProps: {\n                    collectionConfig,\n                    globalConfig,\n                    i18n: req.i18n,\n                    payload: req.payload,\n                    permissions,\n                    req,\n                    user: req.user,\n                  } satisfies DocumentTabServerPropsOnly,\n                })\n              }\n\n              return (\n                <DefaultDocumentTab\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  key={`tab-${index}`}\n                  path={viewPath}\n                  permissions={permissions}\n                  req={req}\n                  tabConfig={tabConfig}\n                />\n              )\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"names":["RenderServerComponent","ShouldRenderTabs","DefaultDocumentTab","getTabs","baseClass","DocumentTabs","collectionConfig","globalConfig","permissions","req","config","payload","tabs","div","className","ul","map","tab","tabConfig","viewPath","index","condition","meetsCondition","Component","clientProps","path","importMap","key","serverProps","i18n","user"],"mappings":"AASA,SAASA,qBAAqB,QAAQ,gDAA+C;AAGrF,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,kBAAkB,QAAQ,iBAAgB;AACnD,SAASC,OAAO,QAAQ,kBAAiB;AACzC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAKR,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,WAAW,EAAEC,GAAG,EAAE;IACxD,MAAM,EAAEC,MAAM,EAAE,GAAGD,IAAIE,OAAO;IAE9B,MAAMC,OAAOT,QAAQ;QACnBG;QACAC;IACF;IAEA,QACGN,iBAAiB;MAChB,CAACY,IAAIC,WAAWV,WAAW;QACzB,CAACS,IAAIC,WAAW,GAAGV,UAAU,gBAAgB,CAAC,EAAE;UAC9C,CAACW,GAAGD,WAAW,GAAGV,UAAU,MAAM,CAAC,EAAE;YACnC,CAACQ,MAAMI,IAAI,CAAC,EAAEC,KAAKC,SAAS,EAAEC,QAAQ,EAAE,EAAEC;QACxC,MAAM,EAAEC,SAAS,EAAE,GAAGH,aAAa,CAAC;QAEpC,MAAMI,iBACJ,CAACD,aACDA,UAAU;YAAEf;YAAkBI;YAAQH;YAAcC;YAAaC;QAAI;QAEvE,IAAI,CAACa,gBAAgB;YACnB,OAAO;QACT;QAEA,IAAIJ,WAAWK,WAAW;YACxB,OAAOvB,sBAAsB;gBAC3BwB,aAAa;oBACXC,MAAMN;gBACR;gBACAI,WAAWL,UAAUK,SAAS;gBAC9BG,WAAWjB,IAAIE,OAAO,CAACe,SAAS;gBAChCC,KAAK,CAAC,IAAI,EAAEP,OAAO;gBACnBQ,aAAa;oBACXtB;oBACAC;oBACAsB,MAAMpB,IAAIoB,IAAI;oBACdlB,SAASF,IAAIE,OAAO;oBACpBH;oBACAC;oBACAqB,MAAMrB,IAAIqB,IAAI;gBAChB;YACF;QACF;QAEA,QACG5B,mBACCI,kBAAkBA,kBAClBC,cAAcA,cACdoB,KAAK,CAAC,IAAI,EAAEP,OAAO,EACnBK,MAAMN,UACNX,aAAaA,aACbC,KAAKA,KACLS,WAAWA;IAGjB,GAAG;UACL,EAAEH,GAAG;QACP,EAAEF,IAAI;MACR,EAAEA,IAAI;IACR,EAAEZ;AAEN,EAAC"}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js

@@ -1,7 +1,5 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDocumentInfo } from '@payloadcms/ui';
-import React from 'react';
 import './index.scss';
 const baseClass = 'pill-version-count';
 export const VersionsPill = ()=>{
@@ -9,14 +7,7 @@ export const VersionsPill = ()=>{
     if (!versionCount) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV("span", {
-        className: baseClass,
-        children: versionCount
-    }, void 0, false, {
-        fileName: "src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx",
-        lineNumber: 16,
-        columnNumber: 10
-    }, this);
+    return <span className={baseClass}>{versionCount}</span>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'pill-version-count'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={baseClass}>{versionCount}</span>\n}\n"],"names":["useDocumentInfo","React","baseClass","VersionsPill","versionCount","span","className"],"mappings":"AAAA;;AACA,SAASA,eAAe,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,YAAY,EAAE,GAAGJ;IAEzB,IAAI,CAACI,cAAc;QACjB,OAAO;IACT;IAEA,qBAAO,QAACC;QAAKC,WAAWJ;kBAAYE;;;;;;AACtC,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'pill-version-count'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={baseClass}>{versionCount}</span>\n}\n"],"names":["useDocumentInfo","baseClass","VersionsPill","versionCount","span","className"],"mappings":"AAAA;AACA,SAASA,eAAe,QAAQ,iBAAgB;AAGhD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,YAAY,EAAE,GAAGH;IAEzB,IAAI,CAACG,cAAc;QACjB,OAAO;IACT;IAEA,QAAQC,KAAKC,WAAWJ,YAAYE,eAAeC;AACrD,EAAC"}

package/dist/elements/DocumentHeader/index.js

@@ -1,6 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Gutter, RenderTitle } from '@payloadcms/ui';
-import React from 'react';
 import { DocumentTabs } from './Tabs/index.js';
 import './index.scss';
 const baseClass = `doc-header`;
@@ -8,49 +6,13 @@ const baseClass = `doc-header`;
  * @internal
  */ export const DocumentHeader = (props)=>{
     const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props;
-    return /*#__PURE__*/ _jsxDEV(Gutter, {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__header`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV(RenderTitle, {
-                        className: `${baseClass}__title`
-                    }, void 0, false, {
-                        fileName: "src/elements/DocumentHeader/index.tsx",
-                        lineNumber: 32,
-                        columnNumber: 9
-                    }, this),
-                    !hideTabs && /*#__PURE__*/ _jsxDEV(DocumentTabs, {
-                        collectionConfig: collectionConfig,
-                        globalConfig: globalConfig,
-                        permissions: permissions,
-                        req: req
-                    }, void 0, false, {
-                        fileName: "src/elements/DocumentHeader/index.tsx",
-                        lineNumber: 34,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/DocumentHeader/index.tsx",
-                lineNumber: 31,
-                columnNumber: 7
-            }, this),
-            AfterHeader ? /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__after-header`,
-                children: AfterHeader
-            }, void 0, false, {
-                fileName: "src/elements/DocumentHeader/index.tsx",
-                lineNumber: 42,
-                columnNumber: 22
-            }, this) : null
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/DocumentHeader/index.tsx",
-        lineNumber: 30,
-        columnNumber: 5
-    }, this);
+    return <Gutter className={baseClass}>
+      <div className={`${baseClass}__header`}>
+        <RenderTitle className={`${baseClass}__title`}/>
+        {!hideTabs && <DocumentTabs collectionConfig={collectionConfig} globalConfig={globalConfig} permissions={permissions} req={req}/>}
+      </div>
+      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}
+    </Gutter>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\n/**\n * @internal\n */\nexport const DocumentHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = (props) => {\n  const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <RenderTitle className={`${baseClass}__title`} />\n        {!hideTabs && (\n          <DocumentTabs\n            collectionConfig={collectionConfig}\n            globalConfig={globalConfig}\n            permissions={permissions}\n            req={req}\n          />\n        )}\n      </div>\n      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n    </Gutter>\n  )\n}\n"],"names":["Gutter","RenderTitle","React","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","className","div"],"mappings":";AAOA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,kBAAiB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B;;CAEC,GACD,OAAO,MAAMC,iBAOR,CAACC;IACJ,MAAM,EAAEC,WAAW,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGN;IAEpF,qBACE,QAACN;QAAOa,WAAWT;;0BACjB,QAACU;gBAAID,WAAW,GAAGT,UAAU,QAAQ,CAAC;;kCACpC,QAACH;wBAAYY,WAAW,GAAGT,UAAU,OAAO,CAAC;;;;;;oBAC5C,CAACM,0BACA,QAACP;wBACCK,kBAAkBA;wBAClBC,cAAcA;wBACdE,aAAaA;wBACbC,KAAKA;;;;;;;;;;;;YAIVL,4BAAc,QAACO;gBAAID,WAAW,GAAGT,UAAU,cAAc,CAAC;0BAAGG;;;;;uBAAqB;;;;;;;AAGzF,EAAC"}
+{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type {\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\n/**\n * @internal\n */\nexport const DocumentHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}> = (props) => {\n  const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <RenderTitle className={`${baseClass}__title`} />\n        {!hideTabs && (\n          <DocumentTabs\n            collectionConfig={collectionConfig}\n            globalConfig={globalConfig}\n            permissions={permissions}\n            req={req}\n          />\n        )}\n      </div>\n      {AfterHeader ? <div className={`${baseClass}__after-header`}>{AfterHeader}</div> : null}\n    </Gutter>\n  )\n}\n"],"names":["Gutter","RenderTitle","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","className","div"],"mappings":"AAOA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AAGpD,SAASC,YAAY,QAAQ,kBAAiB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B;;CAEC,GACD,OAAO,MAAMC,iBAOR,CAACC;IACJ,MAAM,EAAEC,WAAW,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGN;IAEpF,QACGL,OAAOY,WAAWT,WAAW;MAC5B,CAACU,IAAID,WAAW,GAAGT,UAAU,QAAQ,CAAC,EAAE;QACtC,CAACF,YAAYW,WAAW,GAAGT,UAAU,OAAO,CAAC,GAAI;QACjD,CAAC,CAACM,aACCP,aACCK,kBAAkBA,kBAClBC,cAAcA,cACdE,aAAaA,aACbC,KAAKA,OAEP;MACJ,EAAEE,IAAI;MACN,CAACP,eAAeO,IAAID,WAAW,GAAGT,UAAU,cAAc,CAAC,GAAGG,cAAcO,OAAO,KAAK;IAC1F,EAAEb;AAEN,EAAC"}

package/dist/elements/FormHeader/index.js

@@ -1,34 +1,13 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 const baseClass = 'form-header';
 export function FormHeader({ description, heading }) {
     if (!heading) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV("h1", {
-                children: heading
-            }, void 0, false, {
-                fileName: "src/elements/FormHeader/index.tsx",
-                lineNumber: 18,
-                columnNumber: 7
-            }, this),
-            Boolean(description) && /*#__PURE__*/ _jsxDEV("p", {
-                children: description
-            }, void 0, false, {
-                fileName: "src/elements/FormHeader/index.tsx",
-                lineNumber: 19,
-                columnNumber: 32
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/FormHeader/index.tsx",
-        lineNumber: 17,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass}>
+      <h1>{heading}</h1>
+      {Boolean(description) && <p>{description}</p>}
+    </div>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/FormHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'form-header'\n\ntype Props = {\n  description?: React.ReactNode | string\n  heading: string\n}\nexport function FormHeader({ description, heading }: Props) {\n  if (!heading) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <h1>{heading}</h1>\n      {Boolean(description) && <p>{description}</p>}\n    </div>\n  )\n}\n"],"names":["React","baseClass","FormHeader","description","heading","div","className","h1","Boolean","p"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,WAAW,EAAEC,WAAW,EAAEC,OAAO,EAAS;IACxD,IAAI,CAACA,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,QAACC;QAAIC,WAAWL;;0BACd,QAACM;0BAAIH;;;;;;YACJI,QAAQL,8BAAgB,QAACM;0BAAGN;;;;;;;;;;;;AAGnC"}
+{"version":3,"sources":["../../../src/elements/FormHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'form-header'\n\ntype Props = {\n  description?: React.ReactNode | string\n  heading: string\n}\nexport function FormHeader({ description, heading }: Props) {\n  if (!heading) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <h1>{heading}</h1>\n      {Boolean(description) && <p>{description}</p>}\n    </div>\n  )\n}\n"],"names":["baseClass","FormHeader","description","heading","div","className","h1","Boolean","p"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAMlB,OAAO,SAASC,WAAW,EAAEC,WAAW,EAAEC,OAAO,EAAS;IACxD,IAAI,CAACA,SAAS;QACZ,OAAO;IACT;IAEA,QACGC,IAAIC,WAAWL,WAAW;MACzB,CAACM,IAAIH,UAAUG,GAAG;MAClB,CAACC,QAAQL,iBAAiBM,GAAGN,cAAcM,GAAG;IAChD,EAAEJ;AAEN"}

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

@@ -1,30 +1,14 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Hamburger, useNav } from '@payloadcms/ui';
-import React from 'react';
 /**
  * @internal
  */ export const NavHamburger = ({ baseClass })=>{
     const { navOpen, setNavOpen } = useNav();
-    return /*#__PURE__*/ _jsxDEV("button", {
-        className: `${baseClass}__mobile-close`,
-        onClick: ()=>{
-            setNavOpen(false);
-        },
-        tabIndex: !navOpen ? -1 : undefined,
-        type: "button",
-        children: /*#__PURE__*/ _jsxDEV(Hamburger, {
-            isActive: true
-        }, void 0, false, {
-            fileName: "src/elements/Nav/NavHamburger/index.tsx",
-            lineNumber: 22,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Nav/NavHamburger/index.tsx",
-        lineNumber: 14,
-        columnNumber: 5
-    }, this);
+    return <button className={`${baseClass}__mobile-close`} onClick={()=>{
+        setNavOpen(false);
+    }} tabIndex={!navOpen ? -1 : undefined} type="button">
+      <Hamburger isActive/>
+    </button>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\n/**\n * @internal\n */\nexport const NavHamburger: React.FC<{\n  baseClass?: string\n}> = ({ baseClass }) => {\n  const { navOpen, setNavOpen } = useNav()\n\n  return (\n    <button\n      className={`${baseClass}__mobile-close`}\n      onClick={() => {\n        setNavOpen(false)\n      }}\n      tabIndex={!navOpen ? -1 : undefined}\n      type=\"button\"\n    >\n      <Hamburger isActive />\n    </button>\n  )\n}\n"],"names":["Hamburger","useNav","React","NavHamburger","baseClass","navOpen","setNavOpen","button","className","onClick","tabIndex","undefined","type","isActive"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB;;CAEC,GACD,OAAO,MAAMC,eAER,CAAC,EAAEC,SAAS,EAAE;IACjB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGL;IAEhC,qBACE,QAACM;QACCC,WAAW,GAAGJ,UAAU,cAAc,CAAC;QACvCK,SAAS;YACPH,WAAW;QACb;QACAI,UAAU,CAACL,UAAU,CAAC,IAAIM;QAC1BC,MAAK;kBAEL,cAAA,QAACZ;YAAUa,QAAQ;;;;;;;;;;;AAGzB,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\n/**\n * @internal\n */\nexport const NavHamburger: React.FC<{\n  baseClass?: string\n}> = ({ baseClass }) => {\n  const { navOpen, setNavOpen } = useNav()\n\n  return (\n    <button\n      className={`${baseClass}__mobile-close`}\n      onClick={() => {\n        setNavOpen(false)\n      }}\n      tabIndex={!navOpen ? -1 : undefined}\n      type=\"button\"\n    >\n      <Hamburger isActive />\n    </button>\n  )\n}\n"],"names":["Hamburger","useNav","NavHamburger","baseClass","navOpen","setNavOpen","button","className","onClick","tabIndex","undefined","type","isActive"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAgB;AAGlD;;CAEC,GACD,OAAO,MAAMC,eAER,CAAC,EAAEC,SAAS,EAAE;IACjB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGJ;IAEhC,QACGK,OACCC,WAAW,GAAGJ,UAAU,cAAc,CAAC,EACvCK,SAAS;QACPH,WAAW;IACb,GACAI,UAAU,CAACL,UAAU,CAAC,IAAIM,WAC1BC,KAAK,SACN;MACC,CAACX,UAAUY,UAAW;IACxB,EAAEN;AAEN,EAAC"}

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

@@ -1,35 +1,21 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useNav } from '@payloadcms/ui';
-import React from 'react';
 import './index.scss';
 /**
  * @internal
  */ export const NavWrapper = (props)=>{
     const { baseClass, children } = props;
     const { hydrated, navOpen, navRef, shouldAnimate } = useNav();
-    return /*#__PURE__*/ _jsxDEV("aside", {
-        className: [
-            baseClass,
-            navOpen && `${baseClass}--nav-open`,
-            shouldAnimate && `${baseClass}--nav-animate`,
-            hydrated && `${baseClass}--nav-hydrated`
-        ].filter(Boolean).join(' '),
-        inert: !navOpen ? true : undefined,
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__scroll`,
-            ref: navRef,
-            children: children
-        }, void 0, false, {
-            fileName: "src/elements/Nav/NavWrapper/index.tsx",
-            lineNumber: 30,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Nav/NavWrapper/index.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-    }, this);
+    return <aside className={[
+        baseClass,
+        navOpen && `${baseClass}--nav-open`,
+        shouldAnimate && `${baseClass}--nav-animate`,
+        hydrated && `${baseClass}--nav-hydrated`
+    ].filter(Boolean).join(' ')} inert={!navOpen ? true : undefined}>
+      <div className={`${baseClass}__scroll`} ref={navRef}>
+        {children}
+      </div>
+    </aside>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\n/**\n * @internal\n */\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      inert={!navOpen ? true : undefined}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"names":["useNav","React","NavWrapper","props","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","aside","className","filter","Boolean","join","inert","undefined","div","ref"],"mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB;;CAEC,GACD,OAAO,MAAMC,aAGR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAEhC,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGT;IAErD,qBACE,QAACU;QACCC,WAAW;YACTP;YACAG,WAAW,GAAGH,UAAU,UAAU,CAAC;YACnCK,iBAAiB,GAAGL,UAAU,aAAa,CAAC;YAC5CE,YAAY,GAAGF,UAAU,cAAc,CAAC;SACzC,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,OAAO,CAACR,UAAU,OAAOS;kBAEzB,cAAA,QAACC;YAAIN,WAAW,GAAGP,UAAU,QAAQ,CAAC;YAAEc,KAAKV;sBAC1CH;;;;;;;;;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\n/**\n * @internal\n */\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      inert={!navOpen ? true : undefined}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"names":["useNav","NavWrapper","props","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","aside","className","filter","Boolean","join","inert","undefined","div","ref"],"mappings":"AAAA;AACA,SAASA,MAAM,QAAQ,iBAAgB;AAGvC,OAAO,eAAc;AAErB;;CAEC,GACD,OAAO,MAAMC,aAGR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAEhC,MAAM,EAAEG,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGR;IAErD,QACGS,MACCC,WAAW;QACTP;QACAG,WAAW,GAAGH,UAAU,UAAU,CAAC;QACnCK,iBAAiB,GAAGL,UAAU,aAAa,CAAC;QAC5CE,YAAY,GAAGF,UAAU,cAAc,CAAC;KACzC,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC,MACRC,OAAO,CAACR,UAAU,OAAOS,WAC1B;MACC,CAACC,IAAIN,WAAW,GAAGP,UAAU,QAAQ,CAAC,EAAEc,KAAKV,QAAQ;QACnD,CAACH,SAAS;MACZ,EAAEY,IAAI;IACR,EAAEP;AAEN,EAAC"}