@payloadcms/next 3.0.0-canary.294ea5c → 3.0.0-canary.2d0dd26

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

@@ -1,52 +1,54 @@
 @import '../../../scss/styles.scss';
 
-.doc-tabs {
-  display: flex;
-
-  &__tabs {
+@layer payload-default {
+  .doc-tabs {
     display: flex;
-    gap: calc(var(--base) / 2);
-    list-style: none;
-    align-items: center;
-    margin: 0;
-    padding-left: 0;
-  }
-
-  @include mid-break {
-    width: 100%;
-    padding: 0;
-    overflow: auto;
-
-    // this container has a gradient overlay as visual indication of `overflow: scroll`
-    &::-webkit-scrollbar {
-      display: none;
-    }
 
-    &::after {
-      content: '';
-      display: block;
-      position: sticky;
-      right: 0;
-      width: calc(var(--base) * 2);
-      height: calc(var(--base) * 2);
-      background: linear-gradient(to right, transparent, var(--theme-bg));
-      flex-shrink: 0;
-      z-index: 1111;
-      pointer-events: none;
+    &__tabs {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      list-style: none;
+      align-items: center;
+      margin: 0;
+      padding-left: 0;
     }
 
-    &__tabs {
+    @include mid-break {
+      width: 100%;
       padding: 0;
+      overflow: auto;
+
+      // this container has a gradient overlay as visual indication of `overflow: scroll`
+      &::-webkit-scrollbar {
+        display: none;
+      }
+
+      &::after {
+        content: '';
+        display: block;
+        position: sticky;
+        right: 0;
+        width: calc(var(--base) * 2);
+        height: calc(var(--base) * 2);
+        background: linear-gradient(to right, transparent, var(--theme-bg));
+        flex-shrink: 0;
+        z-index: 1111;
+        pointer-events: none;
+      }
+
+      &__tabs {
+        padding: 0;
+      }
     }
-  }
 
-  @include small-break {
-    &__tabs-container {
-      margin-right: var(--gutter-h);
-    }
+    @include small-break {
+      &__tabs-container {
+        margin-right: var(--gutter-h);
+      }
 
-    &__tabs {
-      gap: var(--gutter-h);
+      &__tabs {
+        gap: var(--gutter-h);
+      }
     }
   }
 }

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAkBhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAQhC,CAAA"}

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

@@ -6,35 +6,24 @@ import { useDocumentInfo } from '@payloadcms/ui';
 import React from 'react';
 import { baseClass } from '../../Tab/index.js';
 export const VersionsPill = () => {
-  const $ = _c(5);
+  const $ = _c(2);
   const {
-    versions
+    versionCount
   } = useDocumentInfo();
-  const hasVersions = versions?.totalDocs > 0;
-  if (hasVersions) {
-    const t0 = hasVersions ? `${baseClass}__count--has-count` : "";
-    let t1;
-    if ($[0] !== t0) {
-      t1 = [`${baseClass}__count`, t0].filter(Boolean);
-      $[0] = t0;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    const t2 = t1.join(" ");
-    let t3;
-    if ($[2] !== versions.totalDocs || $[3] !== t2) {
-      t3 = _jsx("span", {
-        className: t2,
-        children: versions.totalDocs.toString()
-      });
-      $[2] = versions.totalDocs;
-      $[3] = t2;
-      $[4] = t3;
-    } else {
-      t3 = $[4];
-    }
-    return t3;
+  if (!versionCount) {
+    return null;
   }
+  let t0;
+  if ($[0] !== versionCount) {
+    t0 = _jsx("span", {
+      className: `${baseClass}__count`,
+      children: versionCount
+    });
+    $[0] = versionCount;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 };
 //# 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","$","versions","hasVersions","totalDocs","t0","t1","filter","Boolean","t2","join","t3","_jsx","className","children","toString"],"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { baseClass } from '../../Tab/index.js'\n\nexport const VersionsPill: React.FC = () => {\n  const { versions } = useDocumentInfo()\n\n  // To prevent CLS (versions are currently loaded client-side), render non-breaking space if there are no versions\n  // The pill is already conditionally rendered to begin with based on whether the document is version-enabled\n  // documents that are version enabled _always_ have at least one version\n  const hasVersions = versions?.totalDocs > 0\n\n  if (hasVersions)\n    return (\n      <span\n        className={[`${baseClass}__count`, hasVersions ? `${baseClass}__count--has-count` : '']\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {versions.totalDocs.toString()}\n      </span>\n    )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAE1B,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAqBL,eAAA;EAKrB,MAAAM,WAAA,GAAoBD,QAAA,EAAAE,SAAA,IAAsB;EAAA,IAEtCD,WAAA;IAGqC,MAAAE,EAAA,GAAAF,WAAA,GAAc,GAAAJ,SAAA,oBAAgC,GAAG;IAAA,IAAAO,EAAA;IAAA,IAAAL,CAAA,QAAAI,EAAA;MAAzEC,EAAA,IAAC,GAAAP,SAAA,SAAqB,EAAEM,EAAiD,EAAAE,MAAA,CAAAC,OAC1E;MAAAP,CAAA,MAAAI,EAAA;MAAAJ,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IADC,MAAAQ,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAV,CAAA,QAAAC,QAAA,CAAAE,SAAA,IAAAH,CAAA,QAAAQ,EAAA;MAHVE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EACYJ,EAEH;QAAAK,QAAA,EAEPZ,QAAA,CAAAE,SAAA,CAAAW,QAAA,CAA2B;MAAA,C;;;;;;;WAL9BJ,E;;CAQN","ignoreList":[]}
+{"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 { baseClass } from '../../Tab/index.js'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={`${baseClass}__count`}>{versionCount}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAE1B,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,EAAgB,GAAAN,SAAA,SAAqB;MAAAO,QAAA,EAAGJ;IAAA,C;;;;;;SAAzCC,E;CACT","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts

@@ -3,7 +3,7 @@ import type React from 'react';
 export declare const documentViewKeys: string[];
 export type DocumentViewKey = (typeof documentViewKeys)[number];
 export declare const tabs: Record<DocumentViewKey, {
-    Pill_Component?: React.FC;
     order?: number;
+    Pill_Component?: React.FC;
 } & DocumentTabConfig>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,gBAAgB,UAQ5B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,IAAI,EAAE,MAAM,CACvB,eAAe,EACf;IACE,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,iBAAiB,CA6DtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,gBAAgB,UAQ5B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,IAAI,EAAE,MAAM,CACvB,eAAe,EACf;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;CAC1B,GAAG,iBAAiB,CA4DtB,CAAA"}

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

@@ -49,17 +49,17 @@ export const tabs = {
     condition: () => false
   },
   versions: {
-    Pill_Component: VersionsPill,
     condition: ({
       collectionConfig,
       globalConfig,
       permissions
-    }) => Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),
+    }) => Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions),
     href: '/versions',
     label: ({
       t
     }) => t('version:versions'),
-    order: 200
+    order: 200,
+    Pill_Component: VersionsPill
   }
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VersionsPill","documentViewKeys","tabs","api","condition","collectionConfig","globalConfig","admin","hideAPIURL","href","label","order","default","t","livePreview","config","Boolean","collections","includes","slug","globals","references","relationships","version","versions","Pill_Component","permissions","readVersions","permission"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload'\nimport type React from 'react'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = [\n  'api',\n  'default',\n  'livePreview',\n  'references',\n  'relationships',\n  'version',\n  'versions',\n]\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const tabs: Record<\n  DocumentViewKey,\n  {\n    Pill_Component?: React.FC\n    order?: number // TODO: expose this to the globalConfig config\n  } & DocumentTabConfig\n> = {\n  api: {\n    condition: ({ collectionConfig, globalConfig }) =>\n      (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n      (globalConfig && !globalConfig?.admin?.hideAPIURL),\n    href: '/api',\n    label: 'API',\n    order: 1000,\n  },\n  default: {\n    href: '',\n    // isActive: ({ href, location }) =>\n    // location.pathname === href || location.pathname === `${href}/create`,\n    label: ({ t }) => t('general:edit'),\n    order: 0,\n  },\n  livePreview: {\n    condition: ({ collectionConfig, config, globalConfig }) => {\n      if (collectionConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) ||\n            collectionConfig?.admin?.livePreview,\n        )\n      }\n\n      if (globalConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.globals?.includes(globalConfig.slug) ||\n            globalConfig?.admin?.livePreview,\n        )\n      }\n\n      return false\n    },\n    href: '/preview',\n    label: ({ t }) => t('general:livePreview'),\n    order: 100,\n  },\n  references: {\n    condition: () => false,\n  },\n  relationships: {\n    condition: () => false,\n  },\n  version: {\n    condition: () => false,\n  },\n  versions: {\n    Pill_Component: VersionsPill,\n    condition: ({ collectionConfig, globalConfig, permissions }) =>\n      Boolean(\n        (collectionConfig?.versions &&\n          permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission) ||\n          (globalConfig?.versions &&\n            permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),\n      ),\n    href: '/versions',\n    label: ({ t }) => t('version:versions'),\n    order: 200,\n  },\n}\n"],"mappings":"AAGA,SAASA,YAAY,QAAQ;AAE7B,OAAO,MAAMC,gBAAA,GAAmB,CAC9B,OACA,WACA,eACA,cACA,iBACA,WACA,WACD;AAID,OAAO,MAAMC,IAAA,GAMT;EACFC,GAAA,EAAK;IACHC,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEC;IAAY,CAAE,KAC5CD,gBAAC,IAAoB,CAACA,gBAAA,EAAkBE,KAAA,EAAOC,UAAA,IAC9CF,YAAA,IAAgB,CAACA,YAAA,EAAcC,KAAA,EAAOC,UAAA;IACzCC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT;EACAC,OAAA,EAAS;IACPH,IAAA,EAAM;IACN;IACA;IACAC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;EACT;EACAG,WAAA,EAAa;IACXV,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEU,MAAM;MAAET;IAAY,CAAE;MACpD,IAAID,gBAAA,EAAkB;QACpB,OAAOW,OAAA,CACLD,MAAA,EAAQR,KAAA,EAAOO,WAAA,EAAaG,WAAA,EAAaC,QAAA,CAASb,gBAAA,CAAiBc,IAAI,KACrEd,gBAAA,EAAkBE,KAAA,EAAOO,WAAA;MAE/B;MAEA,IAAIR,YAAA,EAAc;QAChB,OAAOU,OAAA,CACLD,MAAA,EAAQR,KAAA,EAAOO,WAAA,EAAaM,OAAA,EAASF,QAAA,CAASZ,YAAA,CAAaa,IAAI,KAC7Db,YAAA,EAAcC,KAAA,EAAOO,WAAA;MAE3B;MAEA,OAAO;IACT;IACAL,IAAA,EAAM;IACNC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;EACT;EACAU,UAAA,EAAY;IACVjB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAkB,aAAA,EAAe;IACblB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAmB,OAAA,EAAS;IACPnB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAoB,QAAA,EAAU;IACRC,cAAA,EAAgBzB,YAAA;IAChBI,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEC,YAAY;MAAEoB;IAAW,CAAE,KACzDV,OAAA,CACEX,gBAAC,EAAkBmB,QAAA,IACjBE,WAAA,EAAaT,WAAA,GAAcZ,gBAAA,EAAkBc,IAAA,CAAK,EAAEQ,YAAA,EAAcC,UAAA,IACjEtB,YAAA,EAAckB,QAAA,IACbE,WAAA,EAAaN,OAAA,GAAUd,YAAA,EAAca,IAAA,CAAK,EAAEQ,YAAA,EAAcC,UAAA;IAElEnB,IAAA,EAAM;IACNC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;EACT;AACF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["VersionsPill","documentViewKeys","tabs","api","condition","collectionConfig","globalConfig","admin","hideAPIURL","href","label","order","default","t","livePreview","config","Boolean","collections","includes","slug","globals","references","relationships","version","versions","permissions","readVersions","Pill_Component"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload'\nimport type React from 'react'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = [\n  'api',\n  'default',\n  'livePreview',\n  'references',\n  'relationships',\n  'version',\n  'versions',\n]\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const tabs: Record<\n  DocumentViewKey,\n  {\n    order?: number // TODO: expose this to the globalConfig config\n    Pill_Component?: React.FC\n  } & DocumentTabConfig\n> = {\n  api: {\n    condition: ({ collectionConfig, globalConfig }) =>\n      (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n      (globalConfig && !globalConfig?.admin?.hideAPIURL),\n    href: '/api',\n    label: 'API',\n    order: 1000,\n  },\n  default: {\n    href: '',\n    // isActive: ({ href, location }) =>\n    // location.pathname === href || location.pathname === `${href}/create`,\n    label: ({ t }) => t('general:edit'),\n    order: 0,\n  },\n  livePreview: {\n    condition: ({ collectionConfig, config, globalConfig }) => {\n      if (collectionConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) ||\n            collectionConfig?.admin?.livePreview,\n        )\n      }\n\n      if (globalConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.globals?.includes(globalConfig.slug) ||\n            globalConfig?.admin?.livePreview,\n        )\n      }\n\n      return false\n    },\n    href: '/preview',\n    label: ({ t }) => t('general:livePreview'),\n    order: 100,\n  },\n  references: {\n    condition: () => false,\n  },\n  relationships: {\n    condition: () => false,\n  },\n  version: {\n    condition: () => false,\n  },\n  versions: {\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: 200,\n    Pill_Component: VersionsPill,\n  },\n}\n"],"mappings":"AAGA,SAASA,YAAY,QAAQ;AAE7B,OAAO,MAAMC,gBAAA,GAAmB,CAC9B,OACA,WACA,eACA,cACA,iBACA,WACA,WACD;AAID,OAAO,MAAMC,IAAA,GAMT;EACFC,GAAA,EAAK;IACHC,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEC;IAAY,CAAE,KAC5CD,gBAAC,IAAoB,CAACA,gBAAA,EAAkBE,KAAA,EAAOC,UAAA,IAC9CF,YAAA,IAAgB,CAACA,YAAA,EAAcC,KAAA,EAAOC,UAAA;IACzCC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT;EACAC,OAAA,EAAS;IACPH,IAAA,EAAM;IACN;IACA;IACAC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;EACT;EACAG,WAAA,EAAa;IACXV,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEU,MAAM;MAAET;IAAY,CAAE;MACpD,IAAID,gBAAA,EAAkB;QACpB,OAAOW,OAAA,CACLD,MAAA,EAAQR,KAAA,EAAOO,WAAA,EAAaG,WAAA,EAAaC,QAAA,CAASb,gBAAA,CAAiBc,IAAI,KACrEd,gBAAA,EAAkBE,KAAA,EAAOO,WAAA;MAE/B;MAEA,IAAIR,YAAA,EAAc;QAChB,OAAOU,OAAA,CACLD,MAAA,EAAQR,KAAA,EAAOO,WAAA,EAAaM,OAAA,EAASF,QAAA,CAASZ,YAAA,CAAaa,IAAI,KAC7Db,YAAA,EAAcC,KAAA,EAAOO,WAAA;MAE3B;MAEA,OAAO;IACT;IACAL,IAAA,EAAM;IACNC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;EACT;EACAU,UAAA,EAAY;IACVjB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAkB,aAAA,EAAe;IACblB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAmB,OAAA,EAAS;IACPnB,SAAA,EAAWA,CAAA,KAAM;EACnB;EACAoB,QAAA,EAAU;IACRpB,SAAA,EAAWA,CAAC;MAAEC,gBAAgB;MAAEC,YAAY;MAAEmB;IAAW,CAAE,KACzDT,OAAA,CACEX,gBAAC,EAAkBmB,QAAA,IACjBC,WAAA,EAAaR,WAAA,GAAcZ,gBAAA,EAAkBc,IAAA,CAAK,EAAEO,YAAA,IACnDpB,YAAA,EAAckB,QAAA,IAAYC,WAAA,EAAaL,OAAA,GAAUd,YAAA,EAAca,IAAA,CAAK,EAAEO,YAAA;IAE7EjB,IAAA,EAAM;IACNC,KAAA,EAAOA,CAAC;MAAEG;IAAC,CAAE,KAAKA,CAAA,CAAE;IACpBF,KAAA,EAAO;IACPgB,cAAA,EAAgB3B;EAClB;AACF","ignoreList":[]}

package/dist/elements/DocumentHeader/index.d.ts

@@ -1,14 +1,13 @@
 import type { I18n } from '@payloadcms/translations';
-import type { Payload, Permissions, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+import type { Payload, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const DocumentHeader: React.FC<{
     collectionConfig?: SanitizedCollectionConfig;
-    customHeader?: React.ReactNode;
     globalConfig?: SanitizedGlobalConfig;
     hideTabs?: boolean;
     i18n: I18n;
     payload: Payload;
-    permissions: Permissions;
+    permissions: SanitizedPermissions;
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;CACzB,CAuBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,OAAO,EACP,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,oBAAoB,CAAA;CAClC,CAiBA,CAAA"}

package/dist/elements/DocumentHeader/index.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Gutter, RenderTitle } from '@payloadcms/ui';
-import React, { Fragment } from 'react';
+import React from 'react';
 import { DocumentTabs } from './Tabs/index.js';
 const baseClass = `doc-header`;
 export const DocumentHeader = props => {
   const {
     collectionConfig,
-    customHeader,
     globalConfig,
     hideTabs,
     i18n,
@@ -15,16 +14,14 @@ export const DocumentHeader = props => {
   } = props;
   return /*#__PURE__*/_jsxs(Gutter, {
     className: baseClass,
-    children: [customHeader && customHeader, !customHeader && /*#__PURE__*/_jsxs(Fragment, {
-      children: [/*#__PURE__*/_jsx(RenderTitle, {
-        className: `${baseClass}__title`
-      }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {
-        collectionConfig: collectionConfig,
-        globalConfig: globalConfig,
-        i18n: i18n,
-        payload: payload,
-        permissions: permissions
-      })]
+    children: [/*#__PURE__*/_jsx(RenderTitle, {
+      className: `${baseClass}__title`
+    }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {
+      collectionConfig: collectionConfig,
+      globalConfig: globalConfig,
+      i18n: i18n,
+      payload: payload,
+      permissions: permissions
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Gutter","RenderTitle","React","Fragment","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","customHeader","globalConfig","hideTabs","i18n","payload","permissions","_jsxs","className","_jsx"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  payload: Payload\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, customHeader, globalConfig, hideTabs, i18n, payload, permissions } =\n    props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              globalConfig={globalConfig}\n              i18n={i18n}\n              payload={payload}\n              permissions={permissions}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ;AACpC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,YAAY,QAAQ;AAG7B,MAAMC,SAAA,GAAY,YAAY;AAE9B,OAAO,MAAMC,cAAA,GAQPC,KAAA;EACJ,MAAM;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAW,CAAE,GAC1FP,KAAA;EAEF,oBACEQ,KAAA,CAACf,MAAA;IAAOgB,SAAA,EAAWX,SAAA;eAChBI,YAAA,IAAgBA,YAAA,EAChB,CAACA,YAAA,iBACAM,KAAA,CAACZ,QAAA;8BACCc,IAAA,CAAChB,WAAA;QAAYe,SAAA,EAAW,GAAGX,SAAA;UAC1B,CAACM,QAAA,iBACAM,IAAA,CAACb,YAAA;QACCI,gBAAA,EAAkBA,gBAAA;QAClBE,YAAA,EAAcA,YAAA;QACdE,IAAA,EAAMA,IAAA;QACNC,OAAA,EAASA,OAAA;QACTC,WAAA,EAAaA;;;;AAO3B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Gutter","RenderTitle","React","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","globalConfig","hideTabs","i18n","payload","permissions","_jsxs","className","_jsx"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\nimport { DocumentTabs } from './Tabs/index.js'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  payload: Payload\n  permissions: SanitizedPermissions\n}> = (props) => {\n  const { collectionConfig, globalConfig, hideTabs, i18n, payload, permissions } = props\n\n  return (\n    <Gutter className={baseClass}>\n      <RenderTitle className={`${baseClass}__title`} />\n      {!hideTabs && (\n        <DocumentTabs\n          collectionConfig={collectionConfig}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          payload={payload}\n          permissions={permissions}\n        />\n      )}\n    </Gutter>\n  )\n}\n"],"mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ;AACpC,OAAOC,KAAA,MAAW;AAGlB,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY,YAAY;AAE9B,OAAO,MAAMC,cAAA,GAOPC,KAAA;EACJ,MAAM;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAW,CAAE,GAAGN,KAAA;EAEjF,oBACEO,KAAA,CAACb,MAAA;IAAOc,SAAA,EAAWV,SAAA;4BACjBW,IAAA,CAACd,WAAA;MAAYa,SAAA,EAAW,GAAGV,SAAA;QAC1B,CAACK,QAAA,iBACAM,IAAA,CAACZ,YAAA;MACCI,gBAAA,EAAkBA,gBAAA;MAClBC,YAAA,EAAcA,YAAA;MACdE,IAAA,EAAMA,IAAA;MACNC,OAAA,EAASA,OAAA;MACTC,WAAA,EAAaA;;;AAKvB","ignoreList":[]}

package/dist/elements/DocumentHeader/index.scss

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

package/dist/elements/FormHeader/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    description?: React.ReactNode | string;
+    heading: string;
+};
+export declare function FormHeader({ description, heading }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FormHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FormHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,qBAWzD"}

package/dist/elements/FormHeader/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+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
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6BtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6BtC,CAAA"}

package/dist/elements/Logo/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PayloadLogo, RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { PayloadLogo } from '@payloadcms/ui/shared';
 import React from 'react';
 export const Logo = props => {
   const {
@@ -22,7 +23,9 @@ export const Logo = props => {
       } = {}
     } = {}
   } = payload.config;
-  const createMappedComponent = getCreateMappedComponent({
+  return /*#__PURE__*/_jsx(RenderServerComponent, {
+    Component: CustomLogo,
+    Fallback: PayloadLogo,
     importMap: payload.importMap,
     serverProps: {
       i18n,
@@ -34,9 +37,5 @@ export const Logo = props => {
       user
     }
   });
-  const mappedCustomLogo = createMappedComponent(CustomLogo, undefined, PayloadLogo, 'CustomLogo');
-  return /*#__PURE__*/_jsx(RenderComponent, {
-    mappedComponent: mappedCustomLogo
-  });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PayloadLogo","RenderComponent","getCreateMappedComponent","React","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","createMappedComponent","importMap","serverProps","mappedCustomLogo","_jsx","mappedComponent"],"sources":["../../../src/elements/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\n\nimport { PayloadLogo, RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport React from 'react'\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  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedCustomLogo = createMappedComponent(CustomLogo, undefined, PayloadLogo, 'CustomLogo')\n\n  return <RenderComponent mappedComponent={mappedCustomLogo} />\n}\n"],"mappings":";AAEA,SAASA,WAAW,EAAEC,eAAe,EAAEC,wBAAwB,QAAQ;AACvE,OAAOC,KAAA,MAAW;AAElB,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,MAAMC,qBAAA,GAAwBjB,wBAAA,CAAyB;IACrDkB,SAAA,EAAWX,OAAA,CAAQW,SAAS;IAC5BC,WAAA,EAAa;MACXf,IAAA;MACAC,MAAA;MACAC,MAAA;MACAC,OAAA;MACAC,WAAA;MACAC,YAAA;MACAC;IACF;EACF;EAEA,MAAMU,gBAAA,GAAmBH,qBAAA,CAAsBH,UAAA,EAAYC,SAAA,EAAWjB,WAAA,EAAa;EAEnF,oBAAOuB,IAAA,CAACtB,eAAA;IAAgBuB,eAAA,EAAiBF;;AAC3C","ignoreList":[]}
+{"version":3,"file":"index.js","names":["RenderServerComponent","PayloadLogo","React","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","_jsx","Component","Fallback","importMap","serverProps"],"sources":["../../../src/elements/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { PayloadLogo } from '@payloadcms/ui/shared'\nimport React from 'react'\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 (\n    <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}\n"],"mappings":";AAEA,SAASA,qBAAqB,QAAQ;AACtC,SAASC,WAAW,QAAQ;AAC5B,OAAOC,KAAA,MAAW;AAElB,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,oBACEC,IAAA,CAAClB,qBAAA;IACCmB,SAAA,EAAWJ,UAAA;IACXK,QAAA,EAAUnB,WAAA;IACVoB,SAAA,EAAWb,OAAA,CAAQa,SAAS;IAC5BC,WAAA,EAAa;MACXjB,IAAA;MACAC,MAAA;MACAC,MAAA;MACAC,OAAA;MACAC,WAAA;MACAC,YAAA;MACAC;IACF;;AAGN","ignoreList":[]}

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

@@ -1,20 +1,27 @@
 @import '../../../scss/styles.scss';
 
-.nav {
-  position: sticky;
-  top: 0;
-  left: 0;
-  flex-shrink: 0;
-  height: 100vh;
-  width: var(--nav-width);
-  border-right: 1px solid var(--theme-elevation-100);
-  opacity: 0;
+@layer payload-default {
+  .nav {
+    position: sticky;
+    top: 0;
+    left: 0;
+    flex-shrink: 0;
+    height: 100vh;
+    width: var(--nav-width);
+    border-right: 1px solid var(--theme-elevation-100);
+    opacity: 0;
 
-  &--nav-animate {
-    transition: opacity var(--nav-trans-time) ease-in-out;
-  }
+    [dir='rtl'] & {
+      border-right: none;
+      border-left: 1px solid var(--theme-elevation-100);
+    }
+
+    &--nav-animate {
+      transition: opacity var(--nav-trans-time) ease-in-out;
+    }
 
-  &--nav-open {
-    opacity: 1;
+    &--nav-open {
+      opacity: 1;
+    }
   }
 }

package/dist/elements/Nav/getNavPrefs.d.ts

@@ -0,0 +1,6 @@
+import type { NavPreferences, Payload, User } from 'payload';
+export declare const getNavPrefs: ({ payload, user }: {
+    payload: Payload;
+    user: User;
+}) => Promise<NavPreferences>;
+//# sourceMappingURL=getNavPrefs.d.ts.map

package/dist/elements/Nav/getNavPrefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getNavPrefs.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/getNavPrefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI5D,eAAO,MAAM,WAAW,sBACI;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,KAAG,OAAO,CAAC,cAAc,CA8BpF,CAAA"}

package/dist/elements/Nav/getNavPrefs.js

@@ -0,0 +1,26 @@
+import { cache } from 'react';
+export const getNavPrefs = cache(async ({
+  payload,
+  user
+}) => user ? await payload.find({
+  collection: 'payload-preferences',
+  depth: 0,
+  limit: 1,
+  user,
+  where: {
+    and: [{
+      key: {
+        equals: 'nav'
+      }
+    }, {
+      'user.relationTo': {
+        equals: user.collection
+      }
+    }, {
+      'user.value': {
+        equals: user.id
+      }
+    }]
+  }
+})?.then(res => res?.docs?.[0]?.value) : null);
+//# sourceMappingURL=getNavPrefs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getNavPrefs.js","names":["cache","getNavPrefs","payload","user","find","collection","depth","limit","where","and","key","equals","id","then","res","docs","value"],"sources":["../../../src/elements/Nav/getNavPrefs.ts"],"sourcesContent":["import type { NavPreferences, Payload, User } from 'payload'\n\nimport { cache } from 'react'\n\nexport const getNavPrefs = cache(\n  async ({ payload, user }: { payload: Payload; user: User }): Promise<NavPreferences> =>\n    user\n      ? await payload\n          .find({\n            collection: 'payload-preferences',\n            depth: 0,\n            limit: 1,\n            user,\n            where: {\n              and: [\n                {\n                  key: {\n                    equals: 'nav',\n                  },\n                },\n                {\n                  'user.relationTo': {\n                    equals: user.collection,\n                  },\n                },\n                {\n                  'user.value': {\n                    equals: user.id,\n                  },\n                },\n              ],\n            },\n          })\n          ?.then((res) => res?.docs?.[0]?.value)\n      : null,\n)\n"],"mappings":"AAEA,SAASA,KAAK,QAAQ;AAEtB,OAAO,MAAMC,WAAA,GAAcD,KAAA,CACzB,OAAO;EAAEE,OAAO;EAAEC;AAAI,CAAoC,KACxDA,IAAA,GACI,MAAMD,OAAA,CACHE,IAAI,CAAC;EACJC,UAAA,EAAY;EACZC,KAAA,EAAO;EACPC,KAAA,EAAO;EACPJ,IAAA;EACAK,KAAA,EAAO;IACLC,GAAA,EAAK,CACH;MACEC,GAAA,EAAK;QACHC,MAAA,EAAQ;MACV;IACF,GACA;MACE,mBAAmB;QACjBA,MAAA,EAAQR,IAAA,CAAKE;MACf;IACF,GACA;MACE,cAAc;QACZM,MAAA,EAAQR,IAAA,CAAKS;MACf;IACF;EAEJ;AACF,IACEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,EAAKC,IAAA,GAAO,EAAE,EAAEC,KAAA,IAClC","ignoreList":[]}

package/dist/elements/Nav/index.client.d.ts

@@ -1,3 +1,8 @@
+import type { groupNavItems } from '@payloadcms/ui/shared';
+import type { NavPreferences } from 'payload';
 import React from 'react';
-export declare const DefaultNavClient: React.FC;
+export declare const DefaultNavClient: React.FC<{
+    groups: ReturnType<typeof groupNavItems>;
+    navPreferences: NavPreferences;
+}>;
 //# sourceMappingURL=index.client.d.ts.map

package/dist/elements/Nav/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA2FpC,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACxC,cAAc,EAAE,cAAc,CAAA;CAC/B,CA2DA,CAAA"}