@payloadcms/ui 4.0.0-internal.ccea85d → 4.0.0-internal.cd47d20

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

@@ -54,9 +54,8 @@ export const VersionPillLabel = t0 => {
     i18n,
     t
   } = useTranslation();
-  const {
-    code: currentLocale
-  } = useLocale();
+  const activeLocale = useLocale();
+  const currentLocale = activeLocale?.code;
   let t6;
   if ($[0] !== currentLocale || $[1] !== currentlyPublishedVersion || $[2] !== dateFormat || $[3] !== disableDate || $[4] !== doc || $[5] !== i18n || $[6] !== labelFirst || $[7] !== labelOverride || $[8] !== labelStyle || $[9] !== labelSuffix || $[10] !== latestDraftVersion || $[11] !== localization || $[12] !== t) {
     const {

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/VersionPillLabel/index.css

@@ -21,6 +21,7 @@
     letter-spacing: var(--text-body-medium-letter-spacing);
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .version-pill-label {
       flex-direction: row;

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/dist/views/Versions/index.css

@@ -71,6 +71,7 @@
 
   /* on mobile, extend the table all the way to the viewport edges */
   /* this is to visually indicate overflowing content */
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .versions .table {
       display: flex;

package/dist/widgets/CollectionCards/index.css

@@ -49,12 +49,14 @@
     justify-content: unset;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1440px) {
     .collections {
       --cols: 4;
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .collections {
       --gap: var(--spacer-3);
@@ -62,6 +64,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .collections {
       --cols: 2;
@@ -76,6 +79,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 400px) {
     .collections {
       --cols: 1;

package/dist/widgets/CollectionQuery/SortField/index.d.ts

@@ -1,3 +1,4 @@
-import type { TextFieldClientComponent } from 'payload';
-export declare const CollectionQuerySortField: TextFieldClientComponent;
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
+export declare const CollectionQuerySortField: React.FC<TextFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/CollectionQuery/SortField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAcrE,eAAO,MAAM,wBAAwB,EAAE,wBA6FtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEjE,OAAO,KAA+B,MAAM,OAAO,CAAA;AAYnD,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6FnE,CAAA"}

package/dist/widgets/CollectionQuery/SortField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","SelectInput","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","getCollectionFieldPaths","baseFieldValues","Set","CollectionQuerySortField","field","path","pathFromProps","readOnly","name","admin","label","required","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","value","potentiallyStalePath","relatedCollectionField","relatedCollection","config","permissions","i18n","t","collectionConfig","collections","find","collection","slug","options","sortableFieldPaths","fields","fieldOptions","fieldPermissions","filter","fieldPath","has","map","plainTextLabel","onChange","selectedOption","Array","isArray","_jsx","description","isClearable","placeholder"],"sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, TextFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../utilities/reduceFieldsToOptions.js'\nimport { getCollectionFieldPaths } from '../getCollectionFieldPaths.js'\n\nconst baseFieldValues = new Set(['createdAt', 'id', 'updatedAt'])\n\nexport const CollectionQuerySortField: TextFieldClientComponent = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { name, admin, label, required } = field\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({ potentiallyStalePath: pathFromProps })\n  const relatedCollectionField = useField<string>({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value\n  const { config } = useConfig()\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((collection) => collection.slug === relatedCollection) ?? null\n  }, [config.collections, relatedCollection])\n\n  const options = useMemo<OptionObject[]>(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n\n    // Reuse the same sortable-path rules as the server widget so the dropdown only offers fields\n    // the API can actually sort by (e.g. excluding array sub-fields).\n    const { sortableFieldPaths } = getCollectionFieldPaths(collectionConfig.fields)\n\n    const fieldOptions = reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n      .filter(\n        ({ fieldPath }) => sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath),\n      )\n      .map(({ fieldPath, plainTextLabel }) => ({\n        label: plainTextLabel ?? fieldPath,\n        value: fieldPath,\n      }))\n\n    return [\n      { label: 'ID', value: 'id' },\n      { label: t('general:createdAt'), value: 'createdAt' },\n      { label: t('general:updatedAt'), value: 'updatedAt' },\n      ...fieldOptions,\n    ]\n  }, [collectionConfig, i18n, permissions, relatedCollection, t])\n\n  const onChange = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (Array.isArray(selectedOption)) {\n        return\n      }\n\n      setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null)\n    },\n    [setValue],\n  )\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      Description={Description}\n      description={admin?.description}\n      Error={Error}\n      isClearable\n      Label={Label}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={\n        relatedCollection\n          ? t('dashboard:widgetSelectSortField')\n          : t('dashboard:widgetSelectCollectionFirst')\n      }\n      readOnly={readOnly || !relatedCollection}\n      required={required}\n      showError={showError}\n      value={value}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","SelectInput","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","getCollectionFieldPaths","baseFieldValues","Set","CollectionQuerySortField","field","path","pathFromProps","readOnly","name","admin","label","required","customComponents","AfterInput","BeforeInput","Description","Error","Label","setValue","showError","value","potentiallyStalePath","relatedCollectionField","relatedCollection","config","permissions","i18n","t","collectionConfig","collections","find","collection","slug","options","sortableFieldPaths","fields","fieldOptions","fieldPermissions","filter","fieldPath","has","map","plainTextLabel","onChange","selectedOption","Array","isArray","_jsx","description","isClearable","placeholder"],"sources":["../../../../src/widgets/CollectionQuery/SortField/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, TextFieldClientProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { SelectInput } from '../../../fields/Select/Input.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../utilities/reduceFieldsToOptions.js'\nimport { getCollectionFieldPaths } from '../getCollectionFieldPaths.js'\n\nconst baseFieldValues = new Set(['createdAt', 'id', 'updatedAt'])\n\nexport const CollectionQuerySortField: React.FC<TextFieldClientProps> = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { name, admin, label, required } = field\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({ potentiallyStalePath: pathFromProps })\n  const relatedCollectionField = useField<string>({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value\n  const { config } = useConfig()\n  const { permissions } = useAuth()\n  const { i18n, t } = useTranslation()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((collection) => collection.slug === relatedCollection) ?? null\n  }, [config.collections, relatedCollection])\n\n  const options = useMemo<OptionObject[]>(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n\n    // Reuse the same sortable-path rules as the server widget so the dropdown only offers fields\n    // the API can actually sort by (e.g. excluding array sub-fields).\n    const { sortableFieldPaths } = getCollectionFieldPaths(collectionConfig.fields)\n\n    const fieldOptions = reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n      .filter(\n        ({ fieldPath }) => sortableFieldPaths.has(fieldPath) && !baseFieldValues.has(fieldPath),\n      )\n      .map(({ fieldPath, plainTextLabel }) => ({\n        label: plainTextLabel ?? fieldPath,\n        value: fieldPath,\n      }))\n\n    return [\n      { label: 'ID', value: 'id' },\n      { label: t('general:createdAt'), value: 'createdAt' },\n      { label: t('general:updatedAt'), value: 'updatedAt' },\n      ...fieldOptions,\n    ]\n  }, [collectionConfig, i18n, permissions, relatedCollection, t])\n\n  const onChange = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (Array.isArray(selectedOption)) {\n        return\n      }\n\n      setValue(typeof selectedOption?.value === 'string' ? selectedOption.value : null)\n    },\n    [setValue],\n  )\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      Description={Description}\n      description={admin?.description}\n      Error={Error}\n      isClearable\n      Label={Label}\n      label={label}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={\n        relatedCollection\n          ? t('dashboard:widgetSelectSortField')\n          : t('dashboard:widgetSelectCollectionFirst')\n      }\n      readOnly={readOnly || !relatedCollection}\n      required={required}\n      showError={showError}\n      value={value}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/widgets/RecentlyViewed/CollectionsField/index.d.ts

@@ -1,4 +1,5 @@
-import type { SelectFieldClientComponent } from 'payload';
+import type { SelectFieldClientProps } from 'payload';
+import React from 'react';
 import './index.css';
 /**
  * Widget config field for the activity widget. The value is stored as an exclusion list
@@ -6,5 +7,5 @@ import './index.css';
  * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections
  * added later are visible by default.
  */
-export declare const RecentlyViewedCollectionsField: SelectFieldClientComponent;
+export declare const RecentlyViewedCollectionsField: React.FC<SelectFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/widgets/RecentlyViewed/CollectionsField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAS/E,OAAO,aAAa,CAAA;AAOpB;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,0BAmD5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAwB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAMnD,OAAO,aAAa,CAAA;AAOpB;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmD3E,CAAA"}

package/dist/widgets/RecentlyViewed/CollectionsField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","CheckboxInput","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","RecentlyViewedCollectionsField","field","path","pathFromProps","readOnly","setValue","potentiallyStalePath","i18n","excludedSlugs","Set","Array","isArray","options","map","toggleCollection","slug","isIncluded","nextExcluded","delete","add","from","_jsxs","className","_jsx","as","has","resolvedLabel","checked","name","onToggle","event","target"],"sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'recently-viewed-collections-field'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field for the activity widget. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n */\nexport const RecentlyViewedCollectionsField: SelectFieldClientComponent = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { label } = field\n  const { path, setValue, value } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const { i18n } = useTranslation()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel as=\"span\" label={label} path={path} />\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,eAAA,GAAmBC,MAAA,IACvB,OAAOA,MAAA,KAAW,WAAW;EAAEC,KAAA,EAAOD,MAAA;EAAQE,KAAA,EAAOF;AAAO,IAAIA,MAAA;AAElE;;;;;;AAMA,OAAO,MAAMG,8BAAA,GAA6DA,CAAC;EACzEC,KAAK;EACLC,IAAA,EAAMC,aAAa;EACnBC;AAAQ,CACT;EACC,MAAM;IAAEN;EAAK,CAAE,GAAGG,KAAA;EAClB,MAAM;IAAEC,IAAI;IAAEG,QAAQ;IAAEN;EAAK,CAAE,GAAGN,QAAA,CAAmB;IAAEa,oBAAA,EAAsBH;EAAc;EAC3F,MAAM;IAAEI;EAAI,CAAE,GAAGb,cAAA;EAEjB,MAAMc,aAAA,GAAgBlB,OAAA,CAAQ,MAAM,IAAImB,GAAA,CAAYC,KAAA,CAAMC,OAAO,CAACZ,KAAA,IAASA,KAAA,GAAQ,EAAE,GAAG,CAACA,KAAA,CAAM;EAE/F,MAAMa,OAAA,GAAUtB,OAAA,CAAQ,MAAM,CAACW,KAAA,CAAMW,OAAO,IAAI,EAAE,EAAEC,GAAG,CAACjB,eAAA,GAAkB,CAACK,KAAA,CAAMW,OAAO,CAAC;EAEzF,MAAME,gBAAA,GAAmBzB,WAAA,CACvB,CAAC0B,IAAA,EAAcC,UAAA;IACb,MAAMC,YAAA,GAAe,IAAIR,GAAA,CAAID,aAAA;IAE7B,IAAIQ,UAAA,EAAY;MACdC,YAAA,CAAaC,MAAM,CAACH,IAAA;IACtB,OAAO;MACLE,YAAA,CAAaE,GAAG,CAACJ,IAAA;IACnB;IAEAV,QAAA,CAASK,KAAA,CAAMU,IAAI,CAACH,YAAA;EACtB,GACA,CAACT,aAAA,EAAeH,QAAA,CAAS;EAG3B,oBACEgB,KAAA,CAAC;IAAIC,SAAA,EAAW3B,SAAA;4BACd4B,IAAA,CAAC/B,UAAA;MAAWgC,EAAA,EAAG;MAAO1B,KAAA,EAAOA,KAAA;MAAOI,IAAA,EAAMA;qBAC1CqB,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAG3B,SAAA,QAAiB;gBAChCiB,OAAA,CAAQC,GAAG,CAAEhB,MAAA;QACZ,MAAMmB,YAAA,GAAa,CAACR,aAAA,CAAciB,GAAG,CAAC5B,MAAA,CAAOE,KAAK;QAClD,MAAM2B,aAAA,GAAgBvC,cAAA,CAAeU,MAAA,CAAOC,KAAK,EAAES,IAAA;QAEnD,oBACEgB,IAAA,CAAC;UAAGD,SAAA,EAAW,GAAG3B,SAAA,UAAmB;oBACnC,aAAA4B,IAAA,CAAChC,aAAA;YACCoC,OAAA,EAASX,YAAA;YACTlB,KAAA,EAAO,OAAO4B,aAAA,KAAkB,WAAWA,aAAA,GAAgB7B,MAAA,CAAOE,KAAK;YACvE6B,IAAA,EAAM,GAAG1B,IAAA,KAASL,MAAA,CAAOE,KAAK,EAAE;YAChC8B,QAAA,EAAWC,KAAA,IAAUhB,gBAAA,CAAiBjB,MAAA,CAAOE,KAAK,EAAE+B,KAAA,CAAMC,MAAM,CAACJ,OAAO;YACxEvB,QAAA,EAAUA;;WAN8BP,MAAA,CAAOE,KAAK;MAU5D;;;AAIR","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","CheckboxInput","FieldLabel","useField","useTranslation","baseClass","normalizeOption","option","label","value","RecentlyViewedCollectionsField","field","path","pathFromProps","readOnly","setValue","potentiallyStalePath","i18n","excludedSlugs","Set","Array","isArray","options","map","toggleCollection","slug","isIncluded","nextExcluded","delete","add","from","_jsxs","className","_jsx","as","has","resolvedLabel","checked","name","onToggle","event","target"],"sources":["../../../../src/widgets/RecentlyViewed/CollectionsField/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject, SelectFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'recently-viewed-collections-field'\n\nconst normalizeOption = (option: Option): OptionObject =>\n  typeof option === 'string' ? { label: option, value: option } : option\n\n/**\n * Widget config field for the activity widget. The value is stored as an exclusion list\n * (`excludedCollections`), but the user sees an inclusion filter: every collection is checked by\n * default and unchecking one adds it to the stored exclusions. Storing exclusions means collections\n * added later are visible by default.\n */\nexport const RecentlyViewedCollectionsField: React.FC<SelectFieldClientProps> = ({\n  field,\n  path: pathFromProps,\n  readOnly,\n}) => {\n  const { label } = field\n  const { path, setValue, value } = useField<string[]>({ potentiallyStalePath: pathFromProps })\n  const { i18n } = useTranslation()\n\n  const excludedSlugs = useMemo(() => new Set<string>(Array.isArray(value) ? value : []), [value])\n\n  const options = useMemo(() => (field.options ?? []).map(normalizeOption), [field.options])\n\n  const toggleCollection = useCallback(\n    (slug: string, isIncluded: boolean) => {\n      const nextExcluded = new Set(excludedSlugs)\n\n      if (isIncluded) {\n        nextExcluded.delete(slug)\n      } else {\n        nextExcluded.add(slug)\n      }\n\n      setValue(Array.from(nextExcluded))\n    },\n    [excludedSlugs, setValue],\n  )\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel as=\"span\" label={label} path={path} />\n      <ul className={`${baseClass}__list`}>\n        {options.map((option) => {\n          const isIncluded = !excludedSlugs.has(option.value)\n          const resolvedLabel = getTranslation(option.label, i18n)\n\n          return (\n            <li className={`${baseClass}__option`} key={option.value}>\n              <CheckboxInput\n                checked={isIncluded}\n                label={typeof resolvedLabel === 'string' ? resolvedLabel : option.value}\n                name={`${path}__${option.value}`}\n                onToggle={(event) => toggleCollection(option.value, event.target.checked)}\n                readOnly={readOnly}\n              />\n            </li>\n          )\n        })}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,eAAA,GAAmBC,MAAA,IACvB,OAAOA,MAAA,KAAW,WAAW;EAAEC,KAAA,EAAOD,MAAA;EAAQE,KAAA,EAAOF;AAAO,IAAIA,MAAA;AAElE;;;;;;AAMA,OAAO,MAAMG,8BAAA,GAAmEA,CAAC;EAC/EC,KAAK;EACLC,IAAA,EAAMC,aAAa;EACnBC;AAAQ,CACT;EACC,MAAM;IAAEN;EAAK,CAAE,GAAGG,KAAA;EAClB,MAAM;IAAEC,IAAI;IAAEG,QAAQ;IAAEN;EAAK,CAAE,GAAGN,QAAA,CAAmB;IAAEa,oBAAA,EAAsBH;EAAc;EAC3F,MAAM;IAAEI;EAAI,CAAE,GAAGb,cAAA;EAEjB,MAAMc,aAAA,GAAgBlB,OAAA,CAAQ,MAAM,IAAImB,GAAA,CAAYC,KAAA,CAAMC,OAAO,CAACZ,KAAA,IAASA,KAAA,GAAQ,EAAE,GAAG,CAACA,KAAA,CAAM;EAE/F,MAAMa,OAAA,GAAUtB,OAAA,CAAQ,MAAM,CAACW,KAAA,CAAMW,OAAO,IAAI,EAAE,EAAEC,GAAG,CAACjB,eAAA,GAAkB,CAACK,KAAA,CAAMW,OAAO,CAAC;EAEzF,MAAME,gBAAA,GAAmBzB,WAAA,CACvB,CAAC0B,IAAA,EAAcC,UAAA;IACb,MAAMC,YAAA,GAAe,IAAIR,GAAA,CAAID,aAAA;IAE7B,IAAIQ,UAAA,EAAY;MACdC,YAAA,CAAaC,MAAM,CAACH,IAAA;IACtB,OAAO;MACLE,YAAA,CAAaE,GAAG,CAACJ,IAAA;IACnB;IAEAV,QAAA,CAASK,KAAA,CAAMU,IAAI,CAACH,YAAA;EACtB,GACA,CAACT,aAAA,EAAeH,QAAA,CAAS;EAG3B,oBACEgB,KAAA,CAAC;IAAIC,SAAA,EAAW3B,SAAA;4BACd4B,IAAA,CAAC/B,UAAA;MAAWgC,EAAA,EAAG;MAAO1B,KAAA,EAAOA,KAAA;MAAOI,IAAA,EAAMA;qBAC1CqB,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAG3B,SAAA,QAAiB;gBAChCiB,OAAA,CAAQC,GAAG,CAAEhB,MAAA;QACZ,MAAMmB,YAAA,GAAa,CAACR,aAAA,CAAciB,GAAG,CAAC5B,MAAA,CAAOE,KAAK;QAClD,MAAM2B,aAAA,GAAgBvC,cAAA,CAAeU,MAAA,CAAOC,KAAK,EAAES,IAAA;QAEnD,oBACEgB,IAAA,CAAC;UAAGD,SAAA,EAAW,GAAG3B,SAAA,UAAmB;oBACnC,aAAA4B,IAAA,CAAChC,aAAA;YACCoC,OAAA,EAASX,YAAA;YACTlB,KAAA,EAAO,OAAO4B,aAAA,KAAkB,WAAWA,aAAA,GAAgB7B,MAAA,CAAOE,KAAK;YACvE6B,IAAA,EAAM,GAAG1B,IAAA,KAASL,MAAA,CAAOE,KAAK,EAAE;YAChC8B,QAAA,EAAWC,KAAA,IAAUhB,gBAAA,CAAiBjB,MAAA,CAAOE,KAAK,EAAE+B,KAAA,CAAMC,MAAM,CAACJ,OAAO;YACxEvB,QAAA,EAAUA;;WAN8BP,MAAA,CAAOE,KAAK;MAU5D;;;AAIR","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.ccea85d",
+  "version": "4.0.0-internal.cd47d20",
   "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",
@@ -172,6 +167,11 @@
       "types": "./dist/views/NotFound/page.d.ts",
       "default": "./dist/views/NotFound/page.js"
     },
+    "./views/NotFound/client": {
+      "import": "./dist/views/NotFound/client.js",
+      "types": "./dist/views/NotFound/client.d.ts",
+      "default": "./dist/views/NotFound/client.js"
+    },
     "./views/Root/getCustomViewByRoute": {
       "import": "./dist/views/Root/getCustomViewByRoute.js",
       "types": "./dist/views/Root/getCustomViewByRoute.d.ts",
@@ -279,6 +279,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 +295,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-internal.ccea85d"
+    "@payloadcms/translations": "4.0.0-internal.cd47d20"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -308,13 +309,13 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "@payloadcms/eslint-config": "3.28.0",
-    "payload": "4.0.0-internal.ccea85d"
+    "payload": "4.0.0-internal.cd47d20",
+    "@payloadcms/eslint-config": "3.28.0"
   },
   "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.ccea85d"
+    "payload": "4.0.0-internal.cd47d20"
   },
   "engines": {
     "node": ">=24.15.0"
@@ -333,7 +334,7 @@
     "build:types": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" tsc --emitDeclarationOnly --outDir dist",
     "build:without_reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc",
     "clean": "rimraf -g {dist,*.tsbuildinfo,esbuild}",
-    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
+    "copyfiles": "copyfiles -u 1 -e \"**/*.spec.*\" \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
     "lint": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" eslint .",
     "lint:fix": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" eslint . --fix"
   }