@payloadcms/ui 4.0.0-internal.fa183d3 → 4.0.0-internal.fec2230

package/dist/views/Versions/VersionPillLabel/VersionPillLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionPillLabel.js","names":["c","_c","React","Pill","useConfig","useLocale","useTranslation","formatDate","getVersionLabel","baseClass","statusModifierMap","currentDraft","currentlyPublished","draft","previouslyPublished","published","renderStatus","label","name","modifier","_jsx","className","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","code","currentLocale","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","localeLabel","language","Fragment","size"],"sources":["../../../../src/views/Versions/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithVersion } from 'payload'\n\nimport React from 'react'\n\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst statusModifierMap: Record<string, string> = {\n  currentDraft: 'draft',\n  currentlyPublished: 'published',\n  draft: 'draft',\n  previouslyPublished: 'previously-published',\n  published: 'published',\n}\n\nconst renderStatus = (label: React.ReactNode, name: string) => {\n  const modifier = statusModifierMap[name] || 'draft'\n  return <span className={`status-cell status-cell--${modifier}`}>{label}</span>\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: TypeWithVersion<any>\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { code: currentLocale } = useLocale()\n\n  const { name, label } = getVersionLabel({\n    currentLocale,\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VersionPillLabel.js","names":["c","_c","React","Pill","useConfig","useLocale","useTranslation","formatDate","getVersionLabel","baseClass","statusModifierMap","currentDraft","currentlyPublished","draft","previouslyPublished","published","renderStatus","label","name","modifier","_jsx","className","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","activeLocale","currentLocale","code","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","localeLabel","language","Fragment","size"],"sources":["../../../../src/views/Versions/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithVersion } from 'payload'\n\nimport React from 'react'\n\nimport { Pill } from '../../../elements/Pill/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport './index.css'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst statusModifierMap: Record<string, string> = {\n  currentDraft: 'draft',\n  currentlyPublished: 'published',\n  draft: 'draft',\n  previouslyPublished: 'previously-published',\n  published: 'published',\n}\n\nconst renderStatus = (label: React.ReactNode, name: string) => {\n  const modifier = statusModifierMap[name] || 'draft'\n  return <span className={`status-cell status-cell--${modifier}`}>{label}</span>\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: TypeWithVersion<any>\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n  const activeLocale = useLocale()\n  const currentLocale = activeLocale?.code\n\n  const { name, label } = getVersionLabel({\n    currentLocale,\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Versions/generateVersionsViewMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateVersionsViewMetadata.js","names":["getTranslation","formatMetadata","generateVersionsViewMetadata","collectionConfig","config","globalConfig","i18n","t","entityLabel","labels","singular","label","metaToUse","admin","meta","data","useAsTitle","titleFromData","description","documentTitle","entitySlug","slug","title","components","views","edit","versions","serverURL"],"sources":["../../../src/views/Versions/generateVersionsViewMetadata.ts"],"sourcesContent":["import type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../API/generateAPIViewMetadata.js'\n\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\n/**\n * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateVersionsViewMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}): Promise<MetaConfig> => {\n  const { t } = i18n\n\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  let metaToUse: MetaConfig = {\n    ...(config.admin.meta || {}),\n  }\n\n  const data: any = {} // TODO: figure this out\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n    const titleFromData = data?.[useAsTitle]\n\n    metaToUse = {\n      ...(config.admin.meta || {}),\n      description: t('version:viewingVersions', {\n        documentTitle: data?.[useAsTitle],\n        entitySlug: collectionConfig.slug,\n      }),\n      title: `${t('version:versions')}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`,\n      ...(collectionConfig?.admin.meta || {}),\n      ...(collectionConfig?.admin?.components?.views?.edit?.versions?.meta || {}),\n    }\n  }\n\n  if (globalConfig) {\n    metaToUse = {\n      ...(config.admin.meta || {}),\n      description: t('version:viewingVersionsGlobal', { entitySlug: globalConfig.slug }),\n      title: `${t('version:versions')} - ${entityLabel}`,\n      ...((globalConfig?.admin.meta || {}) as MetaConfig),\n      ...((globalConfig?.admin?.components?.views?.edit?.versions?.meta || {}) as MetaConfig),\n    }\n  }\n\n  return formatMetadata({\n    ...metaToUse,\n    serverURL: config.serverURL,\n  })\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAI/B,SAASC,cAAc,QAAQ;AAE/B;;;AAGA,OAAO,MAAMC,4BAAA,GAAyD,MAAAA,CAAO;EAC3EC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC;AAAI,CACL;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGD,IAAA;EAEd,MAAME,WAAA,GAAcL,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBM,MAAM,CAACC,QAAQ,EAAEJ,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaM,KAAK,EAAEL,IAAA,IACnC;EAEN,IAAIM,SAAA,GAAwB;IAC1B,IAAIR,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;EAC7B;EAEA,MAAMC,IAAA,GAAY,CAAC,EAAE;AAAA;EAErB,IAAIZ,gBAAA,EAAkB;IACpB,MAAMa,UAAA,GAAab,gBAAA,EAAkBU,KAAA,EAAOG,UAAA,IAAc;IAC1D,MAAMC,aAAA,GAAgBF,IAAA,GAAOC,UAAA,CAAW;IAExCJ,SAAA,GAAY;MACV,IAAIR,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;MAC3BI,WAAA,EAAaX,CAAA,CAAE,2BAA2B;QACxCY,aAAA,EAAeJ,IAAA,GAAOC,UAAA,CAAW;QACjCI,UAAA,EAAYjB,gBAAA,CAAiBkB;MAC/B;MACAC,KAAA,EAAO,GAAGf,CAAA,CAAE,sBAAsBU,aAAA,GAAgB,MAAMA,aAAA,EAAe,GAAG,QAAQT,WAAA,EAAa;MAC/F,IAAIL,gBAAA,EAAkBU,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIX,gBAAA,EAAkBU,KAAA,EAAOU,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,QAAA,EAAUZ,IAAA,IAAQ,CAAC,CAAC;IAC5E;EACF;EAEA,IAAIT,YAAA,EAAc;IAChBO,SAAA,GAAY;MACV,IAAIR,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;MAC3BI,WAAA,EAAaX,CAAA,CAAE,iCAAiC;QAAEa,UAAA,EAAYf,YAAA,CAAagB;MAAK;MAChFC,KAAA,EAAO,GAAGf,CAAA,CAAE,yBAAyBC,WAAA,EAAa;MAClD,IAAKH,YAAA,EAAcQ,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MACnC,IAAKT,YAAA,EAAcQ,KAAA,EAAOU,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,QAAA,EAAUZ,IAAA,IAAQ,CAAC,CAAC;IACzE;EACF;EAEA,OAAOb,cAAA,CAAe;IACpB,GAAGW,SAAS;IACZe,SAAA,EAAWvB,MAAA,CAAOuB;EACpB;AACF","ignoreList":[]}
+{"version":3,"file":"generateVersionsViewMetadata.js","names":["getTranslation","formatMetadata","generateVersionsViewMetadata","collectionConfig","config","globalConfig","i18n","t","entityLabel","labels","singular","label","metaToUse","admin","meta","data","useAsTitle","titleFromData","description","documentTitle","entitySlug","slug","title","components","views","edit","versions","serverURL"],"sources":["../../../src/views/Versions/generateVersionsViewMetadata.ts"],"sourcesContent":["import type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../API/generateAPIViewMetadata.js'\n\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\n/**\n * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateVersionsViewMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}): Promise<MetaConfig> => {\n  const { t } = i18n\n\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  let metaToUse: MetaConfig = {\n    ...(config.admin.meta || {}),\n  }\n\n  const data: any = {} // TODO: figure this out\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n    const titleFromData = data?.[useAsTitle]\n\n    metaToUse = {\n      ...(config.admin.meta || {}),\n      description: t('version:viewingVersions', {\n        documentTitle: data?.[useAsTitle],\n        entitySlug: collectionConfig.slug,\n      }),\n      title: `${t('version:versions')}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`,\n      ...(collectionConfig?.admin.meta || {}),\n      ...(collectionConfig?.admin?.components?.views?.edit?.versions?.meta || {}),\n    }\n  }\n\n  if (globalConfig) {\n    metaToUse = {\n      ...(config.admin.meta || {}),\n      description: t('version:viewingVersionsGlobal', { entitySlug: globalConfig.slug }),\n      title: `${t('version:versions')} - ${entityLabel}`,\n      ...(globalConfig?.admin.meta || {}),\n      ...(globalConfig?.admin?.components?.views?.edit?.versions?.meta || {}),\n    }\n  }\n\n  return formatMetadata({\n    ...metaToUse,\n    serverURL: config.serverURL,\n  })\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAI/B,SAASC,cAAc,QAAQ;AAE/B;;;AAGA,OAAO,MAAMC,4BAAA,GAAyD,MAAAA,CAAO;EAC3EC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC;AAAI,CACL;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGD,IAAA;EAEd,MAAME,WAAA,GAAcL,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBM,MAAM,CAACC,QAAQ,EAAEJ,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaM,KAAK,EAAEL,IAAA,IACnC;EAEN,IAAIM,SAAA,GAAwB;IAC1B,IAAIR,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;EAC7B;EAEA,MAAMC,IAAA,GAAY,CAAC,EAAE;AAAA;EAErB,IAAIZ,gBAAA,EAAkB;IACpB,MAAMa,UAAA,GAAab,gBAAA,EAAkBU,KAAA,EAAOG,UAAA,IAAc;IAC1D,MAAMC,aAAA,GAAgBF,IAAA,GAAOC,UAAA,CAAW;IAExCJ,SAAA,GAAY;MACV,IAAIR,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;MAC3BI,WAAA,EAAaX,CAAA,CAAE,2BAA2B;QACxCY,aAAA,EAAeJ,IAAA,GAAOC,UAAA,CAAW;QACjCI,UAAA,EAAYjB,gBAAA,CAAiBkB;MAC/B;MACAC,KAAA,EAAO,GAAGf,CAAA,CAAE,sBAAsBU,aAAA,GAAgB,MAAMA,aAAA,EAAe,GAAG,QAAQT,WAAA,EAAa;MAC/F,IAAIL,gBAAA,EAAkBU,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIX,gBAAA,EAAkBU,KAAA,EAAOU,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,QAAA,EAAUZ,IAAA,IAAQ,CAAC,CAAC;IAC5E;EACF;EAEA,IAAIT,YAAA,EAAc;IAChBO,SAAA,GAAY;MACV,IAAIR,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;MAC3BI,WAAA,EAAaX,CAAA,CAAE,iCAAiC;QAAEa,UAAA,EAAYf,YAAA,CAAagB;MAAK;MAChFC,KAAA,EAAO,GAAGf,CAAA,CAAE,yBAAyBC,WAAA,EAAa;MAClD,IAAIH,YAAA,EAAcQ,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAIT,YAAA,EAAcQ,KAAA,EAAOU,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,QAAA,EAAUZ,IAAA,IAAQ,CAAC,CAAC;IACxE;EACF;EAEA,OAAOb,cAAA,CAAe;IACpB,GAAGW,SAAS;IACZe,SAAA,EAAWvB,MAAA,CAAOuB;EACpB;AACF","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.fa183d3",
+  "version": "4.0.0-internal.fec2230",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -17,7 +17,6 @@
     }
   ],
   "sideEffects": [
-    "*.scss",
     "*.css"
   ],
   "type": "module",
@@ -41,16 +40,12 @@
       "import": "./dist/styles.css",
       "default": "./dist/styles.css"
     },
-    "./scss": {
-      "import": "./dist/scss/styles.scss",
-      "default": "./dist/scss/styles.scss"
-    },
+    "./css/app.css": "./dist/css/app.css",
     "./rsc": {
       "import": "./dist/exports/rsc/index.js",
       "types": "./dist/exports/rsc/index.d.ts",
       "default": "./dist/exports/rsc/index.js"
     },
-    "./scss/app.scss": "./dist/scss/app.scss",
     "./styles.css": "./dist/styles.css",
     "./assets": {
       "import": "./dist/assets/index.js",
@@ -279,6 +274,7 @@
     "@faceless-ui/window-info": "3.0.1",
     "@floating-ui/dom": "1.7.6",
     "@monaco-editor/react": "4.7.0",
+    "@swc/helpers": ">=0.5.17",
     "bson-objectid": "2.0.4",
     "date-fns": "4.1.0",
     "dequal": "2.0.3",
@@ -294,7 +290,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-internal.fa183d3"
+    "@payloadcms/translations": "4.0.0-internal.fec2230"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -309,12 +305,12 @@
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "4.0.0-internal.fa183d3"
+    "payload": "4.0.0-internal.fec2230"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-internal.fa183d3"
+    "payload": "4.0.0-internal.fec2230"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/elements/RelationshipTable/Pagination.css

@@ -1,39 +0,0 @@
-@layer payload-default {
-  .relationship-table-pagination {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-family: var(--text-body-medium-font-family);
-    font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-font-weight);
-    line-height: var(--text-body-medium-line-height);
-    color: var(--color-text-secondary);
-  }
-
-  .relationship-table-pagination__nav {
-    display: flex;
-    gap: var(--spacer-3);
-    align-items: center;
-  }
-
-  .relationship-table-pagination__button {
-    background: none;
-    border: none;
-    padding: 0;
-    font: inherit;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-
-    &:hover:not(:disabled) {
-      color: var(--color-text);
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  .relationship-table-pagination__count {
-    white-space: nowrap;
-  }
-}

package/dist/scss/app.scss

@@ -1,183 +0,0 @@
-@layer payload-default, payload;
-
-@import 'styles';
-@import './colors.scss';
-@import '../styles.css';
-
-@layer payload-default {
-  :root {
-    --base-px: 20;
-    --base-body-size: 16;
-    --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(--color-bg);
-    --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: var(--font-family-sans), sans-serif;
-    --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
-    --font-mono: var(--font-family-mono), 'SF Mono', Menlo, Consolas, Monaco, monospace;
-
-    --style-radius-s: #{$style-radius-s};
-    --style-radius-m: #{$style-radius-m};
-    --style-radius-l: #{$style-radius-l};
-
-    // --z-popup needs to be higher than --z-modal to ensure the popup is displayed when modal is open
-    --z-popup: 60;
-    --z-nav: 20;
-    --z-modal: 30;
-    --z-status: 40;
-
-    --gutter-h: var(--spacer-5);
-    --spacing-view-bottom: var(--gutter-h);
-    --app-header-height: 0px;
-    --doc-controls-height: 0px;
-    --doc-header-height: 0px;
-    --nav-width: 275px;
-
-    @include large-break {
-      --gutter-h: var(--spacer-4);
-    }
-
-    @include mid-break {
-      --gutter-h: var(--spacer-3);
-    }
-
-    @include small-break {
-      --spacing-view-bottom: calc(var(--base) * 2);
-      --nav-width: 100vw;
-    }
-  }
-
-  /////////////////////////////
-  // GLOBAL STYLES
-  /////////////////////////////
-
-  * {
-    box-sizing: border-box;
-  }
-
-  html {
-    background: var(--color-bg);
-    -webkit-font-smoothing: antialiased;
-
-    &[data-theme='dark'] {
-      --theme-bg: var(--color-bg);
-      --theme-text: var(--theme-elevation-1000);
-      --theme-input-bg: var(--theme-elevation-50);
-      --theme-overlay: rgba(5, 5, 5, 0.75);
-      color-scheme: dark;
-    }
-  }
-
-  html,
-  body,
-  #app {
-    height: 100%;
-  }
-
-  body {
-    font-family: var(--font-body);
-    font-size: var(--text-body-medium-font-size);
-    font-weight: var(--text-body-medium-font-weight);
-    line-height: var(--text-body-medium-line-height);
-    letter-spacing: var(--text-letter-spacing);
-    color: var(--theme-text);
-    margin: 0;
-    // this is for the nav to be able to push the document over
-    overflow-x: hidden;
-  }
-
-  // Lock background scroll while a drawer is open. Backs up faceless-ui's JS
-  // body-scroll-lock, which a sibling modal can clear prematurely.
-  body:has(.drawer--is-open) {
-    overflow: hidden;
-  }
-
-  img {
-    max-width: 100%;
-    height: auto;
-    display: block;
-  }
-
-  h1 {
-  }
-
-  h2 {
-  }
-
-  h3 {
-  }
-
-  h4 {
-  }
-
-  h5 {
-  }
-
-  h6 {
-  }
-
-  p {
-    margin: 0;
-  }
-
-  ul,
-  ol {
-    padding-left: $baseline;
-    margin: 0;
-  }
-
-  :focus-visible {
-    outline: var(--accessibility-outline);
-    outline-offset: var(--accessibility-outline-offset);
-    border-radius: var(--radius-medium);
-  }
-
-  a {
-    color: currentColor;
-
-    &:focus {
-      &:not(:focus-visible) {
-        opacity: 0.8;
-      }
-    }
-
-    &:active {
-      opacity: 0.7;
-    }
-  }
-
-  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);
-  }
-}

package/dist/scss/colors.scss

@@ -1,191 +0,0 @@
-@layer payload-default {
-  :root {
-    --color-base-0: rgb(255, 255, 255);
-    --color-base-50: rgb(245, 245, 245);
-    --color-base-100: rgb(235, 235, 235);
-    --color-base-150: rgb(221, 221, 221);
-    --color-base-200: rgb(208, 208, 208);
-    --color-base-250: rgb(195, 195, 195);
-    --color-base-300: rgb(181, 181, 181);
-    --color-base-350: rgb(168, 168, 168);
-    --color-base-400: rgb(154, 154, 154);
-    --color-base-450: rgb(141, 141, 141);
-    --color-base-500: rgb(128, 128, 128);
-    --color-base-550: rgb(114, 114, 114);
-    --color-base-600: rgb(101, 101, 101);
-    --color-base-650: rgb(87, 87, 87);
-    --color-base-700: rgb(74, 74, 74);
-    --color-base-750: rgb(60, 60, 60);
-    --color-base-800: rgb(47, 47, 47);
-    --color-base-850: rgb(34, 34, 34);
-    --color-base-900: rgb(20, 20, 20);
-    --color-base-950: rgb(7, 7, 7);
-    --color-base-1000: rgb(0, 0, 0);
-
-    --theme-border-color: var(--theme-elevation-150);
-
-    --theme-success-50: var(--color-success-50);
-    --theme-success-100: var(--color-success-100);
-    --theme-success-150: var(--color-success-150);
-    --theme-success-200: var(--color-success-200);
-    --theme-success-250: var(--color-success-250);
-    --theme-success-300: var(--color-success-300);
-    --theme-success-350: var(--color-success-350);
-    --theme-success-400: var(--color-success-400);
-    --theme-success-450: var(--color-success-450);
-    --theme-success-500: var(--color-success-500);
-    --theme-success-550: var(--color-success-550);
-    --theme-success-600: var(--color-success-600);
-    --theme-success-650: var(--color-success-650);
-    --theme-success-700: var(--color-success-700);
-    --theme-success-750: var(--color-success-750);
-    --theme-success-800: var(--color-success-800);
-    --theme-success-850: var(--color-success-850);
-    --theme-success-900: var(--color-success-900);
-    --theme-success-950: var(--color-success-950);
-
-    --theme-warning-50: var(--color-warning-50);
-    --theme-warning-100: var(--color-warning-100);
-    --theme-warning-150: var(--color-warning-150);
-    --theme-warning-200: var(--color-warning-200);
-    --theme-warning-250: var(--color-warning-250);
-    --theme-warning-300: var(--color-warning-300);
-    --theme-warning-350: var(--color-warning-350);
-    --theme-warning-400: var(--color-warning-400);
-    --theme-warning-450: var(--color-warning-450);
-    --theme-warning-500: var(--color-warning-500);
-    --theme-warning-550: var(--color-warning-550);
-    --theme-warning-600: var(--color-warning-600);
-    --theme-warning-650: var(--color-warning-650);
-    --theme-warning-700: var(--color-warning-700);
-    --theme-warning-750: var(--color-warning-750);
-    --theme-warning-800: var(--color-warning-800);
-    --theme-warning-850: var(--color-warning-850);
-    --theme-warning-900: var(--color-warning-900);
-    --theme-warning-950: var(--color-warning-950);
-
-    --theme-error-50: var(--color-error-50);
-    --theme-error-100: var(--color-error-100);
-    --theme-error-150: var(--color-error-150);
-    --theme-error-200: var(--color-error-200);
-    --theme-error-250: var(--color-error-250);
-    --theme-error-300: var(--color-error-300);
-    --theme-error-350: var(--color-error-350);
-    --theme-error-400: var(--color-error-400);
-    --theme-error-450: var(--color-error-450);
-    --theme-error-500: var(--color-error-500);
-    --theme-error-550: var(--color-error-550);
-    --theme-error-600: var(--color-error-600);
-    --theme-error-650: var(--color-error-650);
-    --theme-error-700: var(--color-error-700);
-    --theme-error-750: var(--color-error-750);
-    --theme-error-800: var(--color-error-800);
-    --theme-error-850: var(--color-error-850);
-    --theme-error-900: var(--color-error-900);
-    --theme-error-950: var(--color-error-950);
-
-    --theme-elevation-0: var(--color-base-0);
-    --theme-elevation-50: var(--color-base-50);
-    --theme-elevation-100: var(--color-base-100);
-    --theme-elevation-150: var(--color-base-150);
-    --theme-elevation-200: var(--color-base-200);
-    --theme-elevation-250: var(--color-base-250);
-    --theme-elevation-300: var(--color-base-300);
-    --theme-elevation-350: var(--color-base-350);
-    --theme-elevation-400: var(--color-base-400);
-    --theme-elevation-450: var(--color-base-450);
-    --theme-elevation-500: var(--color-base-500);
-    --theme-elevation-550: var(--color-base-550);
-    --theme-elevation-600: var(--color-base-600);
-    --theme-elevation-650: var(--color-base-650);
-    --theme-elevation-700: var(--color-base-700);
-    --theme-elevation-750: var(--color-base-750);
-    --theme-elevation-800: var(--color-base-800);
-    --theme-elevation-850: var(--color-base-850);
-    --theme-elevation-900: var(--color-base-900);
-    --theme-elevation-950: var(--color-base-950);
-    --theme-elevation-1000: var(--color-base-1000);
-  }
-
-  html[data-theme='dark'] {
-    --theme-border-color: var(--theme-elevation-150);
-
-    --theme-elevation-0: var(--color-base-900);
-    --theme-elevation-50: var(--color-base-850);
-    --theme-elevation-100: var(--color-base-800);
-    --theme-elevation-150: var(--color-base-750);
-    --theme-elevation-200: var(--color-base-700);
-    --theme-elevation-250: var(--color-base-650);
-    --theme-elevation-300: var(--color-base-600);
-    --theme-elevation-350: var(--color-base-550);
-    --theme-elevation-400: var(--color-base-450);
-    --theme-elevation-450: var(--color-base-400);
-    --theme-elevation-550: var(--color-base-350);
-    --theme-elevation-600: var(--color-base-300);
-    --theme-elevation-650: var(--color-base-250);
-    --theme-elevation-700: var(--color-base-200);
-    --theme-elevation-750: var(--color-base-150);
-    --theme-elevation-800: var(--color-base-100);
-    --theme-elevation-850: var(--color-base-50);
-    --theme-elevation-900: var(--color-base-0);
-    --theme-elevation-950: var(--color-base-0);
-    --theme-elevation-1000: var(--color-base-0);
-
-    --theme-success-50: var(--color-success-950);
-    --theme-success-100: var(--color-success-900);
-    --theme-success-150: var(--color-success-850);
-    --theme-success-200: var(--color-success-800);
-    --theme-success-250: var(--color-success-750);
-    --theme-success-300: var(--color-success-700);
-    --theme-success-350: var(--color-success-650);
-    --theme-success-400: var(--color-success-600);
-    --theme-success-450: var(--color-success-550);
-    --theme-success-550: var(--color-success-450);
-    --theme-success-600: var(--color-success-400);
-    --theme-success-650: var(--color-success-350);
-    --theme-success-700: var(--color-success-300);
-    --theme-success-750: var(--color-success-250);
-    --theme-success-800: var(--color-success-200);
-    --theme-success-850: var(--color-success-150);
-    --theme-success-900: var(--color-success-100);
-    --theme-success-950: var(--color-success-50);
-
-    --theme-warning-50: var(--color-warning-950);
-    --theme-warning-100: var(--color-warning-900);
-    --theme-warning-150: var(--color-warning-850);
-    --theme-warning-200: var(--color-warning-800);
-    --theme-warning-250: var(--color-warning-750);
-    --theme-warning-300: var(--color-warning-700);
-    --theme-warning-350: var(--color-warning-650);
-    --theme-warning-400: var(--color-warning-600);
-    --theme-warning-450: var(--color-warning-550);
-    --theme-warning-550: var(--color-warning-450);
-    --theme-warning-600: var(--color-warning-400);
-    --theme-warning-650: var(--color-warning-350);
-    --theme-warning-700: var(--color-warning-300);
-    --theme-warning-750: var(--color-warning-250);
-    --theme-warning-800: var(--color-warning-200);
-    --theme-warning-850: var(--color-warning-150);
-    --theme-warning-900: var(--color-warning-100);
-    --theme-warning-950: var(--color-warning-50);
-
-    --theme-error-50: var(--color-error-950);
-    --theme-error-100: var(--color-error-900);
-    --theme-error-150: var(--color-error-850);
-    --theme-error-200: var(--color-error-800);
-    --theme-error-250: var(--color-error-750);
-    --theme-error-300: var(--color-error-700);
-    --theme-error-350: var(--color-error-650);
-    --theme-error-400: var(--color-error-600);
-    --theme-error-450: var(--color-error-550);
-    --theme-error-550: var(--color-error-450);
-    --theme-error-600: var(--color-error-400);
-    --theme-error-650: var(--color-error-350);
-    --theme-error-700: var(--color-error-300);
-    --theme-error-750: var(--color-error-250);
-    --theme-error-800: var(--color-error-200);
-    --theme-error-850: var(--color-error-150);
-    --theme-error-900: var(--color-error-100);
-    --theme-error-950: var(--color-error-50);
-  }
-}

package/dist/scss/custom.css

@@ -1 +0,0 @@
-/* Used as a placeholder for when the Payload app does not have custom CSS */

package/dist/scss/queries.scss

@@ -1,27 +0,0 @@
-////////////////////////////
-// MEDIA QUERIES
-/////////////////////////////
-
-@mixin extra-small-break {
-  @media (max-width: $breakpoint-xs-width) {
-    @content;
-  }
-}
-
-@mixin small-break {
-  @media (max-width: $breakpoint-s-width) {
-    @content;
-  }
-}
-
-@mixin mid-break {
-  @media (max-width: $breakpoint-m-width) {
-    @content;
-  }
-}
-
-@mixin large-break {
-  @media (max-width: $breakpoint-l-width) {
-    @content;
-  }
-}

package/dist/scss/styles.scss

@@ -1,9 +0,0 @@
-@import './vars';
-@import './z-index';
-
-//////////////////////////////
-// IMPORT OVERRIDES
-//////////////////////////////
-
-@import './queries';
-@import './svg';

package/dist/scss/svg.scss

@@ -1,10 +0,0 @@
-@mixin color-svg($color) {
-  .stroke {
-    stroke: $color;
-    fill: none;
-  }
-
-  .fill {
-    fill: $color;
-  }
-}

package/dist/scss/toastify.scss

@@ -1,61 +0,0 @@
-@import './vars';
-@import './queries';
-
-@layer payload-default {
-  .Toastify {
-    .Toastify__toast-container {
-      left: base(5);
-      transform: none;
-      right: base(5);
-      width: auto;
-    }
-
-    .Toastify__toast {
-      padding: base(0.5);
-      border-radius: $style-radius-m;
-      font-weight: 600;
-    }
-
-    .Toastify__close-button {
-      align-self: center;
-      opacity: 0.7;
-
-      &:hover {
-        opacity: 1;
-      }
-    }
-
-    .Toastify__toast--success {
-      color: var(--color-success-900);
-      background: var(--color-success-500);
-
-      .Toastify__progress-bar {
-        background-color: var(--color-success-900);
-      }
-    }
-
-    .Toastify__close-button--success {
-      color: var(--color-success-900);
-    }
-
-    .Toastify__toast--error {
-      background: var(--theme-error-500);
-      color: #fff;
-
-      .Toastify__progress-bar {
-        background-color: #fff;
-      }
-    }
-
-    .Toastify__close-button--light {
-      color: inherit;
-    }
-
-    @include mid-break {
-      .Toastify__toast-container {
-        left: $baseline;
-        right: $baseline;
-      }
-    }
-  }
-}