@payloadcms/next 3.0.0-beta.12 → 3.0.0-beta.121

package/dist/views/API/index.scss

@@ -1,124 +1,125 @@
 @import '../../scss/styles.scss';
 
-.query-inspector {
-  --string-color: #11b102;
-  --number-color: #62c3f3;
-  display: flex;
-  gap: calc(var(--base) * 2);
-  align-items: flex-start;
-
-  ul {
-    padding-left: calc(var(--base) * 1);
-  }
+@layer payload-default {
+  .query-inspector {
+    --string-color: #11b102;
+    --number-color: #62c3f3;
+    display: flex;
+    gap: calc(var(--base) * 2);
+    align-items: flex-start;
 
-  &--fullscreen {
-    padding-left: 0;
-    .query-inspector__configuration {
-      display: none;
+    ul {
+      padding-left: calc(var(--base) * 1);
     }
-  }
 
-  &__configuration {
-    margin-top: calc(var(--base) * 2);
-    width: 60%;
-    position: sticky;
-    top: var(--base);
-  }
+    &--fullscreen {
+      padding-left: 0;
+      .query-inspector__configuration {
+        display: none;
+      }
+    }
 
-  &__api-url {
-    margin-bottom: calc(var(--base) * 1.5);
+    &__configuration {
+      margin-top: calc(var(--base) * 2);
+      width: 60%;
+      position: sticky;
+      top: var(--base);
+    }
 
-    a {
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      text-decoration: none;
+    &__api-url {
+      margin-bottom: calc(var(--base) * 1.5);
 
-      &:hover,
-      &:focus-visible {
-        text-decoration: underline;
+      a {
+        display: block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        text-decoration: none;
+
+        &:hover,
+        &:focus-visible {
+          text-decoration: underline;
+        }
       }
     }
-  }
 
-  &__form-fields {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-  }
-
-  &__label {
-    color: var(--theme-elevation-400);
-  }
+    &__form-fields {
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
 
-  &__filter-query-checkboxes {
-    display: flex;
-    gap: var(--base);
-  }
+    &__label {
+      color: var(--theme-elevation-400);
+    }
 
-  &__results-wrapper {
-    font-family: var(--font-mono);
-    width: 100%;
-    ul {
-      margin: 0;
+    &__filter-query-checkboxes {
+      display: flex;
+      gap: var(--base);
     }
-    li {
-      list-style: none;
+
+    &__results-wrapper {
+      font-family: var(--font-mono);
+      width: 100%;
+      ul {
+        margin: 0;
+      }
+      li {
+        list-style: none;
+      }
     }
-  }
 
-  &__toggle-fullscreen-button-container {
-    position: sticky;
-    top: 0;
-    z-index: 1;
+    &__toggle-fullscreen-button-container {
+      position: sticky;
+      top: 0;
+      z-index: 1;
 
-    @include mid-break {
-      display: none;
+      @include mid-break {
+        display: none;
+      }
     }
-  }
 
-  &__toggle-fullscreen-button {
-    position: absolute;
-    right: calc(var(--base) * 0.5);
-    top: calc(var(--base) * 0.5);
-    padding: calc(var(--base) * 0.25);
-    background-color: var(--theme-elevation-0);
-    cursor: pointer;
-    z-index: 1;
-    margin: 0;
-    border: 0;
-    border-radius: 3px;
-    color: var(--theme-elevation-300);
-    &:hover {
-      color: var(--theme-elevation-700);
+    &__toggle-fullscreen-button {
+      position: absolute;
+      right: calc(var(--base) * 0.5);
+      top: calc(var(--base) * 0.5);
+      padding: calc(var(--base) * 0.25);
+      background-color: var(--theme-elevation-0);
+      cursor: pointer;
+      z-index: 1;
+      margin: 0;
+      border: 0;
+      border-radius: 3px;
+      color: var(--theme-elevation-300);
+      &:hover {
+        color: var(--theme-elevation-700);
+      }
     }
-  }
 
-  &__results {
-    padding-top: calc(var(--base) * 0.5);
-    padding-left: calc(var(--base) * 0.5);
-    padding-bottom: calc(var(--base) * 0.5);
-    background-color: var(--theme-elevation-50);
-    overflow: auto;
-    min-height: 100vh;
-  }
-
-  @include mid-break {
-    flex-direction: column;
-    padding-left: 0;
+    &__results {
+      padding-top: calc(var(--base) * 0.5);
+      padding-left: calc(var(--base) * 0.5);
+      padding-bottom: calc(var(--base) * 0.5);
+      background-color: var(--theme-elevation-50);
+      overflow: auto;
+      min-height: 100vh;
+    }
 
-    .query-inspector__configuration {
-      position: relative;
-      width: 100%;
-      top: 0;
-      padding-right: var(--gutter-h);
-      padding-left: var(--gutter-h);
+    @include mid-break {
+      flex-direction: column;
+      padding-left: 0;
+
+      .query-inspector__configuration {
+        position: relative;
+        width: 100%;
+        top: 0;
+        padding-inline-end: var(--gutter-h);
+      }
     }
   }
-}
 
-html[data-theme='light'] {
-  .query-inspector {
-    --number-color: #2e9cd3;
+  html[data-theme='light'] {
+    .query-inspector {
+      --number-color: #2e9cd3;
+    }
   }
 }

package/dist/views/API/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/API/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAO9B,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/API/meta.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAiC9B,CAAA"}

package/dist/views/API/meta.js

@@ -1,11 +1,26 @@
+import { getTranslation } from '@payloadcms/translations';
 import { meta } from '../../utilities/meta.js';
-export const generateMetadata = async ({ config })=>{
-    return meta({
-        config,
-        description: 'API',
-        keywords: 'API',
-        title: 'API'
-    });
+export const generateMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n
+}) => {
+  const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
+  return Promise.resolve(meta({
+    ...(config.admin.meta || {}),
+    description: `API - ${entityLabel}`,
+    keywords: 'API',
+    serverURL: config.serverURL,
+    title: `API - ${entityLabel}`,
+    ...(collectionConfig ? {
+      ...(collectionConfig?.admin.meta || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {}),
+    ...(globalConfig ? {
+      ...(globalConfig?.admin.meta || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {})
+  }));
 };
-
 //# sourceMappingURL=meta.js.map

package/dist/views/API/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/meta.ts"],"sourcesContent":["import type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({ config }) => {\n  return meta({\n    config,\n    description: 'API',\n    keywords: 'API',\n    title: 'API',\n  })\n}\n"],"names":["meta","generateMetadata","config","description","keywords","title"],"rangeMappings":";;;;;;;;","mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,mBAA6C,OAAO,EAAEC,MAAM,EAAE;IACzE,OAAOF,KAAK;QACVE;QACAC,aAAa;QACbC,UAAU;QACVC,OAAO;IACT;AACF,EAAC"}
+{"version":3,"file":"meta.js","names":["getTranslation","meta","generateMetadata","collectionConfig","config","globalConfig","i18n","entityLabel","labels","singular","label","Promise","resolve","admin","description","keywords","serverURL","title","components","views","edit","api"],"sources":["../../../src/views/API/meta.ts"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}) => {\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  return Promise.resolve(\n    meta({\n      ...(config.admin.meta || {}),\n      description: `API - ${entityLabel}`,\n      keywords: 'API',\n      serverURL: config.serverURL,\n      title: `API - ${entityLabel}`,\n      ...(collectionConfig\n        ? {\n            ...(collectionConfig?.admin.meta || {}),\n            ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}),\n      ...(globalConfig\n        ? {\n            ...(globalConfig?.admin.meta || {}),\n            ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}),\n    }),\n  )\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAI/B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,gBAAA,GAA6C,MAAAA,CAAO;EAC/DC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC;AAAI,CACL;EACC,MAAMC,WAAA,GAAcJ,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBK,MAAM,CAACC,QAAQ,EAAEH,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaK,KAAK,EAAEJ,IAAA,IACnC;EAEN,OAAOK,OAAA,CAAQC,OAAO,CACpBX,IAAA,CAAK;IACH,IAAIG,MAAA,CAAOS,KAAK,CAACZ,IAAI,IAAI,CAAC,CAAC;IAC3Ba,WAAA,EAAa,SAASP,WAAA,EAAa;IACnCQ,QAAA,EAAU;IACVC,SAAA,EAAWZ,MAAA,CAAOY,SAAS;IAC3BC,KAAA,EAAO,SAASV,WAAA,EAAa;IAC7B,IAAIJ,gBAAA,GACA;MACE,IAAIA,gBAAA,EAAkBU,KAAA,CAAMZ,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIE,gBAAA,EAAkBU,KAAA,EAAOK,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKpB,IAAA,IAAQ,CAAC,CAAC;IACvE,IACA,CAAC,CAAC;IACN,IAAII,YAAA,GACA;MACE,IAAIA,YAAA,EAAcQ,KAAA,CAAMZ,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAII,YAAA,EAAcQ,KAAA,EAAOK,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKpB,IAAA,IAAQ,CAAC,CAAC;IACnE,IACA,CAAC,CAAC;EACR;AAEJ","ignoreList":[]}

package/dist/views/Account/Settings/LanguageSelector.d.ts

@@ -0,0 +1,6 @@
+import type { LanguageOptions } from 'payload';
+import React from 'react';
+export declare const LanguageSelector: React.FC<{
+    languageOptions: LanguageOptions;
+}>;
+//# sourceMappingURL=LanguageSelector.d.ts.map

package/dist/views/Account/Settings/LanguageSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,eAAe,EAAE,eAAe,CAAA;CACjC,CAgBA,CAAA"}

package/dist/views/Account/Settings/LanguageSelector.js

@@ -0,0 +1,52 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ReactSelect, useTranslation } from '@payloadcms/ui';
+import React from 'react';
+export const LanguageSelector = props => {
+  const $ = _c(8);
+  const {
+    languageOptions
+  } = props;
+  const {
+    i18n,
+    switchLanguage
+  } = useTranslation();
+  let t0;
+  if ($[0] !== switchLanguage) {
+    t0 = async option => {
+      await switchLanguage(option.value);
+    };
+    $[0] = switchLanguage;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== i18n.language || $[3] !== languageOptions || $[4] !== t0) {
+    let t2;
+    if ($[6] !== i18n.language) {
+      t2 = language => language.value === i18n.language;
+      $[6] = i18n.language;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    t1 = _jsx(ReactSelect, {
+      inputId: "language-select",
+      isClearable: false,
+      onChange: t0,
+      options: languageOptions,
+      value: languageOptions.find(t2)
+    });
+    $[2] = i18n.language;
+    $[3] = languageOptions;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+//# sourceMappingURL=LanguageSelector.js.map

package/dist/views/Account/Settings/LanguageSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.js","names":["c","_c","ReactSelect","useTranslation","React","LanguageSelector","props","$","languageOptions","i18n","switchLanguage","t0","option","value","t1","language","t2","_jsx","inputId","isClearable","onChange","options","find"],"sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"sourcesContent":["'use client'\nimport type { AcceptedLanguages } from '@payloadcms/translations'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { LanguageOptions } from 'payload'\n\nimport { ReactSelect, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LanguageSelector: React.FC<{\n  languageOptions: LanguageOptions\n}> = (props) => {\n  const { languageOptions } = props\n\n  const { i18n, switchLanguage } = useTranslation()\n\n  return (\n    <ReactSelect\n      inputId=\"language-select\"\n      isClearable={false}\n      onChange={async (option: ReactSelectOption<AcceptedLanguages>) => {\n        await switchLanguage(option.value)\n      }}\n      options={languageOptions}\n      value={languageOptions.find((language) => language.value === i18n.language)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,gBAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAA4BF,KAAA;EAE5B;IAAAG,IAAA;IAAAC;EAAA,IAAiCP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAG,cAAA;IAMnBC,EAAA,SAAAC,MAAA;MAAA,MACFF,cAAA,CAAeE,MAAA,CAAAC,KAAY;IAAA;IACnCN,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,IAAA,CAAAM,QAAA,IAAAR,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAI,EAAA;IAAA,IAAAK,EAAA;IAAA,IAAAT,CAAA,QAAAE,IAAA,CAAAM,QAAA;MAE4BC,EAAA,GAAAD,QAAA,IAAcA,QAAA,CAAAF,KAAA,KAAmBJ,IAAA,CAAAM,QAAa;MAAAR,CAAA,MAAAE,IAAA,CAAAM,QAAA;MAAAR,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAP5EO,EAAA,GAAAG,IAAA,CAAAf,WAAA;MAAAgB,OAAA,EACU;MAAAC,WAAA;MAAAC,QAAA,EAEET,EAEV;MAAAU,OAAA,EACSb,eAAA;MAAAK,KAAA,EACFL,eAAA,CAAAc,IAAA,CAAqBN,EAA8C;IAAA,C;;;;;;;;SAP5EF,E;CAUJ","ignoreList":[]}

package/dist/views/Account/Settings/index.d.ts

@@ -1,6 +1,11 @@
+import type { I18n } from '@payloadcms/translations';
+import type { Config, LanguageOptions } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const Settings: React.FC<{
-    className?: string;
+    readonly className?: string;
+    readonly i18n: I18n;
+    readonly languageOptions: LanguageOptions;
+    readonly theme: Config['admin']['theme'];
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/Account/Settings/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/Settings/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAsBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/Settings/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;IACnB,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;CACzC,CAaA,CAAA"}

package/dist/views/Account/Settings/index.js

@@ -1,31 +1,30 @@
-'use client';
-import { ReactSelect } from '@payloadcms/ui/elements/ReactSelect';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldLabel } from '@payloadcms/ui';
 import React from 'react';
 import { ToggleTheme } from '../ToggleTheme/index.js';
+import { LanguageSelector } from './LanguageSelector.js';
 const baseClass = 'payload-settings';
-export const Settings = (props)=>{
-    const { className } = props;
-    const { i18n, languageOptions, switchLanguage, t } = useTranslation();
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement("h3", null, t('general:payloadSettings')), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__language`
-    }, /*#__PURE__*/ React.createElement(FieldLabel, {
+export const Settings = props => {
+  const {
+    className,
+    i18n,
+    languageOptions,
+    theme
+  } = props;
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx("h3", {
+      children: i18n.t('general:payloadSettings')
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__language`,
+      children: [/*#__PURE__*/_jsx(FieldLabel, {
+        field: null,
         htmlFor: "language-select",
-        label: t('general:language')
-    }), /*#__PURE__*/ React.createElement(ReactSelect, {
-        inputId: "language-select",
-        onChange: async ({ value })=>{
-            await switchLanguage(value);
-        },
-        options: languageOptions,
-        value: languageOptions.find((language)=>language.value === i18n.language)
-    })), /*#__PURE__*/ React.createElement(ToggleTheme, null));
+        label: i18n.t('general:language')
+      }), /*#__PURE__*/_jsx(LanguageSelector, {
+        languageOptions: languageOptions
+      })]
+    }), theme === 'all' && /*#__PURE__*/_jsx(ToggleTheme, {})]
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/Account/Settings/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["'use client'\nimport { ReactSelect } from '@payloadcms/ui/elements/ReactSelect'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React from 'react'\n\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport './index.scss'\n\nconst baseClass = 'payload-settings'\n\nexport const Settings: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n\n  const { i18n, languageOptions, switchLanguage, t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h3>{t('general:payloadSettings')}</h3>\n      <div className={`${baseClass}__language`}>\n        <FieldLabel htmlFor=\"language-select\" label={t('general:language')} />\n        <ReactSelect\n          inputId=\"language-select\"\n          onChange={async ({ value }) => {\n            await switchLanguage(value)\n          }}\n          options={languageOptions}\n          value={languageOptions.find((language) => language.value === i18n.language)}\n        />\n      </div>\n      <ToggleTheme />\n    </div>\n  )\n}\n"],"names":["ReactSelect","FieldLabel","useTranslation","React","ToggleTheme","baseClass","Settings","props","className","i18n","languageOptions","switchLanguage","t","div","filter","Boolean","join","h3","htmlFor","label","inputId","onChange","value","options","find","language"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,WAAW,QAAQ,sCAAqC;AACjE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,0BAAyB;AAGrD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,MAAM,EAAEE,IAAI,EAAEC,eAAe,EAAEC,cAAc,EAAEC,CAAC,EAAE,GAAGV;IAErD,qBACE,oBAACW;QAAIL,WAAW;YAACH;YAAWG;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1D,oBAACC,YAAIL,EAAE,2CACP,oBAACC;QAAIL,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;qBACtC,oBAACJ;QAAWiB,SAAQ;QAAkBC,OAAOP,EAAE;sBAC/C,oBAACZ;QACCoB,SAAQ;QACRC,UAAU,OAAO,EAAEC,KAAK,EAAE;YACxB,MAAMX,eAAeW;QACvB;QACAC,SAASb;QACTY,OAAOZ,gBAAgBc,IAAI,CAAC,CAACC,WAAaA,SAASH,KAAK,KAAKb,KAAKgB,QAAQ;uBAG9E,oBAACrB;AAGP,EAAC"}
+{"version":3,"file":"index.js","names":["FieldLabel","React","ToggleTheme","LanguageSelector","baseClass","Settings","props","className","i18n","languageOptions","theme","_jsxs","filter","Boolean","join","_jsx","t","field","htmlFor","label"],"sources":["../../../../src/views/Account/Settings/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Config, LanguageOptions } from 'payload'\n\nimport { FieldLabel } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { ToggleTheme } from '../ToggleTheme/index.js'\nimport './index.scss'\nimport { LanguageSelector } from './LanguageSelector.js'\n\nconst baseClass = 'payload-settings'\n\nexport const Settings: React.FC<{\n  readonly className?: string\n  readonly i18n: I18n\n  readonly languageOptions: LanguageOptions\n  readonly theme: Config['admin']['theme']\n}> = (props) => {\n  const { className, i18n, languageOptions, theme } = props\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <h3>{i18n.t('general:payloadSettings')}</h3>\n      <div className={`${baseClass}__language`}>\n        <FieldLabel field={null} htmlFor=\"language-select\" label={i18n.t('general:language')} />\n        <LanguageSelector languageOptions={languageOptions} />\n      </div>\n      {theme === 'all' && <ToggleTheme />}\n    </div>\n  )\n}\n"],"mappings":";AAGA,SAASA,UAAU,QAAQ;AAC3B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAE5B,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAKPC,KAAA;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,eAAe;IAAEC;EAAK,CAAE,GAAGJ,KAAA;EAEpD,oBACEK,KAAA,CAAC;IAAIJ,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAAC;gBAAIP,IAAA,CAAKQ,CAAC,CAAC;qBACZL,KAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGH,SAAA,YAAqB;8BACtCW,IAAA,CAACf,UAAA;QAAWiB,KAAA,EAAO;QAAMC,OAAA,EAAQ;QAAkBC,KAAA,EAAOX,IAAA,CAAKQ,CAAC,CAAC;uBACjED,IAAA,CAACZ,gBAAA;QAAiBM,eAAA,EAAiBA;;QAEpCC,KAAA,KAAU,sBAASK,IAAA,CAACb,WAAA;;AAG3B","ignoreList":[]}

package/dist/views/Account/Settings/index.scss

@@ -1,46 +1,48 @@
 @import '../../../scss/styles.scss';
 
-.payload-settings {
-  position: relative;
-  margin-bottom: calc(var(--base) * 2);
+@layer payload-default {
+  .payload-settings {
+    position: relative;
+    margin-bottom: calc(var(--base) * 2);
 
-  h3 {
-    margin: 0;
-  }
+    h3 {
+      margin: 0;
+    }
 
-  &::before,
-  &::after {
-    content: '';
-    display: block;
-    height: 1px;
-    background: var(--theme-elevation-100);
-    width: calc(100% + calc(var(--base) * 5));
-    left: calc(var(--gutter-h) * -1);
-    top: 0;
-    position: absolute;
-  }
+    &::before,
+    &::after {
+      content: '';
+      display: block;
+      height: 1px;
+      background: var(--theme-elevation-100);
+      width: calc(100% + calc(var(--base) * 5));
+      left: calc(var(--gutter-h) * -1);
+      top: 0;
+      position: absolute;
+    }
 
-  &::after {
-    display: none;
-    bottom: 0;
-    top: unset;
-  }
+    &::after {
+      display: none;
+      bottom: 0;
+      top: unset;
+    }
 
-  margin-top: calc(var(--base) * 3);
-  padding-top: calc(var(--base) * 3);
-  padding-bottom: calc(var(--base) * 3);
-  display: flex;
-  flex-direction: column;
-  gap: var(--base);
+    margin-top: calc(var(--base) * 3);
+    padding-top: calc(var(--base) * 3);
+    padding-bottom: calc(var(--base) * 3);
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
 
-  @include mid-break {
-    margin-bottom: var(--base);
-    padding-top: calc(var(--base) * 2);
-    margin-top: calc(var(--base) * 2);
-    padding-bottom: calc(var(--base) * 2);
+    @include mid-break {
+      margin-bottom: var(--base);
+      padding-top: calc(var(--base) * 2);
+      margin-top: calc(var(--base) * 2);
+      padding-bottom: calc(var(--base) * 2);
 
-    &::after {
-      display: block;
+      &::after {
+        display: block;
+      }
     }
   }
 }

package/dist/views/Account/ToggleTheme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAiC/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAoC/B,CAAA"}

package/dist/views/Account/ToggleTheme/index.js

@@ -1,36 +1,59 @@
 'use client';
-import { RadioGroup } from '@payloadcms/ui/fields/RadioGroup';
-import { useTheme } from '@payloadcms/ui/providers/Theme';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui';
 import React, { useCallback } from 'react';
-export const ToggleTheme = ()=>{
-    const { autoMode, setTheme, theme } = useTheme();
-    const { t } = useTranslation();
-    const onChange = useCallback((newTheme)=>{
-        setTheme(newTheme);
-    }, [
-        setTheme
-    ]);
-    return /*#__PURE__*/ React.createElement(RadioGroup, {
-        label: t('general:adminTheme'),
+export const ToggleTheme = () => {
+  const $ = _c(7);
+  const {
+    autoMode,
+    setTheme,
+    theme
+  } = useTheme();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== setTheme) {
+    t0 = newTheme => {
+      setTheme(newTheme);
+    };
+    $[0] = setTheme;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const onChange = t0;
+  let t1;
+  if ($[2] !== t || $[3] !== autoMode || $[4] !== theme || $[5] !== onChange) {
+    t1 = _jsx(RadioGroupField, {
+      disableModifyingForm: true,
+      field: {
         name: "theme",
-        onChange: onChange,
-        options: [
-            {
-                label: t('general:automatic'),
-                value: 'auto'
-            },
-            {
-                label: t('general:light'),
-                value: 'light'
-            },
-            {
-                label: t('general:dark'),
-                value: 'dark'
-            }
-        ],
-        value: autoMode ? 'auto' : theme
+        label: t("general:adminTheme"),
+        options: [{
+          label: t("general:automatic"),
+          value: "auto"
+        }, {
+          label: t("general:light"),
+          value: "light"
+        }, {
+          label: t("general:dark"),
+          value: "dark"
+        }]
+      },
+      onChange,
+      value: autoMode ? "auto" : theme
     });
+    $[2] = t;
+    $[3] = autoMode;
+    $[4] = theme;
+    $[5] = onChange;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/Account/ToggleTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroup } from '@payloadcms/ui/fields/RadioGroup'\nimport { useTheme } from '@payloadcms/ui/providers/Theme'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroup\n      label={t('general:adminTheme')}\n      name=\"theme\"\n      onChange={onChange}\n      options={[\n        {\n          label: t('general:automatic'),\n          value: 'auto',\n        },\n        {\n          label: t('general:light'),\n          value: 'light',\n        },\n        {\n          label: t('general:dark'),\n          value: 'dark',\n        },\n      ]}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"names":["RadioGroup","useTheme","useTranslation","React","useCallback","ToggleTheme","autoMode","setTheme","theme","t","onChange","newTheme","label","name","options","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGP;IACtC,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWN,YACf,CAACO;QACCJ,SAASI;IACX,GACA;QAACJ;KAAS;IAGZ,qBACE,oBAACP;QACCY,OAAOH,EAAE;QACTI,MAAK;QACLH,UAAUA;QACVI,SAAS;YACP;gBACEF,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;YACA;gBACEH,OAAOH,EAAE;gBACTM,OAAO;YACT;SACD;QACDA,OAAOT,WAAW,SAASE;;AAGjC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","disableModifyingForm","field","name","label","options","value"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAO,QAAA;IAIVC,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,oBAAA;MAAAC,KAAA;QAAAC,IAAA,EAGU;QAAAC,KAAA,EACCT,CAAA,CAAE;QAAAU,OAAA;UAAAD,KAAA,EAGET,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;MAAA;MAAAR,QAAA;MAAAQ,KAAA,EAKNd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SArB7BK,E;CAwBJ","ignoreList":[]}

package/dist/views/Account/index.client.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AccountClient: React.FC;
+//# sourceMappingURL=index.client.d.ts.map