@payloadcms/next 3.0.0-beta.53 → 3.0.0-beta.55

package/dist/withPayload.d.ts

@@ -1,3 +1,3 @@
-export function withPayload(nextConfig?: import('next').NextConfig): import('next').NextConfig;
+export function withPayload(nextConfig?: import("next").NextConfig): import("next").NextConfig;
 export default withPayload;
 //# sourceMappingURL=withPayload.d.ts.map

package/dist/withPayload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/withPayload.js"],"sourcesContent":["/**\n * @param {import('next').NextConfig} nextConfig\n *\n * @returns {import('next').NextConfig}\n * */\nexport const withPayload = (nextConfig = {}) => {\n  if (nextConfig.experimental?.staleTimes?.dynamic) {\n    console.warn(\n      'Payload detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This may cause stale data to load in the Admin Panel. To clear this warning, remove the `staleTimes.dynamic` option from your Next.js config or set it to 0. In the future, Next.js may support scoping this option to specific routes.',\n    )\n  }\n\n  /**\n   * @type {import('next').NextConfig}\n   */\n  const toReturn = {\n    ...nextConfig,\n    env: {\n      ...(nextConfig?.env || {}),\n    },\n    experimental: {\n      ...(nextConfig?.experimental || {}),\n      outputFileTracingExcludes: {\n        '**/*': [\n          ...(nextConfig.experimental?.outputFileTracingExcludes?.['**/*'] || []),\n          'drizzle-kit',\n          'drizzle-kit/payload',\n          'libsql',\n        ],\n      },\n      turbo: {\n        ...(nextConfig?.experimental?.turbo || {}),\n        resolveAlias: {\n          ...(nextConfig?.experimental?.turbo?.resolveAlias || {}),\n          'payload-mock-package': 'payload-mock-package',\n        },\n      },\n    },\n    headers: async () => {\n      const headersFromConfig = 'headers' in nextConfig ? await nextConfig.headers() : []\n\n      return [\n        ...(headersFromConfig || []),\n        {\n          source: '/:path*',\n          headers: [\n            {\n              key: 'Accept-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Vary',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Critical-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n          ],\n        },\n      ]\n    },\n    serverExternalPackages: [\n      ...(nextConfig?.serverExternalPackages || []),\n      'drizzle-kit',\n      'drizzle-kit/payload',\n      'libsql',\n      'pino',\n      'pino-pretty',\n      'graphql',\n    ],\n    webpack: (webpackConfig, webpackOptions) => {\n      const incomingWebpackConfig =\n        typeof nextConfig.webpack === 'function'\n          ? nextConfig.webpack(webpackConfig, webpackOptions)\n          : webpackConfig\n\n      return {\n        ...incomingWebpackConfig,\n        externals: [\n          ...(incomingWebpackConfig?.externals || []),\n          'drizzle-kit',\n          'drizzle-kit/payload',\n          'sharp',\n          'libsql',\n        ],\n        ignoreWarnings: [\n          ...(incomingWebpackConfig?.ignoreWarnings || []),\n          { module: /node_modules\\/mongodb\\/lib\\/utils\\.js/ },\n          { file: /node_modules\\/mongodb\\/lib\\/utils\\.js/ },\n          { module: /node_modules\\/mongodb\\/lib\\/bson\\.js/ },\n          { file: /node_modules\\/mongodb\\/lib\\/bson\\.js/ },\n        ],\n        resolve: {\n          ...(incomingWebpackConfig?.resolve || {}),\n          alias: {\n            ...(incomingWebpackConfig?.resolve?.alias || {}),\n          },\n          fallback: {\n            ...(incomingWebpackConfig?.resolve?.fallback || {}),\n            '@aws-sdk/credential-providers': false,\n            '@mongodb-js/zstd': false,\n            aws4: false,\n            kerberos: false,\n            'mongodb-client-encryption': false,\n            snappy: false,\n            'supports-color': false,\n            'yocto-queue': false,\n          },\n        },\n      }\n    },\n  }\n\n  if (nextConfig.basePath) {\n    toReturn.env.NEXT_BASE_PATH = nextConfig.basePath\n  }\n\n  return toReturn\n}\n\nexport default withPayload\n"],"names":["withPayload","nextConfig","experimental","staleTimes","dynamic","console","warn","toReturn","env","outputFileTracingExcludes","turbo","resolveAlias","headers","headersFromConfig","source","key","value","serverExternalPackages","webpack","webpackConfig","webpackOptions","incomingWebpackConfig","externals","ignoreWarnings","module","file","resolve","alias","fallback","aws4","kerberos","snappy","basePath","NEXT_BASE_PATH"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;GAIG,GACH,OAAO,MAAMA,cAAc,CAACC,aAAa,CAAC,CAAC;IACzC,IAAIA,WAAWC,YAAY,EAAEC,YAAYC,SAAS;QAChDC,QAAQC,IAAI,CACV;IAEJ;IAEA;;GAEC,GACD,MAAMC,WAAW;QACf,GAAGN,UAAU;QACbO,KAAK;YACH,GAAIP,YAAYO,OAAO,CAAC,CAAC;QAC3B;QACAN,cAAc;YACZ,GAAID,YAAYC,gBAAgB,CAAC,CAAC;YAClCO,2BAA2B;gBACzB,QAAQ;uBACFR,WAAWC,YAAY,EAAEO,2BAA2B,CAAC,OAAO,IAAI,EAAE;oBACtE;oBACA;oBACA;iBACD;YACH;YACAC,OAAO;gBACL,GAAIT,YAAYC,cAAcQ,SAAS,CAAC,CAAC;gBACzCC,cAAc;oBACZ,GAAIV,YAAYC,cAAcQ,OAAOC,gBAAgB,CAAC,CAAC;oBACvD,wBAAwB;gBAC1B;YACF;QACF;QACAC,SAAS;YACP,MAAMC,oBAAoB,aAAaZ,aAAa,MAAMA,WAAWW,OAAO,KAAK,EAAE;YAEnF,OAAO;mBACDC,qBAAqB,EAAE;gBAC3B;oBACEC,QAAQ;oBACRF,SAAS;wBACP;4BACEG,KAAK;4BACLC,OAAO;wBACT;wBACA;4BACED,KAAK;4BACLC,OAAO;wBACT;wBACA;4BACED,KAAK;4BACLC,OAAO;wBACT;qBACD;gBACH;aACD;QACH;QACAC,wBAAwB;eAClBhB,YAAYgB,0BAA0B,EAAE;YAC5C;YACA;YACA;YACA;YACA;YACA;SACD;QACDC,SAAS,CAACC,eAAeC;YACvB,MAAMC,wBACJ,OAAOpB,WAAWiB,OAAO,KAAK,aAC1BjB,WAAWiB,OAAO,CAACC,eAAeC,kBAClCD;YAEN,OAAO;gBACL,GAAGE,qBAAqB;gBACxBC,WAAW;uBACLD,uBAAuBC,aAAa,EAAE;oBAC1C;oBACA;oBACA;oBACA;iBACD;gBACDC,gBAAgB;uBACVF,uBAAuBE,kBAAkB,EAAE;oBAC/C;wBAAEC,QAAQ;oBAAwC;oBAClD;wBAAEC,MAAM;oBAAwC;oBAChD;wBAAED,QAAQ;oBAAuC;oBACjD;wBAAEC,MAAM;oBAAuC;iBAChD;gBACDC,SAAS;oBACP,GAAIL,uBAAuBK,WAAW,CAAC,CAAC;oBACxCC,OAAO;wBACL,GAAIN,uBAAuBK,SAASC,SAAS,CAAC,CAAC;oBACjD;oBACAC,UAAU;wBACR,GAAIP,uBAAuBK,SAASE,YAAY,CAAC,CAAC;wBAClD,iCAAiC;wBACjC,oBAAoB;wBACpBC,MAAM;wBACNC,UAAU;wBACV,6BAA6B;wBAC7BC,QAAQ;wBACR,kBAAkB;wBAClB,eAAe;oBACjB;gBACF;YACF;QACF;IACF;IAEA,IAAI9B,WAAW+B,QAAQ,EAAE;QACvBzB,SAASC,GAAG,CAACyB,cAAc,GAAGhC,WAAW+B,QAAQ;IACnD;IAEA,OAAOzB;AACT,EAAC;AAED,eAAeP,YAAW"}
+{"version":3,"sources":["../src/withPayload.js"],"sourcesContent":["/**\n * @param {import('next').NextConfig} nextConfig\n *\n * @returns {import('next').NextConfig}\n * */\nexport const withPayload = (nextConfig = {}) => {\n  if (nextConfig.experimental?.staleTimes?.dynamic) {\n    console.warn(\n      'Payload detected a non-zero value for the `staleTimes.dynamic` option in your Next.js config. This may cause stale data to load in the Admin Panel. To clear this warning, remove the `staleTimes.dynamic` option from your Next.js config or set it to 0. In the future, Next.js may support scoping this option to specific routes.',\n    )\n  }\n\n  /**\n   * @type {import('next').NextConfig}\n   */\n  const toReturn = {\n    ...nextConfig,\n    env: {\n      ...(nextConfig?.env || {}),\n    },\n    experimental: {\n      ...(nextConfig?.experimental || {}),\n      outputFileTracingExcludes: {\n        '**/*': [\n          ...(nextConfig.experimental?.outputFileTracingExcludes?.['**/*'] || []),\n          'drizzle-kit',\n          'drizzle-kit/payload',\n          'libsql',\n        ],\n      },\n      turbo: {\n        ...(nextConfig?.experimental?.turbo || {}),\n        resolveAlias: {\n          ...(nextConfig?.experimental?.turbo?.resolveAlias || {}),\n          'payload-mock-package': 'payload-mock-package',\n        },\n      },\n    },\n    headers: async () => {\n      const headersFromConfig = 'headers' in nextConfig ? await nextConfig.headers() : []\n\n      return [\n        ...(headersFromConfig || []),\n        {\n          source: '/:path*',\n          headers: [\n            {\n              key: 'Accept-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Vary',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n            {\n              key: 'Critical-CH',\n              value: 'Sec-CH-Prefers-Color-Scheme',\n            },\n          ],\n        },\n      ]\n    },\n    serverExternalPackages: [\n      ...(nextConfig?.serverExternalPackages || []),\n      'drizzle-kit',\n      'drizzle-kit/payload',\n      'libsql',\n      'pino',\n      'pino-pretty',\n      'graphql',\n    ],\n    webpack: (webpackConfig, webpackOptions) => {\n      const incomingWebpackConfig =\n        typeof nextConfig.webpack === 'function'\n          ? nextConfig.webpack(webpackConfig, webpackOptions)\n          : webpackConfig\n\n      return {\n        ...incomingWebpackConfig,\n        externals: [\n          ...(incomingWebpackConfig?.externals || []),\n          'drizzle-kit',\n          'drizzle-kit/payload',\n          'sharp',\n          'libsql',\n        ],\n        ignoreWarnings: [\n          ...(incomingWebpackConfig?.ignoreWarnings || []),\n          { module: /node_modules\\/mongodb\\/lib\\/utils\\.js/ },\n          { file: /node_modules\\/mongodb\\/lib\\/utils\\.js/ },\n          { module: /node_modules\\/mongodb\\/lib\\/bson\\.js/ },\n          { file: /node_modules\\/mongodb\\/lib\\/bson\\.js/ },\n        ],\n        resolve: {\n          ...(incomingWebpackConfig?.resolve || {}),\n          alias: {\n            ...(incomingWebpackConfig?.resolve?.alias || {}),\n          },\n          fallback: {\n            ...(incomingWebpackConfig?.resolve?.fallback || {}),\n            '@aws-sdk/credential-providers': false,\n            '@mongodb-js/zstd': false,\n            aws4: false,\n            kerberos: false,\n            'mongodb-client-encryption': false,\n            snappy: false,\n            'supports-color': false,\n            'yocto-queue': false,\n          },\n        },\n      }\n    },\n  }\n\n  if (nextConfig.basePath) {\n    toReturn.env.NEXT_BASE_PATH = nextConfig.basePath\n  }\n\n  return toReturn\n}\n\nexport default withPayload\n"],"names":["withPayload","nextConfig","experimental","staleTimes","dynamic","console","warn","toReturn","env","outputFileTracingExcludes","turbo","resolveAlias","headers","headersFromConfig","source","key","value","serverExternalPackages","webpack","webpackConfig","webpackOptions","incomingWebpackConfig","externals","ignoreWarnings","module","file","resolve","alias","fallback","aws4","kerberos","snappy","basePath","NEXT_BASE_PATH"],"mappings":"AAAA;;;;GAIG,GACH,OAAO,MAAMA,cAAc,CAACC,aAAa,CAAC,CAAC;IACzC,IAAIA,WAAWC,YAAY,EAAEC,YAAYC,SAAS;QAChDC,QAAQC,IAAI,CACV;IAEJ;IAEA;;GAEC,GACD,MAAMC,WAAW;QACf,GAAGN,UAAU;QACbO,KAAK;YACH,GAAIP,YAAYO,OAAO,CAAC,CAAC;QAC3B;QACAN,cAAc;YACZ,GAAID,YAAYC,gBAAgB,CAAC,CAAC;YAClCO,2BAA2B;gBACzB,QAAQ;uBACFR,WAAWC,YAAY,EAAEO,2BAA2B,CAAC,OAAO,IAAI,EAAE;oBACtE;oBACA;oBACA;iBACD;YACH;YACAC,OAAO;gBACL,GAAIT,YAAYC,cAAcQ,SAAS,CAAC,CAAC;gBACzCC,cAAc;oBACZ,GAAIV,YAAYC,cAAcQ,OAAOC,gBAAgB,CAAC,CAAC;oBACvD,wBAAwB;gBAC1B;YACF;QACF;QACAC,SAAS;YACP,MAAMC,oBAAoB,aAAaZ,aAAa,MAAMA,WAAWW,OAAO,KAAK,EAAE;YAEnF,OAAO;mBACDC,qBAAqB,EAAE;gBAC3B;oBACEC,QAAQ;oBACRF,SAAS;wBACP;4BACEG,KAAK;4BACLC,OAAO;wBACT;wBACA;4BACED,KAAK;4BACLC,OAAO;wBACT;wBACA;4BACED,KAAK;4BACLC,OAAO;wBACT;qBACD;gBACH;aACD;QACH;QACAC,wBAAwB;eAClBhB,YAAYgB,0BAA0B,EAAE;YAC5C;YACA;YACA;YACA;YACA;YACA;SACD;QACDC,SAAS,CAACC,eAAeC;YACvB,MAAMC,wBACJ,OAAOpB,WAAWiB,OAAO,KAAK,aAC1BjB,WAAWiB,OAAO,CAACC,eAAeC,kBAClCD;YAEN,OAAO;gBACL,GAAGE,qBAAqB;gBACxBC,WAAW;uBACLD,uBAAuBC,aAAa,EAAE;oBAC1C;oBACA;oBACA;oBACA;iBACD;gBACDC,gBAAgB;uBACVF,uBAAuBE,kBAAkB,EAAE;oBAC/C;wBAAEC,QAAQ;oBAAwC;oBAClD;wBAAEC,MAAM;oBAAwC;oBAChD;wBAAED,QAAQ;oBAAuC;oBACjD;wBAAEC,MAAM;oBAAuC;iBAChD;gBACDC,SAAS;oBACP,GAAIL,uBAAuBK,WAAW,CAAC,CAAC;oBACxCC,OAAO;wBACL,GAAIN,uBAAuBK,SAASC,SAAS,CAAC,CAAC;oBACjD;oBACAC,UAAU;wBACR,GAAIP,uBAAuBK,SAASE,YAAY,CAAC,CAAC;wBAClD,iCAAiC;wBACjC,oBAAoB;wBACpBC,MAAM;wBACNC,UAAU;wBACV,6BAA6B;wBAC7BC,QAAQ;wBACR,kBAAkB;wBAClB,eAAe;oBACjB;gBACF;YACF;QACF;IACF;IAEA,IAAI9B,WAAW+B,QAAQ,EAAE;QACvBzB,SAASC,GAAG,CAACyB,cAAc,GAAGhC,WAAW+B,QAAQ;IACnD;IAEA,OAAOzB;AACT,EAAC;AAED,eAAeP,YAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/next",
-  "version": "3.0.0-beta.53",
+  "version": "3.0.0-beta.55",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -57,14 +57,14 @@
     "graphql-playground-html": "1.6.30",
     "http-status": "1.6.2",
     "path-to-regexp": "^6.2.1",
-    "qs": "6.11.2",
+    "qs": "6.12.1",
     "react-diff-viewer-continued": "3.2.6",
     "sass": "1.77.4",
     "sonner": "^1.5.0",
     "ws": "^8.16.0",
-    "@payloadcms/graphql": "3.0.0-beta.53",
-    "@payloadcms/ui": "3.0.0-beta.53",
-    "@payloadcms/translations": "3.0.0-beta.53"
+    "@payloadcms/graphql": "3.0.0-beta.55",
+    "@payloadcms/translations": "3.0.0-beta.55",
+    "@payloadcms/ui": "3.0.0-beta.55"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^14.1.0",
@@ -83,13 +83,13 @@
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.78.0",
     "webpack-cli": "^5.1.4",
-    "payload": "3.0.0-beta.53",
-    "@payloadcms/eslint-config": "1.1.1"
+    "@payloadcms/eslint-config": "1.1.1",
+    "payload": "3.0.0-beta.55"
   },
   "peerDependencies": {
     "graphql": "^16.8.1",
     "next": "^15.0.0-rc.0",
-    "payload": "3.0.0-beta.53"
+    "payload": "3.0.0-beta.55"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"

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

@@ -1,91 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.doc-tab {
-  @extend %h5;
-  position: relative;
-
-  &__link {
-    text-decoration: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    white-space: nowrap;
-
-    // Use a pseudo element for the accessability so that it doesn't take up DOM space
-    // Also because the parent element has `overflow: hidden` which would clip an outline
-    &:focus-visible::after {
-      content: '';
-      border: var(--accessibility-outline);
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      pointer-events: none;
-    }
-  }
-
-  &:focus:not(:focus-visible) {
-    opacity: 1;
-  }
-
-  &::before {
-    content: '';
-    display: block;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 2px;
-    background-color: var(--theme-elevation-50);
-    opacity: 0;
-  }
-
-  &:hover {
-    &::before {
-      opacity: 1;
-    }
-
-    .doc-tab__count {
-      background-color: var(--theme-elevation-150);
-    }
-  }
-
-  &--active {
-    &::before {
-      opacity: 1;
-      background-color: var(--theme-elevation-100);
-    }
-
-    .doc-tab {
-      &__count {
-        background-color: var(--theme-elevation-250);
-      }
-    }
-
-    &:hover {
-      .doc-tab {
-        &__count {
-          background-color: var(--theme-elevation-250);
-        }
-      }
-    }
-  }
-
-  &__label {
-    display: flex;
-    position: relative;
-    align-items: center;
-    gap: 4px;
-    width: 100%;
-    height: 100%;
-    padding: calc(var(--base) / 2) calc(var(--base));
-  }
-
-  &__count {
-    min-width: 22px;
-    text-align: center;
-    padding: 2px 7px;
-    background-color: var(--theme-elevation-100);
-    border-radius: 1px;
-  }
-}

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

@@ -1,53 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.doc-tabs {
-  display: flex;
-
-  &__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 {
-      padding: 0;
-      margin-left: var(--gutter-h);
-    }
-  }
-
-  @include small-break {
-    &__tabs-container {
-      margin-right: var(--gutter-h);
-    }
-
-    &__tabs {
-      gap: var(--gutter-h);
-    }
-  }
-}

