@payloadcms/next 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

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

@@ -1,29 +1,22 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+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 = () => {
-  const $ = _c(2);
-  const {
-    versionCount
-  } = useDocumentInfo();
-  if (!versionCount) {
-    return null;
-  }
-  let t0;
-  if ($[0] !== versionCount) {
-    t0 = _jsx("span", {
-      className: baseClass,
-      children: versionCount
-    });
-    $[0] = versionCount;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  return t0;
+export const VersionsPill = ()=>{
+    const { versionCount } = useDocumentInfo();
+    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);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useDocumentInfo","React","baseClass","VersionsPill","$","versionCount","t0","_jsx","className","children"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAyBL,eAAA;EAAA,KAEpBK,YAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IAIEC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAN,SAAA;MAAAO,QAAA,EAA4BJ;IAAA,C;;;;;;SAA7BC,E;CACT","ignoreList":[]}
+{"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/Tabs/tabs/VersionsPill/index.scss

@@ -0,0 +1,9 @@
+@layer payload-default {
+  .pill-version-count {
+    line-height: calc(var(--base) * 0.8);
+    min-width: calc(var(--base) * 0.8);
+    text-align: center;
+    background-color: var(--theme-elevation-100);
+    border-radius: var(--style-radius-s);
+  }
+}

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

@@ -1,72 +1,64 @@
 import { VersionsPill } from './VersionsPill/index.js';
-export const documentViewKeys = ['api', 'default', 'livePreview', 'versions'];
-export const getTabs = ({
-  collectionConfig,
-  globalConfig
-}) => {
-  const customViews = collectionConfig?.admin?.components?.views?.edit || globalConfig?.admin?.components?.views?.edit || {};
-  return [{
-    tab: {
-      href: '',
-      label: ({
-        t
-      }) => t('general:edit'),
-      order: 100,
-      ...(customViews?.['default']?.tab || {})
-    },
-    viewPath: '/'
-  }, {
-    tab: {
-      condition: ({
-        collectionConfig,
-        globalConfig,
-        permissions
-      }) => Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),
-      href: '/versions',
-      label: ({
-        t
-      }) => t('version:versions'),
-      order: 300,
-      Pill_Component: VersionsPill,
-      ...(customViews?.['versions']?.tab || {})
-    },
-    viewPath: '/versions'
-  }, {
-    tab: {
-      condition: ({
-        collectionConfig,
-        globalConfig
-      }) => collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
-      href: '/api',
-      label: 'API',
-      order: 400,
-      ...(customViews?.['api']?.tab || {})
-    },
-    viewPath: '/api'
-  }].concat(Object.entries(customViews).reduce((acc, [key, value]) => {
-    if (documentViewKeys.includes(key)) {
-      return acc;
-    }
-    if (value?.tab) {
-      acc.push({
-        tab: value.tab,
-        viewPath: 'path' in value ? value.path : ''
-      });
-    }
-    return acc;
-  }, []))?.sort(({
-    tab: a
-  }, {
-    tab: b
-  }) => {
-    if (a.order === undefined && b.order === undefined) {
-      return 0;
-    } else if (a.order === undefined) {
-      return 1;
-    } else if (b.order === undefined) {
-      return -1;
-    }
-    return a.order - b.order;
-  });
+export const documentViewKeys = [
+    'api',
+    'default',
+    'livePreview',
+    'versions'
+];
+export const getTabs = ({ collectionConfig, globalConfig })=>{
+    const customViews = collectionConfig?.admin?.components?.views?.edit || globalConfig?.admin?.components?.views?.edit || {};
+    return [
+        {
+            tab: {
+                href: '',
+                label: ({ t })=>t('general:edit'),
+                order: 100,
+                ...customViews?.['default']?.tab || {}
+            },
+            viewPath: '/'
+        },
+        {
+            tab: {
+                condition: ({ collectionConfig, globalConfig, permissions })=>Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),
+                href: '/versions',
+                label: ({ t })=>t('version:versions'),
+                order: 300,
+                Pill_Component: VersionsPill,
+                ...customViews?.['versions']?.tab || {}
+            },
+            viewPath: '/versions'
+        },
+        {
+            tab: {
+                condition: ({ collectionConfig, globalConfig })=>collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
+                href: '/api',
+                label: 'API',
+                order: 400,
+                ...customViews?.['api']?.tab || {}
+            },
+            viewPath: '/api'
+        }
+    ].concat(Object.entries(customViews).reduce((acc, [key, value])=>{
+        if (documentViewKeys.includes(key)) {
+            return acc;
+        }
+        if (value?.tab) {
+            acc.push({
+                tab: value.tab,
+                viewPath: 'path' in value ? value.path : ''
+            });
+        }
+        return acc;
+    }, []))?.sort(({ tab: a }, { tab: b })=>{
+        if (a.order === undefined && b.order === undefined) {
+            return 0;
+        } else if (a.order === undefined) {
+            return 1;
+        } else if (b.order === undefined) {
+            return -1;
+        }
+        return a.order - b.order;
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VersionsPill","documentViewKeys","getTabs","collectionConfig","globalConfig","customViews","admin","components","views","edit","tab","href","label","t","order","viewPath","condition","permissions","Boolean","versions","collections","slug","readVersions","globals","Pill_Component","hideAPIURL","concat","Object","entries","reduce","acc","key","value","includes","push","path","sort","a","b","undefined"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = ['api', 'default', 'livePreview', 'versions']\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const getTabs = ({\n  collectionConfig,\n  globalConfig,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): { tab: DocumentTabConfig; viewPath: string }[] => {\n  const customViews =\n    collectionConfig?.admin?.components?.views?.edit ||\n    globalConfig?.admin?.components?.views?.edit ||\n    {}\n\n  return [\n    {\n      tab: {\n        href: '',\n        label: ({ t }) => t('general:edit'),\n        order: 100,\n        ...(customViews?.['default']?.tab || {}),\n      },\n      viewPath: '/',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig, permissions }) =>\n          Boolean(\n            (collectionConfig?.versions &&\n              permissions?.collections?.[collectionConfig?.slug]?.readVersions) ||\n              (globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),\n          ),\n        href: '/versions',\n        label: ({ t }) => t('version:versions'),\n        order: 300,\n        Pill_Component: VersionsPill,\n        ...(customViews?.['versions']?.tab || {}),\n      },\n      viewPath: '/versions',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig }) =>\n          (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n          (globalConfig && !globalConfig?.admin?.hideAPIURL),\n        href: '/api',\n        label: 'API',\n        order: 400,\n        ...(customViews?.['api']?.tab || {}),\n      },\n      viewPath: '/api',\n    },\n  ]\n    .concat(\n      Object.entries(customViews).reduce((acc, [key, value]) => {\n        if (documentViewKeys.includes(key)) {\n          return acc\n        }\n\n        if (value?.tab) {\n          acc.push({\n            tab: value.tab,\n            viewPath: 'path' in value ? value.path : '',\n          })\n        }\n\n        return acc\n      }, []),\n    )\n    ?.sort(({ tab: a }, { tab: b }) => {\n      if (a.order === undefined && b.order === undefined) {\n        return 0\n      } else if (a.order === undefined) {\n        return 1\n      } else if (b.order === undefined) {\n        return -1\n      }\n\n      return a.order - b.order\n    })\n}\n"],"mappings":"AAEA,SAASA,YAAY,QAAQ;AAE7B,OAAO,MAAMC,gBAAA,GAAmB,CAAC,OAAO,WAAW,eAAe,WAAW;AAI7E,OAAO,MAAMC,OAAA,GAAUA,CAAC;EACtBC,gBAAgB;EAChBC;AAAY,CAIb;EACC,MAAMC,WAAA,GACJF,gBAAA,EAAkBG,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,IAC5CL,YAAA,EAAcE,KAAA,EAAOC,UAAA,EAAYC,KAAA,EAAOC,IAAA,IACxC,CAAC;EAEH,OAAO,CACL;IACEC,GAAA,EAAK;MACHC,IAAA,EAAM;MACNC,KAAA,EAAOA,CAAC;QAAEC;MAAC,CAAE,KAAKA,CAAA,CAAE;MACpBC,KAAA,EAAO;MACP,IAAIT,WAAA,GAAc,UAAU,EAAEK,GAAA,IAAO,CAAC,CAAC;IACzC;IACAK,QAAA,EAAU;EACZ,GACA;IACEL,GAAA,EAAK;MACHM,SAAA,EAAWA,CAAC;QAAEb,gBAAgB;QAAEC,YAAY;QAAEa;MAAW,CAAE,KACzDC,OAAA,CACEf,gBAAC,EAAkBgB,QAAA,IACjBF,WAAA,EAAaG,WAAA,GAAcjB,gBAAA,EAAkBkB,IAAA,CAAK,EAAEC,YAAA,IACnDlB,YAAA,EAAce,QAAA,IAAYF,WAAA,EAAaM,OAAA,GAAUnB,YAAA,EAAciB,IAAA,CAAK,EAAEC,YAAA;MAE7EX,IAAA,EAAM;MACNC,KAAA,EAAOA,CAAC;QAAEC;MAAC,CAAE,KAAKA,CAAA,CAAE;MACpBC,KAAA,EAAO;MACPU,cAAA,EAAgBxB,YAAA;MAChB,IAAIK,WAAA,GAAc,WAAW,EAAEK,GAAA,IAAO,CAAC,CAAC;IAC1C;IACAK,QAAA,EAAU;EACZ,GACA;IACEL,GAAA,EAAK;MACHM,SAAA,EAAWA,CAAC;QAAEb,gBAAgB;QAAEC;MAAY,CAAE,KAC5CD,gBAAC,IAAoB,CAACA,gBAAA,EAAkBG,KAAA,EAAOmB,UAAA,IAC9CrB,YAAA,IAAgB,CAACA,YAAA,EAAcE,KAAA,EAAOmB,UAAA;MACzCd,IAAA,EAAM;MACNC,KAAA,EAAO;MACPE,KAAA,EAAO;MACP,IAAIT,WAAA,GAAc,MAAM,EAAEK,GAAA,IAAO,CAAC,CAAC;IACrC;IACAK,QAAA,EAAU;EACZ,EACD,CACEW,MAAM,CACLC,MAAA,CAAOC,OAAO,CAACvB,WAAA,EAAawB,MAAM,CAAC,CAACC,GAAA,EAAK,CAACC,GAAA,EAAKC,KAAA,CAAM;IACnD,IAAI/B,gBAAA,CAAiBgC,QAAQ,CAACF,GAAA,GAAM;MAClC,OAAOD,GAAA;IACT;IAEA,IAAIE,KAAA,EAAOtB,GAAA,EAAK;MACdoB,GAAA,CAAII,IAAI,CAAC;QACPxB,GAAA,EAAKsB,KAAA,CAAMtB,GAAG;QACdK,QAAA,EAAU,UAAUiB,KAAA,GAAQA,KAAA,CAAMG,IAAI,GAAG;MAC3C;IACF;IAEA,OAAOL,GAAA;EACT,GAAG,EAAE,IAELM,IAAA,CAAK,CAAC;IAAE1B,GAAA,EAAK2B;EAAC,CAAE,EAAE;IAAE3B,GAAA,EAAK4B;EAAC,CAAE;IAC5B,IAAID,CAAA,CAAEvB,KAAK,KAAKyB,SAAA,IAAaD,CAAA,CAAExB,KAAK,KAAKyB,SAAA,EAAW;MAClD,OAAO;IACT,OAAO,IAAIF,CAAA,CAAEvB,KAAK,KAAKyB,SAAA,EAAW;MAChC,OAAO;IACT,OAAO,IAAID,CAAA,CAAExB,KAAK,KAAKyB,SAAA,EAAW;MAChC,OAAO,CAAC;IACV;IAEA,OAAOF,CAAA,CAAEvB,KAAK,GAAGwB,CAAA,CAAExB,KAAK;EAC1B;AACJ","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = ['api', 'default', 'livePreview', 'versions']\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const getTabs = ({\n  collectionConfig,\n  globalConfig,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): { tab: DocumentTabConfig; viewPath: string }[] => {\n  const customViews =\n    collectionConfig?.admin?.components?.views?.edit ||\n    globalConfig?.admin?.components?.views?.edit ||\n    {}\n\n  return [\n    {\n      tab: {\n        href: '',\n        label: ({ t }) => t('general:edit'),\n        order: 100,\n        ...(customViews?.['default']?.tab || {}),\n      },\n      viewPath: '/',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig, permissions }) =>\n          Boolean(\n            (collectionConfig?.versions &&\n              permissions?.collections?.[collectionConfig?.slug]?.readVersions) ||\n              (globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),\n          ),\n        href: '/versions',\n        label: ({ t }) => t('version:versions'),\n        order: 300,\n        Pill_Component: VersionsPill,\n        ...(customViews?.['versions']?.tab || {}),\n      },\n      viewPath: '/versions',\n    },\n    {\n      tab: {\n        condition: ({ collectionConfig, globalConfig }) =>\n          (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n          (globalConfig && !globalConfig?.admin?.hideAPIURL),\n        href: '/api',\n        label: 'API',\n        order: 400,\n        ...(customViews?.['api']?.tab || {}),\n      },\n      viewPath: '/api',\n    },\n  ]\n    .concat(\n      Object.entries(customViews).reduce((acc, [key, value]) => {\n        if (documentViewKeys.includes(key)) {\n          return acc\n        }\n\n        if (value?.tab) {\n          acc.push({\n            tab: value.tab,\n            viewPath: 'path' in value ? value.path : '',\n          })\n        }\n\n        return acc\n      }, []),\n    )\n    ?.sort(({ tab: a }, { tab: b }) => {\n      if (a.order === undefined && b.order === undefined) {\n        return 0\n      } else if (a.order === undefined) {\n        return 1\n      } else if (b.order === undefined) {\n        return -1\n      }\n\n      return a.order - b.order\n    })\n}\n"],"names":["VersionsPill","documentViewKeys","getTabs","collectionConfig","globalConfig","customViews","admin","components","views","edit","tab","href","label","t","order","viewPath","condition","permissions","Boolean","versions","collections","slug","readVersions","globals","Pill_Component","hideAPIURL","concat","Object","entries","reduce","acc","key","value","includes","push","path","sort","a","b","undefined"],"mappings":"AAEA,SAASA,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,mBAAmB;IAAC;IAAO;IAAW;IAAe;CAAW,CAAA;AAI7E,OAAO,MAAMC,UAAU,CAAC,EACtBC,gBAAgB,EAChBC,YAAY,EAIb;IACC,MAAMC,cACJF,kBAAkBG,OAAOC,YAAYC,OAAOC,QAC5CL,cAAcE,OAAOC,YAAYC,OAAOC,QACxC,CAAC;IAEH,OAAO;QACL;YACEC,KAAK;gBACHC,MAAM;gBACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;gBACpBC,OAAO;gBACP,GAAIT,aAAa,CAAC,UAAU,EAAEK,OAAO,CAAC,CAAC;YACzC;YACAK,UAAU;QACZ;QACA;YACEL,KAAK;gBACHM,WAAW,CAAC,EAAEb,gBAAgB,EAAEC,YAAY,EAAEa,WAAW,EAAE,GACzDC,QACE,AAACf,kBAAkBgB,YACjBF,aAAaG,aAAa,CAACjB,kBAAkBkB,KAAK,EAAEC,gBACnDlB,cAAce,YAAYF,aAAaM,SAAS,CAACnB,cAAciB,KAAK,EAAEC;gBAE7EX,MAAM;gBACNC,OAAO,CAAC,EAAEC,CAAC,EAAE,GAAKA,EAAE;gBACpBC,OAAO;gBACPU,gBAAgBxB;gBAChB,GAAIK,aAAa,CAAC,WAAW,EAAEK,OAAO,CAAC,CAAC;YAC1C;YACAK,UAAU;QACZ;QACA;YACEL,KAAK;gBACHM,WAAW,CAAC,EAAEb,gBAAgB,EAAEC,YAAY,EAAE,GAC5C,AAACD,oBAAoB,CAACA,kBAAkBG,OAAOmB,cAC9CrB,gBAAgB,CAACA,cAAcE,OAAOmB;gBACzCd,MAAM;gBACNC,OAAO;gBACPE,OAAO;gBACP,GAAIT,aAAa,CAAC,MAAM,EAAEK,OAAO,CAAC,CAAC;YACrC;YACAK,UAAU;QACZ;KACD,CACEW,MAAM,CACLC,OAAOC,OAAO,CAACvB,aAAawB,MAAM,CAAC,CAACC,KAAK,CAACC,KAAKC,MAAM;QACnD,IAAI/B,iBAAiBgC,QAAQ,CAACF,MAAM;YAClC,OAAOD;QACT;QAEA,IAAIE,OAAOtB,KAAK;YACdoB,IAAII,IAAI,CAAC;gBACPxB,KAAKsB,MAAMtB,GAAG;gBACdK,UAAU,UAAUiB,QAAQA,MAAMG,IAAI,GAAG;YAC3C;QACF;QAEA,OAAOL;IACT,GAAG,EAAE,IAELM,KAAK,CAAC,EAAE1B,KAAK2B,CAAC,EAAE,EAAE,EAAE3B,KAAK4B,CAAC,EAAE;QAC5B,IAAID,EAAEvB,KAAK,KAAKyB,aAAaD,EAAExB,KAAK,KAAKyB,WAAW;YAClD,OAAO;QACT,OAAO,IAAIF,EAAEvB,KAAK,KAAKyB,WAAW;YAChC,OAAO;QACT,OAAO,IAAID,EAAExB,KAAK,KAAKyB,WAAW;YAChC,OAAO,CAAC;QACV;QAEA,OAAOF,EAAEvB,KAAK,GAAGwB,EAAExB,KAAK;IAC1B;AACJ,EAAC"}

package/dist/elements/DocumentHeader/index.js

@@ -1,36 +1,56 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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`;
 /**
  * @internal
- */
-export const DocumentHeader = props => {
-  const {
-    AfterHeader,
-    collectionConfig,
-    globalConfig,
-    hideTabs,
-    permissions,
-    req
-  } = props;
-  return /*#__PURE__*/_jsxs(Gutter, {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__header`,
-      children: [/*#__PURE__*/_jsx(RenderTitle, {
-        className: `${baseClass}__title`
-      }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {
-        collectionConfig: collectionConfig,
-        globalConfig: globalConfig,
-        permissions: permissions,
-        req: req
-      })]
-    }), AfterHeader ? /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__after-header`,
-      children: AfterHeader
-    }) : null]
-  });
+ */ 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);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Gutter","RenderTitle","React","DocumentTabs","baseClass","DocumentHeader","props","AfterHeader","collectionConfig","globalConfig","hideTabs","permissions","req","_jsxs","className","_jsx"],"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"],"mappings":";AAOA,SAASA,MAAM,EAAEC,WAAW,QAAQ;AACpC,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAG7B,MAAMC,SAAA,GAAY,YAAY;AAE9B;;;AAGA,OAAO,MAAMC,cAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGN,KAAA;EAEpF,oBACEO,KAAA,CAACb,MAAA;IAAOc,SAAA,EAAWV,SAAA;4BACjBS,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGV,SAAA,UAAmB;8BACpCW,IAAA,CAACd,WAAA;QAAYa,SAAA,EAAW,GAAGV,SAAA;UAC1B,CAACM,QAAA,iBACAK,IAAA,CAACZ,YAAA;QACCK,gBAAA,EAAkBA,gBAAA;QAClBC,YAAA,EAAcA,YAAA;QACdE,WAAA,EAAaA,WAAA;QACbC,GAAA,EAAKA;;QAIVL,WAAA,gBAAcQ,IAAA,CAAC;MAAID,SAAA,EAAW,GAAGV,SAAA,gBAAyB;gBAAGG;SAAqB;;AAGzF","ignoreList":[]}
+{"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/DocumentHeader/index.scss

@@ -0,0 +1,64 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .doc-header {
+    width: 100%;
+    margin-top: calc(var(--base) * 0.4);
+    padding-bottom: calc(var(--base) * 1.2);
+    position: relative;
+
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 1px;
+      background: var(--theme-elevation-100);
+      width: 100%;
+      left: 0;
+      top: calc(100% - 1px);
+    }
+
+    &__header {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) / 2);
+    }
+
+    &__title {
+      flex-grow: 1;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      margin: 0;
+      padding-bottom: calc(var(--base) * 0.4);
+      vertical-align: top;
+      padding-bottom: 0;
+    }
+
+    &__after-header {
+      padding-top: calc(var(--base) * 0.8);
+    }
+
+    @include mid-break {
+      margin-top: calc(var(--base) * 0.25);
+      padding-bottom: calc(var(--base) / 1.5);
+
+      &__header {
+        flex-direction: column;
+        gap: calc(var(--base) / 2);
+      }
+
+      &__title {
+        width: 100%;
+      }
+
+      &__after-header {
+        padding-top: calc(var(--base) / 4);
+      }
+    }
+
+    @include small-break {
+      margin-top: 0;
+    }
+  }
+}

package/dist/elements/FormHeader/index.js

@@ -1,20 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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__*/_jsxs("div", {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsx("h1", {
-      children: heading
-    }), Boolean(description) && /*#__PURE__*/_jsx("p", {
-      children: description
-    })]
-  });
+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);
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","FormHeader","description","heading","_jsxs","className","_jsx","Boolean"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAIlB,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,WAAW;EAAEC,WAAW;EAAEC;AAAO,CAAS;EACxD,IAAI,CAACA,OAAA,EAAS;IACZ,OAAO;EACT;EAEA,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWL,SAAA;4BACdM,IAAA,CAAC;gBAAIH;QACJI,OAAA,CAAQL,WAAA,kBAAgBI,IAAA,CAAC;gBAAGJ;;;AAGnC","ignoreList":[]}
+{"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/FormHeader/index.scss

@@ -0,0 +1,8 @@
+@layer payload-default {
+  .form-header {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 0.5);
+    margin-bottom: var(--base);
+  }
+}

package/dist/elements/Logo/index.js

@@ -1,39 +1,24 @@
 import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { PayloadLogo } from '@payloadcms/ui/shared';
-export const Logo = props => {
-  const {
-    i18n,
-    locale,
-    params,
-    payload,
-    permissions,
-    searchParams,
-    user
-  } = props;
-  const {
-    admin: {
-      components: {
-        graphics: {
-          Logo: CustomLogo
-        } = {
-          Logo: undefined
+export const Logo = (props)=>{
+    const { i18n, locale, params, payload, permissions, searchParams, user } = props;
+    const { admin: { components: { graphics: { Logo: CustomLogo } = {
+        Logo: undefined
+    } } = {} } = {} } = payload.config;
+    return RenderServerComponent({
+        Component: CustomLogo,
+        Fallback: PayloadLogo,
+        importMap: payload.importMap,
+        serverProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
         }
-      } = {}
-    } = {}
-  } = payload.config;
-  return RenderServerComponent({
-    Component: CustomLogo,
-    Fallback: PayloadLogo,
-    importMap: payload.importMap,
-    serverProps: {
-      i18n,
-      locale,
-      params,
-      payload,
-      permissions,
-      searchParams,
-      user
-    }
-  });
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RenderServerComponent","PayloadLogo","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","Component","Fallback","importMap","serverProps"],"sources":["../../../src/elements/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\nimport type React from 'react'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { PayloadLogo } from '@payloadcms/ui/shared'\n\nexport const Logo: React.FC<ServerProps> = (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user } = props\n\n  const {\n    admin: {\n      components: {\n        graphics: { Logo: CustomLogo } = {\n          Logo: undefined,\n        },\n      } = {},\n    } = {},\n  } = payload.config\n\n  return RenderServerComponent({\n    Component: CustomLogo,\n    Fallback: PayloadLogo,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n}\n"],"mappings":"AAGA,SAASA,qBAAqB,QAAQ;AACtC,SAASC,WAAW,QAAQ;AAE5B,OAAO,MAAMC,IAAA,GAA+BC,KAAA;EAC1C,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAI,CAAE,GAAGP,KAAA;EAE3E,MAAM;IACJQ,KAAA,EAAO;MACLC,UAAA,EAAY;QACVC,QAAA,EAAU;UAAEX,IAAA,EAAMY;QAAU,CAAE,GAAG;UAC/BZ,IAAA,EAAMa;QACR;MAAC,CACF,GAAG,CAAC;IAAC,CACP,GAAG,CAAC;EAAC,CACP,GAAGR,OAAA,CAAQS,MAAM;EAElB,OAAOhB,qBAAA,CAAsB;IAC3BiB,SAAA,EAAWH,UAAA;IACXI,QAAA,EAAUjB,WAAA;IACVkB,SAAA,EAAWZ,OAAA,CAAQY,SAAS;IAC5BC,WAAA,EAAa;MACXhB,IAAA;MACAC,MAAA;MACAC,MAAA;MACAC,OAAA;MACAC,WAAA;MACAC,YAAA;MACAC;IACF;EACF;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\nimport type React from 'react'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { PayloadLogo } from '@payloadcms/ui/shared'\n\nexport const Logo: React.FC<ServerProps> = (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user } = props\n\n  const {\n    admin: {\n      components: {\n        graphics: { Logo: CustomLogo } = {\n          Logo: undefined,\n        },\n      } = {},\n    } = {},\n  } = payload.config\n\n  return RenderServerComponent({\n    Component: CustomLogo,\n    Fallback: PayloadLogo,\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n}\n"],"names":["RenderServerComponent","PayloadLogo","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","Component","Fallback","importMap","serverProps"],"mappings":"AAGA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,WAAW,QAAQ,wBAAuB;AAEnD,OAAO,MAAMC,OAA8B,CAACC;IAC1C,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGP;IAE3E,MAAM,EACJQ,OAAO,EACLC,YAAY,EACVC,UAAU,EAAEX,MAAMY,UAAU,EAAE,GAAG;QAC/BZ,MAAMa;IACR,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,EACP,GAAGR,QAAQS,MAAM;IAElB,OAAOhB,sBAAsB;QAC3BiB,WAAWH;QACXI,UAAUjB;QACVkB,WAAWZ,QAAQY,SAAS;QAC5BC,aAAa;YACXhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;IACF;AACF,EAAC"}

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

@@ -1,51 +1,30 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Hamburger, useNav } from '@payloadcms/ui';
 import React from 'react';
 /**
  * @internal
- */
-export const NavHamburger = t0 => {
-  const $ = _c(6);
-  const {
-    baseClass
-  } = t0;
-  const {
-    navOpen,
-    setNavOpen
-  } = useNav();
-  const t1 = `${baseClass}__mobile-close`;
-  let t2;
-  if ($[0] !== setNavOpen) {
-    t2 = () => {
-      setNavOpen(false);
-    };
-    $[0] = setNavOpen;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const t3 = !navOpen ? -1 : undefined;
-  let t4;
-  if ($[2] !== t1 || $[3] !== t2 || $[4] !== t3) {
-    t4 = _jsx("button", {
-      className: t1,
-      onClick: t2,
-      tabIndex: t3,
-      type: "button",
-      children: _jsx(Hamburger, {
-        isActive: true
-      })
-    });
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  return t4;
+ */ 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);
 };
+
 //# sourceMappingURL=index.js.map