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

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

@@ -1,7 +1,9 @@
 '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();
@@ -24,12 +26,25 @@ 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 <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>;
+    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);
 };
 
 //# 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","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"}
+{"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"}

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

@@ -1,3 +1,4 @@
+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';
@@ -23,26 +24,49 @@ export const DefaultDocumentTab = (props)=>{
     const labelToRender = typeof label === 'function' ? label({
         t: req.i18n.t
     }) : label;
-    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>;
+    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);
 };
 
 //# 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,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"}
+{"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"}

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

@@ -1,4 +1,6 @@
+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';
@@ -10,47 +12,77 @@ export const DocumentTabs = ({ collectionConfig, globalConfig, permissions, req
         collectionConfig,
         globalConfig
     });
-    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>;
+    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);
 };
 
 //# 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","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"}
+{"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"}

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

@@ -1,5 +1,7 @@
 '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 = ()=>{
@@ -7,7 +9,14 @@ export const VersionsPill = ()=>{
     if (!versionCount) {
         return null;
     }
-    return <span className={baseClass}>{versionCount}</span>;
+    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);
 };
 
 //# 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","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"}
+{"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"}

package/dist/elements/DocumentHeader/index.js

@@ -1,4 +1,6 @@
+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`;
@@ -6,13 +8,49 @@ const baseClass = `doc-header`;
  * @internal
  */ export const DocumentHeader = (props)=>{
     const { AfterHeader, collectionConfig, globalConfig, hideTabs, permissions, req } = props;
-    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>;
+    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);
 };
 
 //# 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","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"}
+{"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"}

package/dist/elements/FormHeader/index.js

@@ -1,13 +1,34 @@
+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 <div className={baseClass}>
-      <h1>{heading}</h1>
-      {Boolean(description) && <p>{description}</p>}
-    </div>;
+    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);
 }
 
 //# 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":["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"}
+{"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"}

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

@@ -1,14 +1,30 @@
 '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 <button className={`${baseClass}__mobile-close`} onClick={()=>{
-        setNavOpen(false);
-    }} tabIndex={!navOpen ? -1 : undefined} type="button">
-      <Hamburger isActive/>
-    </button>;
+    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);
 };
 
 //# 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","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"}
+{"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"}

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

@@ -1,21 +1,35 @@
 '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 <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>;
+    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);
 };
 
 //# 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","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"}
+{"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"}