package/dist/elements/DocumentHeader/index.scss

@@ -1,51 +0,0 @@
-@import '../../scss/styles.scss';
-
-.doc-header {
-  width: 100%;
-  margin-top: base(0.5);
-  padding-bottom: calc(var(--base) * 1.5);
-  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);
-    width: 100%;
-    left: 0;
-    top: calc(100% - 1px);
-  }
-
-  &__title {
-    flex-grow: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin: 0;
-  }
-
-  @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%;
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
-    }
-  }
-
-  @include small-break {
-    margin-top: 0;
-  }
-}

package/dist/elements/LeaveWithoutSaving/index.scss

@@ -1,36 +0,0 @@
-@import '../../scss/styles.scss';
-
-.leave-without-saving {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-
-  &__wrapper {
-    z-index: 1;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-
-    > * {
-      margin: 0;
-    }
-  }
-
-  &__controls {
-    display: flex;
-    gap: var(--base);
-
-    .btn {
-      margin: 0;
-    }
-  }
-}

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

@@ -1,17 +0,0 @@
-@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;
-  transition: opacity var(--nav-trans-time) ease-in-out;
-
-  &--nav-open {
-    opacity: 1;
-  }
-}

package/dist/elements/Nav/index.scss

@@ -1,150 +0,0 @@
-@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;
-  transition: opacity var(--nav-trans-time) ease-in-out;
-
-  &--nav-open {
-    opacity: 1;
-  }
-
-  &__header {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: var(--app-header-height);
-  }
-
-  &__header-content {
-    z-index: 1;
-    position: relative;
-    height: 100%;
-  }
-
-  &__mobile-close {
-    display: none;
-    background: none;
-    border: 0;
-    outline: 0;
-    padding: calc(var(--base) * 0.75) var(--gutter-h);
-  }
-
-  &__scroll {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    padding: var(--app-header-height) base(1) base(2) base(1);
-    overflow-y: auto;
-
-    // remove the scrollbar here to prevent layout shift as nav groups are toggled
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  &__wrap {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    flex-grow: 1;
-  }
-
-  &__label {
-    color: var(--theme-elevation-400);
-  }
-
-  &__controls {
-    margin-top: auto;
-    margin-bottom: 0;
-
-    > * {
-      margin-top: base(1);
-    }
-
-    a:focus-visible {
-      outline: var(--accessibility-outline);
-    }
-  }
-
-  &__log-out {
-    &:hover {
-      g {
-        transform: translateX(-#{base(0.125)});
-      }
-    }
-  }
-
-  nav {
-    a {
-      position: relative;
-      padding: base(0.125) base(1.5) base(0.125) 0;
-      display: flex;
-      text-decoration: none;
-
-      &:focus:not(:focus-visible) {
-        box-shadow: none;
-        font-weight: 600;
-      }
-
-      &:hover,
-      &:focus-visible {
-        text-decoration: underline;
-      }
-
-      &.active {
-        font-weight: normal;
-        padding-left: 0;
-        font-weight: 600;
-      }
-    }
-  }
-
-  &__link {
-    display: flex;
-    align-items: center;
-
-    &.active {
-      .nav__link-icon {
-        display: block;
-      }
-    }
-  }
-
-  &__link-icon {
-    display: none;
-    margin-right: calc(var(--base) * 0.25);
-    top: -1px;
-    position: relative;
-  }
-
-  @include mid-break {
-    &__scroll {
-      padding: var(--app-header-height) base(0.5) base(2);
-    }
-  }
-
-  @include small-break {
-    &__scroll {
-      padding: var(--app-header-height) var(--gutter-h) base(2);
-    }
-
-    nav a {
-      font-size: base(0.875);
-      line-height: base(1.5);
-    }
-
-    &__mobile-close {
-      display: flex;
-      height: 100%;
-      align-items: center;
-    }
-  }
-}

package/dist/scss/app.scss

@@ -1,208 +0,0 @@
-@import './styles.scss';
-@import './toasts.scss';
-@import './colors.scss';
-
-:root {
-  --base-px: 25;
-  --base-body-size: 13;
-  --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
-
-  --breakpoint-xs-width: #{$breakpoint-xs-width};
-  --breakpoint-s-width: #{$breakpoint-s-width};
-  --breakpoint-m-width: #{$breakpoint-m-width};
-  --breakpoint-l-width: #{$breakpoint-l-width};
-  --scrollbar-width: 17px;
-
-  --theme-bg: var(--theme-elevation-0);
-  --theme-input-bg: var(--theme-elevation-0);
-  --theme-text: var(--theme-elevation-800);
-  --theme-overlay: rgba(5, 5, 5, 0.5);
-  --theme-baseline: #{$baseline-px};
-  --theme-baseline-body-size: #{$baseline-body-size};
-  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif;
-  --font-mono: monospace;
-
-  --style-radius-s: #{$style-radius-s};
-  --style-radius-m: #{$style-radius-m};
-  --style-radius-l: #{$style-radius-l};
-
-  --z-popup: 10;
-  --z-nav: 20;
-  --z-modal: 30;
-  --z-status: 40;
-
-  --accessibility-outline: 2px solid var(--theme-text);
-  --accessibility-outline-offset: 2px;
-
-  --gutter-h: #{base(3)};
-  --spacing-view-bottom: var(--gutter-h);
-  --app-header-height: calc(var(--base) * 3);
-  --doc-controls-height: calc(var(--base) * 3);
-  --nav-width: 275px;
-  --nav-trans-time: 150ms;
-
-  @include mid-break {
-    --gutter-h: #{base(2)};
-    --app-header-height: calc(var(--base) * 2);
-    --doc-controls-height: calc(var(--base) * 2.5);
-  }
-
-  @include small-break {
-    --gutter-h: #{base(0.5)};
-    --spacing-view-bottom: calc(var(--base) * 2);
-    --nav-width: 100vw;
-  }
-}
-
-/////////////////////////////
-// GLOBAL STYLES
-/////////////////////////////
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  @extend %body;
-  background: var(--theme-bg);
-  -webkit-font-smoothing: antialiased;
-  opacity: 0;
-
-  &[data-theme='dark'],
-  &[data-theme='light'] {
-    opacity: initial;
-  }
-
-  &[data-theme='dark'] {
-    --theme-bg: var(--theme-elevation-0);
-    --theme-text: var(--theme-elevation-1000);
-    --theme-input-bg: var(--theme-elevation-50);
-    --theme-overlay: rgba(5, 5, 5, 0.75);
-    color-scheme: dark;
-
-    ::selection {
-      color: var(--color-base-1000);
-    }
-
-    ::-moz-selection {
-      color: var(--color-base-1000);
-    }
-  }
-
-  @include mid-break {
-    font-size: 12px;
-  }
-}
-
-html,
-body,
-#app {
-  height: 100%;
-}
-
-body {
-  font-family: var(--font-body);
-  font-weight: 400;
-  color: var(--theme-text);
-  margin: 0;
-  // this is for the nav to be able to push the document over
-  overflow-x: hidden;
-}
-
-::selection {
-  background: var(--theme-success-500);
-  color: var(--theme-base-800);
-}
-
-::-moz-selection {
-  background: var(--theme-success-500);
-  color: var(--theme-base-800);
-}
-
-img {
-  max-width: 100%;
-  height: auto;
-  display: block;
-}
-
-h1 {
-  @extend %h1;
-}
-
-h2 {
-  @extend %h2;
-}
-
-h3 {
-  @extend %h3;
-}
-
-h4 {
-  @extend %h4;
-}
-
-h5 {
-  @extend %h5;
-}
-
-h6 {
-  @extend %h6;
-}
-
-p {
-  margin: 0 0 $baseline;
-}
-
-ul,
-ol {
-  padding-left: $baseline;
-  margin: 0 0 $baseline;
-}
-
-:focus-visible {
-  outline: var(--accessibility-outline);
-}
-
-a {
-  color: currentColor;
-
-  &:focus {
-    &:not(:focus-visible) {
-      opacity: 0.8;
-    }
-    outline: none;
-  }
-
-  &:active {
-    opacity: 0.7;
-    outline: none;
-  }
-}
-
-svg {
-  vertical-align: middle;
-}
-
-dialog {
-  width: 100%;
-  border: 0;
-  padding: 0;
-  color: currentColor;
-}
-
-.payload__modal-item {
-  min-height: 100%;
-  background: transparent;
-}
-
-.payload__modal-container--enterDone {
-  overflow: auto;
-}
-
-.payload__modal-item--enter,
-.payload__modal-item--enterDone {
-  z-index: var(--z-modal);
-}
-
-// @import '~payload-user-css'; TODO: re-enable this