@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

package/dist/elements/Localizer/LocalizerLabel/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -7,33 +9,64 @@ import { useLocale } from '../../../providers/Locale/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'localizer-button';
-export const LocalizerLabel = (props)=>{
-    const { ariaLabel, className } = props;
-    const locale = useLocale();
-    const { i18n, t } = useTranslation();
-    return /*#__PURE__*/ _jsxs("div", {
-        "aria-label": ariaLabel || t('general:locale'),
-        className: [
-            baseClass,
-            className
-        ].filter(Boolean).join(' '),
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__label`,
-                children: [
-                    `${t('general:locale')}:`,
-                    " "
-                ]
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: `${baseClass}__current-label`,
-                children: `${getTranslation(locale.label, i18n)}`
-            }),
-            /*#__PURE__*/ _jsx(ChevronIcon, {
-                className: `${baseClass}__chevron`
-            })
-        ]
+export const LocalizerLabel = props => {
+  const $ = _c(11);
+  const {
+    ariaLabel,
+    className
+  } = props;
+  const locale = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== ariaLabel || $[1] !== t) {
+    t0 = ariaLabel || t("general:locale");
+    $[0] = ariaLabel;
+    $[1] = t;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = [baseClass, className].filter(Boolean);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const t2 = t1.join(" ");
+  const t3 = `${t("general:locale")}:`;
+  let t4;
+  if ($[5] !== t3 || $[6] !== locale.label || $[7] !== i18n || $[8] !== t0 || $[9] !== t2) {
+    t4 = _jsxs("div", {
+      "aria-label": t0,
+      className: t2,
+      children: [_jsxs("div", {
+        className: `${baseClass}__label`,
+        children: [t3, "\xA0"]
+      }), _jsxs("div", {
+        className: `${baseClass}__current`,
+        children: [_jsx("span", {
+          className: `${baseClass}__current-label`,
+          children: `${getTranslation(locale.label, i18n)}`
+        }), _jsx(ChevronIcon, {
+          className: `${baseClass}__chevron`,
+          size: "small"
+        })]
+      })]
     });
+    $[5] = t3;
+    $[6] = locale.label;
+    $[7] = i18n;
+    $[8] = t0;
+    $[9] = t2;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/Localizer/LocalizerLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer-button'\n\nexport const LocalizerLabel: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = (props) => {\n  const { ariaLabel, className } = props\n  const locale = useLocale()\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      aria-label={ariaLabel || t('general:locale')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n    >\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}&nbsp;</div>\n      <span className={`${baseClass}__current-label`}>\n        {`${getTranslation(locale.label, i18n)}`}\n      </span>\n      <ChevronIcon className={`${baseClass}__chevron`} />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ChevronIcon","useLocale","useTranslation","baseClass","LocalizerLabel","props","ariaLabel","className","locale","i18n","t","div","aria-label","filter","Boolean","join","span","label"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAGR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGF;IACjC,MAAMG,SAASP;IACf,MAAM,EAAEQ,IAAI,EAAEC,CAAC,EAAE,GAAGR;IAEpB,qBACE,MAACS;QACCC,cAAYN,aAAaI,EAAE;QAC3BH,WAAW;YAACJ;YAAWI;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAEvD,MAACJ;gBAAIJ,WAAW,CAAC,EAAEJ,UAAU,OAAO,CAAC;;oBAAG,CAAC,EAAEO,EAAE,kBAAkB,CAAC,CAAC;oBAAC;;;0BAClE,KAACM;gBAAKT,WAAW,CAAC,EAAEJ,UAAU,eAAe,CAAC;0BAC3C,CAAC,EAAEL,eAAeU,OAAOS,KAAK,EAAER,MAAM,CAAC;;0BAE1C,KAACT;gBAAYO,WAAW,CAAC,EAAEJ,UAAU,SAAS,CAAC;;;;AAGrD,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","ChevronIcon","useLocale","useTranslation","baseClass","LocalizerLabel","props","$","ariaLabel","className","locale","i18n","t","t0","t1","filter","Boolean","t2","join","t3","t4","label","_jsxs","children","_jsx","size"],"sources":["../../../../src/elements/Localizer/LocalizerLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer-button'\n\nexport const LocalizerLabel: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = (props) => {\n  const { ariaLabel, className } = props\n  const locale = useLocale()\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div\n      aria-label={ariaLabel || t('general:locale')}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n    >\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}&nbsp;</div>\n      <div className={`${baseClass}__current`}>\n        <span className={`${baseClass}__current-label`}>\n          {`${getTranslation(locale.label, i18n)}`}\n        </span>\n        <ChevronIcon className={`${baseClass}__chevron`} size=\"small\" />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,SAAA;IAAAC;EAAA,IAAiCH,KAAA;EACjC,MAAAI,MAAA,GAAeR,SAAA;EACf;IAAAS,IAAA;IAAAC;EAAA,IAAoBT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAK,CAAA;IAIJC,EAAA,GAAAL,SAAA,IAAaI,CAAA,CAAE;IAAAL,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,SAAA;IAChBK,EAAA,IAAAV,SAAA,EAAYK,SAAA,EAAAM,MAAA,CAAAC,OAAkB;IAAAT,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA9B,MAAAU,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAEf,MAAAC,EAAA,MAAGP,CAAA,CAAE,oBAAoB;EAAA,IAAAQ,EAAA;EAAA,IAAAb,CAAA,QAAAY,EAAA,IAAAZ,CAAA,QAAAG,MAAA,CAAAW,KAAA,IAAAd,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAU,EAAA;IAJnEG,EAAA,GAAAE,KAAA,CAAC;MAAA,cACaT,EAAe;MAAAJ,SAAA,EAChBQ,EAA4C;MAAAM,QAAA,GAEvDD,KAAA,CAAC;QAAAb,SAAA,EAAe,GAAAL,SAAA,SAAqB;QAAAmB,QAAA,GAAGJ,EAAyB,EAAC;MAAA,C,GAClEG,KAAA,CAAC;QAAAb,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAmB,QAAA,GACrCC,IAAA,CAAC;UAAAf,SAAA,EAAgB,GAAAL,SAAA,iBAA6B;UAAAmB,QAAA,EAC3C,GAAGxB,cAAA,CAAeW,MAAA,CAAAW,KAAA,EAAcV,IAAA;QAAO,C,GAE1Ca,IAAA,CAAAvB,WAAA;UAAAQ,SAAA,EAAwB,GAAAL,SAAA,WAAuB;UAAAqB,IAAA,EAAO;QAAA,C;;;;;;;;;;;;SAT1DL,E;CAaJ","ignoreList":[]}

package/dist/elements/Localizer/LocalizerLabel/index.scss

@@ -1,51 +1,57 @@
 @import '../../../scss/styles.scss';
 
-.localizer-button {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  display: flex;
-  padding-inline-start: base(0.4);
-  padding-inline-end: base(0.1);
-  gap: 0;
-  background-color: var(--theme-elevation-100);
-  border-radius: var(--style-radius-s);
-
-  &__label {
-    color: var(--theme-elevation-500);
-  }
+@layer payload-default {
+  .localizer-button {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    display: flex;
+    padding-inline-start: base(0.4);
+    padding-inline-end: base(0.4);
+    background-color: var(--theme-elevation-100);
+    border-radius: var(--style-radius-s);
 
-  &__chevron {
-    padding: base(0.1);
-    .stroke {
-      stroke: currentColor;
+    &__label {
+      color: var(--theme-elevation-500);
     }
-  }
 
-  button {
-    color: currentColor;
-    padding: 0;
-    font-size: 1rem;
-    line-height: base(1);
-    background: transparent;
-    border: 0;
-    font-weight: 600;
-    cursor: pointer;
-
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
+    &__chevron {
+      .stroke {
+        stroke: currentColor;
+      }
     }
 
-    &:active,
-    &:focus {
-      outline: none;
+    &__current {
+      display: flex;
+      align-items: center;
+      gap: base(0.3);
     }
-  }
 
-  @include small-break {
-    &__label {
-      display: none;
+    button {
+      color: currentColor;
+      padding: 0;
+      font-size: 1rem;
+      line-height: base(1);
+      background: transparent;
+      border: 0;
+      font-weight: 600;
+      cursor: pointer;
+
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
+
+      &:active,
+      &:focus {
+        outline: none;
+      }
+    }
+
+    @include small-break {
+      &__label {
+        display: none;
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAgDA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Localizer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAgDA,CAAA"}

package/dist/elements/Localizer/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -7,50 +9,93 @@ import { useLocale } from '../../providers/Locale/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
-import { LocalizerLabel } from './LocalizerLabel/index.js';
 import './index.scss';
+import { LocalizerLabel } from './LocalizerLabel/index.js';
 const baseClass = 'localizer';
-export const Localizer = (props)=>{
-    const { className } = props;
-    const config = useConfig();
-    const { localization } = config;
-    const { i18n } = useTranslation();
-    const locale = useLocale();
-    const { stringifyParams } = useSearchParams();
-    if (localization) {
-        const { locales } = localization;
-        return /*#__PURE__*/ _jsx("div", {
-            className: [
-                baseClass,
-                className
-            ].filter(Boolean).join(' '),
-            children: /*#__PURE__*/ _jsx(Popup, {
-                button: /*#__PURE__*/ _jsx(LocalizerLabel, {}),
-                horizontalAlign: "right",
-                render: ({ close })=>/*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                        children: locales.map((localeOption)=>{
-                            const localeOptionLabel = getTranslation(localeOption.label, i18n);
-                            return /*#__PURE__*/ _jsxs(PopupList.Button, {
-                                active: locale.code === localeOption.code,
-                                href: stringifyParams({
-                                    params: {
-                                        locale: localeOption.code
-                                    }
-                                }),
-                                onClick: close,
-                                children: [
-                                    localeOptionLabel,
-                                    localeOptionLabel !== localeOption.code && ` (${localeOption.code})`
-                                ]
-                            }, localeOption.code);
-                        })
-                    }),
-                showScrollbar: true,
-                size: "large"
+export const Localizer = props => {
+  const $ = _c(13);
+  const {
+    className
+  } = props;
+  const {
+    config
+  } = useConfig();
+  const {
+    localization
+  } = config;
+  const {
+    i18n
+  } = useTranslation();
+  const locale = useLocale();
+  const {
+    stringifyParams
+  } = useSearchParams();
+  if (localization) {
+    const {
+      locales
+    } = localization;
+    let t0;
+    if ($[0] !== className) {
+      t0 = [baseClass, className].filter(Boolean);
+      $[0] = className;
+      $[1] = t0;
+    } else {
+      t0 = $[1];
+    }
+    const t1 = t0.join(" ");
+    let t2;
+    if ($[2] !== locales || $[3] !== i18n || $[4] !== locale.code || $[5] !== stringifyParams || $[6] !== t1) {
+      let t3;
+      if ($[8] !== locales || $[9] !== i18n || $[10] !== locale.code || $[11] !== stringifyParams) {
+        t3 = t4 => {
+          const {
+            close
+          } = t4;
+          return _jsx(PopupList.ButtonGroup, {
+            children: locales.map(localeOption => {
+              const localeOptionLabel = getTranslation(localeOption.label, i18n);
+              return _jsxs(PopupList.Button, {
+                active: locale.code === localeOption.code,
+                href: stringifyParams({
+                  params: {
+                    locale: localeOption.code
+                  }
+                }),
+                onClick: close,
+                children: [localeOptionLabel, localeOptionLabel !== localeOption.code && ` (${localeOption.code})`]
+              }, localeOption.code);
             })
-        });
+          });
+        };
+        $[8] = locales;
+        $[9] = i18n;
+        $[10] = locale.code;
+        $[11] = stringifyParams;
+        $[12] = t3;
+      } else {
+        t3 = $[12];
+      }
+      t2 = _jsx("div", {
+        className: t1,
+        children: _jsx(Popup, {
+          button: _jsx(LocalizerLabel, {}),
+          horizontalAlign: "right",
+          render: t3,
+          showScrollbar: true,
+          size: "large"
+        })
+      });
+      $[2] = locales;
+      $[3] = i18n;
+      $[4] = locale.code;
+      $[5] = stringifyParams;
+      $[6] = t1;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
     }
-    return null;
+    return t2;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const config = useConfig()\n  const { localization } = config\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n  const { stringifyParams } = useSearchParams()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    href={stringifyParams({\n                      params: {\n                        locale: localeOption.code,\n                      },\n                    })}\n                    key={localeOption.code}\n                    onClick={close}\n                  >\n                    {localeOptionLabel}\n                    {localeOptionLabel !== localeOption.code && ` (${localeOption.code})`}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["getTranslation","React","useConfig","useLocale","useSearchParams","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","className","config","localization","i18n","locale","stringifyParams","locales","div","filter","Boolean","join","button","horizontalAlign","render","close","ButtonGroup","map","localeOption","localeOptionLabel","label","Button","active","code","href","params","onClick","showScrollbar","size"],"mappings":"AAAA;;AACA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AACpD,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,MAAME,SAASX;IACf,MAAM,EAAEY,YAAY,EAAE,GAAGD;IAEzB,MAAM,EAAEE,IAAI,EAAE,GAAGV;IACjB,MAAMW,SAASb;IACf,MAAM,EAAEc,eAAe,EAAE,GAAGb;IAE5B,IAAIU,cAAc;QAChB,MAAM,EAAEI,OAAO,EAAE,GAAGJ;QAEpB,qBACE,KAACK;YAAIP,WAAW;gBAACH;gBAAWG;aAAU,CAACQ,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1D,cAAA,KAAChB;gBACCiB,sBAAQ,KAACf;gBACTgB,iBAAgB;gBAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACnB,UAAUoB,WAAW;kCACnBT,QAAQU,GAAG,CAAC,CAACC;4BACZ,MAAMC,oBAAoB9B,eAAe6B,aAAaE,KAAK,EAAEhB;4BAE7D,qBACE,MAACR,UAAUyB,MAAM;gCACfC,QAAQjB,OAAOkB,IAAI,KAAKL,aAAaK,IAAI;gCACzCC,MAAMlB,gBAAgB;oCACpBmB,QAAQ;wCACNpB,QAAQa,aAAaK,IAAI;oCAC3B;gCACF;gCAEAG,SAASX;;oCAERI;oCACAA,sBAAsBD,aAAaK,IAAI,IAAI,CAAC,EAAE,EAAEL,aAAaK,IAAI,CAAC,CAAC,CAAC;;+BAJhEL,aAAaK,IAAI;wBAO5B;;gBAGJI,aAAa;gBACbC,MAAK;;;IAIb;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useLocale","useSearchParams","useTranslation","Popup","PopupList","LocalizerLabel","baseClass","Localizer","props","$","className","config","localization","i18n","locale","stringifyParams","locales","t0","filter","Boolean","t1","join","t2","code","t3","t4","close","_jsx","ButtonGroup","children","map","localeOption","localeOptionLabel","label","_jsxs","Button","active","href","params","onClick","button","horizontalAlign","render"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\nimport { LocalizerLabel } from './LocalizerLabel/index.js'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  const { config } = useConfig()\n  const { localization } = config\n\n  const { i18n } = useTranslation()\n  const locale = useLocale()\n  const { stringifyParams } = useSearchParams()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          button={<LocalizerLabel />}\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={locale.code === localeOption.code}\n                    href={stringifyParams({\n                      params: {\n                        locale: localeOption.code,\n                      },\n                    })}\n                    key={localeOption.code}\n                    onClick={close}\n                  >\n                    {localeOptionLabel}\n                    {localeOptionLabel !== localeOption.code && ` (${localeOption.code})`}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          showScrollbar\n          size=\"large\"\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AACP,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EACH;IAAAc;EAAA,IAAsBF,KAAA;EACtB;IAAAG;EAAA,IAAmBZ,SAAA;EACnB;IAAAa;EAAA,IAAyBD,MAAA;EAEzB;IAAAE;EAAA,IAAiBX,cAAA;EACjB,MAAAY,MAAA,GAAed,SAAA;EACf;IAAAe;EAAA,IAA4Bd,eAAA;EAAA,IAExBW,YAAA;IACF;MAAAI;IAAA,IAAoBJ,YAAA;IAAA,IAAAK,EAAA;IAAA,IAAAR,CAAA,QAAAC,SAAA;MAGFO,EAAA,IAAAX,SAAA,EAAYI,SAAA,EAAAQ,MAAA,CAAAC,OAAkB;MAAAV,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;IAAA,IAAAC,EAAA;IAAA,IAAAb,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAK,MAAA,CAAAS,IAAA,IAAAd,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAW,EAAA;MAAA,IAAAI,EAAA;MAAA,IAAAf,CAAA,QAAAO,OAAA,IAAAP,CAAA,QAAAI,IAAA,IAAAJ,CAAA,SAAAK,MAAA,CAAAS,IAAA,IAAAd,CAAA,SAAAM,eAAA;QAIhDS,EAAA,GAAAC,EAAA;UAAC;YAAAC;UAAA,IAAAD,EAAS;UAAA,OAChBE,IAAA,CAAAvB,SAAA,CAAAwB,WAAA;YAAAC,QAAA,EACGb,OAAA,CAAAc,GAAA,CAAAC,YAAA;cACC,MAAAC,iBAAA,GAA0BnC,cAAA,CAAekC,YAAA,CAAAE,KAAA,EAAoBpB,IAAA;cAAA,OAG3DqB,KAAA,CAAA9B,SAAA,CAAA+B,MAAA;gBAAAC,MAAA,EACUtB,MAAA,CAAAS,IAAA,KAAgBQ,YAAA,CAAAR,IAAiB;gBAAAc,IAAA,EACnCtB,eAAA;kBAAAuB,MAAA;oBAAAxB,MAAA,EAEMiB,YAAA,CAAAR;kBAAA;gBAAA,CAEZ;gBAAAgB,OAAA,EAESb,KAAA;gBAAAG,QAAA,GAERG,iBAAA,EACAA,iBAAA,KAAsBD,YAAA,CAAAR,IAAiB,IAAI,KAAKQ,YAAA,CAAAR,IAAA,GAAoB;cAAA,GAJhEQ,YAAA,CAAAR,IAAiB;YAAA,CAO5B;UAAA,C;;;;;;;;;;MAxBRD,EAAA,GAAAK,IAAA,CAAC;QAAAjB,SAAA,EAAeU,EAA4C;QAAAS,QAAA,EAC1DF,IAAA,CAAAxB,KAAA;UAAAqC,MAAA,EACUb,IAAA,CAAAtB,cAAA,IAAC;UAAAoC,eAAA,EACO;UAAAC,MAAA,EACRlB,E;;gBAwBH;QAAA,C;;;;;;;;;;;WA5BTF,E;;;CAmCN","ignoreList":[]}

package/dist/elements/Localizer/index.scss

@@ -1,8 +1,10 @@
 @import '../../scss/styles.scss';
 
-.localizer {
-  position: relative;
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
+@layer payload-default {
+  .localizer {
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+  }
 }

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

@@ -0,0 +1,8 @@
+import type { ClientUser } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const Locked: React.FC<{
+    className?: string;
+    user: ClientUser;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Locked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;CACjB,CAuBA,CAAA"}

package/dist/elements/Locked/index.js

@@ -0,0 +1,69 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { LockIcon } from '../../icons/Lock/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { isClientUserObject } from '../../utilities/isClientUserObject.js';
+import { Tooltip } from '../Tooltip/index.js';
+import './index.scss';
+const baseClass = 'locked';
+export const Locked = t0 => {
+  const $ = _c(8);
+  const {
+    className,
+    user
+  } = t0;
+  const [hovered, setHovered] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+  let t1;
+  if ($[0] !== className) {
+    t1 = [baseClass, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1.join(" ");
+  let t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => setHovered(true);
+    t4 = () => setHovered(false);
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t3 = $[2];
+    t4 = $[3];
+  }
+  const t5 = `${userToUse} ${t("general:isEditing")}`;
+  let t6;
+  if ($[4] !== hovered || $[5] !== t5 || $[6] !== t2) {
+    t6 = _jsxs("div", {
+      className: t2,
+      onMouseEnter: t3,
+      onMouseLeave: t4,
+      role: "button",
+      tabIndex: 0,
+      children: [_jsx(Tooltip, {
+        alignCaret: "left",
+        className: `${baseClass}__tooltip`,
+        position: "top",
+        show: hovered,
+        children: t5
+      }), _jsx(LockIcon, {})]
+    });
+    $[4] = hovered;
+    $[5] = t5;
+    $[6] = t2;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  return t6;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","t0","$","className","user","hovered","setHovered","t","userToUse","email","id","t1","filter","Boolean","t2","join","t3","t4","Symbol","for","t5","t6","_jsxs","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: ClientUser\n}> = ({ className, user }) => {\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n\n  return (\n    <div\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <Tooltip\n        alignCaret=\"left\"\n        className={`${baseClass}__tooltip`}\n        position=\"top\"\n        show={hovered}\n      >{`${userToUse} ${t('general:isEditing')}`}</Tooltip>\n      <LockIcon />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,SAAA;IAAAC;EAAA,IAAAH,EAAmB;EACvB,OAAAI,OAAA,EAAAC,UAAA,IAA8BZ,QAAA,MAAS;EACvC;IAAAa;EAAA,IAAcX,cAAA;EAEd,MAAAY,SAAA,GAAkBX,kBAAA,CAAmBO,IAAA,IAASA,IAAA,CAAAK,KAAA,IAAcL,IAAA,CAAAM,EAAO,GAAIH,CAAA,CAAE;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAC,SAAA;IAI1DQ,EAAA,IAAAZ,SAAA,EAAYI,SAAA,EAAAS,MAAA,CAAAC,OAAkB;IAAAX,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAA9B,MAAAY,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;IACzCH,EAAA,GAAAA,CAAA,KAAMV,UAAA,KAAW;IACjBW,EAAA,GAAAA,CAAA,KAAMX,UAAA,MAAW;IAAAJ,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EAS7B,MAAAkB,EAAA,MAAGZ,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAkB,EAAA,IAAAlB,CAAA,QAAAY,EAAA;IAZ5CO,EAAA,GAAAC,KAAA,CAAC;MAAAnB,SAAA,EACYW,EAA4C;MAAAS,YAAA,EACzCP,EAAiB;MAAAQ,YAAA,EACjBP,EAAiB;MAAAQ,IAAA,EAC1B;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAA9B,OAAA;QAAA+B,UAAA,EACa;QAAA1B,SAAA,EACA,GAAAJ,SAAA,WAAuB;QAAA+B,QAAA,EACzB;QAAAC,IAAA,EACH1B,OAAA;QAAAsB,QAAA,EACNP;MAAwC,C,GAC1CQ,IAAA,CAAAjC,QAAA,IAAC;IAAA,C;;;;;;;;SAbH0B,E;CAgBJ","ignoreList":[]}

package/dist/elements/Locked/index.scss

@@ -0,0 +1,16 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .locked {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: all;
+
+    &__tooltip {
+      left: 0;
+      transform: translate3d(-0%, calc(var(--caret-size) * -1), 0);
+    }
+  }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA2CvC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAUA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logout/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAiCA,CAAA"}

package/dist/elements/Logout/index.js

@@ -1,41 +1,68 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { Fragment } from 'react';
+import React from 'react';
 import { LogOutIcon } from '../../icons/LogOut/index.js';
-import { useComponentMap } from '../../providers/ComponentMap/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 const baseClass = 'nav';
-const DefaultLogout = ({ Link, tabIndex })=>{
-    const { t } = useTranslation();
-    const config = useConfig();
-    const { admin: { routes: { logout: logoutRoute } }, routes: { admin: adminRoute } } = config;
-    const basePath = process.env.NEXT_BASE_PATH ?? '';
-    const LinkElement = Link || 'a';
-    return /*#__PURE__*/ _jsx(LinkElement, {
-        "aria-label": t('authentication:logOut'),
-        className: `${baseClass}__log-out`,
-        href: formatAdminURL({
-            adminRoute,
-            basePath,
-            path: logoutRoute
-        }),
-        tabIndex: tabIndex,
-        children: /*#__PURE__*/ _jsx(LogOutIcon, {})
-    });
-};
-export const Logout = ({ Link, tabIndex = 0 })=>{
-    const { componentMap: { LogoutButton: CustomLogout } } = useComponentMap();
-    if (CustomLogout) {
-        return /*#__PURE__*/ _jsx(Fragment, {
-            children: CustomLogout
-        });
-    }
-    return /*#__PURE__*/ _jsx(DefaultLogout, {
-        Link: Link,
-        tabIndex: tabIndex
+export const Logout = t0 => {
+  const $ = _c(7);
+  const {
+    Link,
+    tabIndex: t1
+  } = t0;
+  const tabIndex = t1 === undefined ? 0 : t1;
+  const {
+    t
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const {
+    admin: t2,
+    routes: t3
+  } = config;
+  const {
+    routes: t4
+  } = t2;
+  const {
+    logout: logoutRoute
+  } = t4;
+  const {
+    admin: adminRoute
+  } = t3;
+  const basePath = process.env.NEXT_BASE_PATH ?? "";
+  const LinkElement = Link || "a";
+  let t5;
+  if ($[0] !== t || $[1] !== Link || $[2] !== tabIndex || $[3] !== adminRoute || $[4] !== logoutRoute || $[5] !== LinkElement) {
+    const props = {
+      "aria-label": t("authentication:logOut"),
+      className: `${baseClass}__log-out`,
+      prefetch: Link ? false : undefined,
+      tabIndex
+    };
+    t5 = _jsx(LinkElement, {
+      ...props,
+      href: formatAdminURL({
+        adminRoute,
+        basePath,
+        path: logoutRoute
+      }),
+      children: _jsx(LogOutIcon, {})
     });
+    $[0] = t;
+    $[1] = Link;
+    $[2] = tabIndex;
+    $[3] = adminRoute;
+    $[4] = logoutRoute;
+    $[5] = LinkElement;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
 };
-
 //# sourceMappingURL=index.js.map