@payloadcms/ui 4.0.0-internal.167c7cd → 4.0.0-internal.16f218d

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","qs","React","Fragment","ChevronIcon","LanguageIcon","useConfig","useLocale","useLocaleLoading","useRouter","useRouteTransition","useTranslation","Button","Popup","PopupList","baseClass","Localizer","props","$","className","renderButton","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","t","locale","locales","t1","filter","Boolean","t2","join","t3","t4","close","_jsx","RadioGroup","children","map","localeOption","localeOptionLabel","label","RadioGroupItem","active","code","disabled","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","t5","_active","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","size","horizontalAlign","render","showScrollbar"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../icons/Language/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n  renderButton?: (props: {\n    active: boolean\n    'aria-expanded': boolean\n    'aria-haspopup': true\n    onClick: React.MouseEventHandler\n    onKeyDown: React.KeyboardEventHandler\n  }) => React.ReactNode\n}> = (props) => {\n  const { className, renderButton } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  if (localization) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.RadioGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.RadioGroupItem\n                    active={locale.code === localeOption.code}\n                    disabled={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.RadioGroupItem>\n                )\n              })}\n            </PopupList.RadioGroup>\n          )}\n          renderButton={\n            renderButton ??\n            (({ active: _active, onClick, onKeyDown, ...ariaProps }) => (\n              <Button\n                aria-label={t('general:locale')}\n                buttonStyle=\"secondary\"\n                extraButtonProps={{ onKeyDown }}\n                icon={<LanguageIcon size={24} />}\n                iconPosition=\"left\"\n                onClick={onClick}\n                {...ariaProps}\n              >\n                <div className={`${baseClass}__button-content`}>\n                  {locale.code}\n                  <ChevronIcon size={16} />\n                </div>\n              </Button>\n            ))\n          }\n          showScrollbar\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,EAAEC,gBAAgB,QAAQ;AAC5C,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GASRC,KAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EACH;IAAAoB,SAAA;IAAAC;EAAA,IAAoCH,KAAA;EACpC;IAAAI,MAAA,EAAAC;EAAA,IAEIhB,SAAA;EADM;IAAAiB;EAAA,IAAAD,EAAgB;EAG1B,MAAAE,MAAA,GAAef,SAAA;EACf;IAAAgB;EAAA,IAAiCf,kBAAA;EAEjC;IAAAgB;EAAA,IAA+BlB,gBAAA;EAE/B;IAAAmB,IAAA;IAAAC;EAAA,IAAoBjB,cAAA;EACpB,MAAAkB,MAAA,GAAetB,SAAA;EAAA,IAEXgB,YAAA;IACF;MAAAO;IAAA,IAAoBP,YAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAb,CAAA,QAAAC,SAAA;MAGFY,EAAA,IAAAhB,SAAA,EAAYI,SAAA,EAAAa,MAAA,CAAAC,OAAkB;MAAAf,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAa,EAAA;IAAA;MAAAA,EAAA,GAAAb,CAAA;IAAA;IAA9B,MAAAgB,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;IAAA,IAAAC,EAAA;IAAA,IAAAlB,CAAA,QAAAS,IAAA,IAAAT,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAY,OAAA,IAAAZ,CAAA,QAAAM,MAAA,IAAAN,CAAA,QAAAQ,kBAAA,IAAAR,CAAA,QAAAO,oBAAA;MAGhDW,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAS;QAAA,OAChBE,IAAA,CAAAzB,SAAA,CAAA0B,UAAA;UAAAC,QAAA,EACGX,OAAA,CAAAY,GAAA,CAAAC,YAAA;YACC,MAAAC,iBAAA,GAA0B5C,cAAA,CAAe2C,YAAA,CAAAE,KAAA,EAAoBlB,IAAA;YAAA,OAG3DY,IAAA,CAAAzB,SAAA,CAAAgC,cAAA;cAAAC,MAAA,EACUlB,MAAA,CAAAmB,IAAA,KAAgBL,YAAA,CAAAK,IAAiB;cAAAC,QAAA,EAC/BpB,MAAA,CAAAmB,IAAA,KAAgBL,YAAA,CAAAK,IAAiB;cAAAE,OAAA,EAAAA,CAAA;gBAGzCxB,kBAAA,KAAmB;gBACnBY,KAAA;gBAGA,MAAAa,YAAA,OAAAC,eAAA,CAAAC,MAAA,CAAAC,QAAA,CAAAC,MAAA;gBAEA,MAAAC,GAAA,GAAYvD,EAAA,CAAAwD,SAAA;kBAAA,GAELxD,EAAA,CAAAyD,KAAA,CAASP,YAAA,CAAAQ,QAAA,CAAqB;oBAAAC,KAAA;oBAAAC,iBAAA;kBAAA,CAGjC,CAAE;kBAAAhC,MAAA,EACMc,YAAA,CAAAK;gBAAA;kBAAAc,cAAA;gBAAA,CAEa;gBAGzBrC,oBAAA;kBACED,MAAA,CAAAuC,IAAA,CAAYP,GAAA;gBAAA,CACd;cAAA;cAAAf,QAAA,EAGDG,iBAAA,KAAsBD,YAAA,CAAAK,IAAiB,GACtCgB,KAAA,CAAA7D,QAAA;gBAAAsC,QAAA,GACGG,iBAAA,EAAkB,QAEnBL,IAAA,CAAC;kBAAApB,SAAA,EACY,GAAAJ,SAAA,eAA2B;kBAAA,eACzB4B,YAAA,CAAAK,IAAA;kBAAAP,QAAA,EAEZ,IAAIE,YAAA,CAAAK,IAAA;gBAAoB,C;mBAI7BT,IAAA,CAAC;gBAAApB,SAAA,EAAgB,GAAAJ,SAAA,eAA2B;gBAAA,eAAe4B,YAAA,CAAAK,IAAA;gBAAAP,QAAA,EACxDG;cAAA,C;eArCAD,YAAA,CAAAK,IAAiB;UAAA,CA0C5B;QAAA,C;;;;;;;;;;;;;;MAIFX,EAAA,GAAAjB,YAAA,KAAA6C,EAAA;QACE;UAAAlB,MAAA,EAAAmB,OAAA;UAAAhB,OAAA;UAAAiB,SAAA;UAAA,GAAAC;QAAA,IAAAH,EAAqD;QAAA,OACrD1B,IAAA,CAAA3B,MAAA;UAAA,cACcgB,CAAA,CAAE;UAAAyC,WAAA,EACF;UAAAC,gBAAA;YAAAH;UAAA;UAAAI,IAAA,EAENhC,IAAA,CAAAlC,YAAA;YAAAmE,IAAA;UAAA,C;wBACO;UAAAtB,OAAA;UAAA,GAETkB,SAAS;UAAA3B,QAAA,EAEbuB,KAAA,CAAC;YAAA7C,SAAA,EAAe,GAAAJ,SAAA,kBAA8B;YAAA0B,QAAA,GAC3CZ,MAAA,CAAAmB,IAAA,EACDT,IAAA,CAAAnC,WAAA;cAAAoE,IAAA;YAAA,C;;UAGN;MAAA;MAAAtD,CAAA,MAAAW,MAAA;MAAAX,CAAA,OAAAE,YAAA;MAAAF,CAAA,OAAAU,CAAA;MAAAV,CAAA,OAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAAA,IAAA+C,EAAA;IAAA,IAAA/C,CAAA,SAAAgB,EAAA,IAAAhB,CAAA,SAAAkB,EAAA,IAAAlB,CAAA,SAAAmB,EAAA;MA1EN4B,EAAA,GAAA1B,IAAA,CAAC;QAAApB,SAAA,EAAee,EAA4C;QAAAO,QAAA,EAC1DF,IAAA,CAAA1B,KAAA;UAAA4D,eAAA,EACkB;UAAAC,MAAA,EACRtC,E;wBAuDNC,EAgBA;UAAAsC,aAAA;QAAA,C;;;;;;;;;WA1ENV,E;;;CAmFN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","qs","React","Fragment","ChevronIcon","LanguageIcon","useConfig","useLocale","useLocaleLoading","useRouter","useRouteTransition","useTranslation","Button","Popup","PopupList","baseClass","Localizer","props","$","className","renderButton","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","t","locale","locales","t1","label","localeLabel","t2","code","localeAccessibleName","t3","filter","Boolean","t4","join","t5","t6","t7","close","_jsx","RadioGroup","children","map","localeOption","localeOptionLabel","RadioGroupItem","active","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","buttonProps","labeledButtonProps","_active","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","size","horizontalAlign","popupType","render","showScrollbar"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport type { PopupButtonRenderProps } from '../Popup/PopupTrigger/index.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../icons/Language/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n  renderButton?: (props: { 'aria-label': string } & PopupButtonRenderProps) => React.ReactNode\n}> = (props) => {\n  const { className, renderButton } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  if (localization && locale) {\n    const { locales } = localization\n    const localeLabel = getTranslation(locale.label, i18n)\n    const localeAccessibleName =\n      localeLabel === locale.code\n        ? `${t('general:locale')}: ${locale.code}`\n        : `${t('general:locale')}: ${localeLabel} (${locale.code})`\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          horizontalAlign=\"right\"\n          popupType=\"menu\"\n          render={({ close }) => (\n            <PopupList.RadioGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.RadioGroupItem\n                    active={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      void startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.RadioGroupItem>\n                )\n              })}\n            </PopupList.RadioGroup>\n          )}\n          renderButton={(buttonProps) => {\n            const labeledButtonProps = {\n              ...buttonProps,\n              'aria-label': localeAccessibleName,\n            }\n\n            if (renderButton) {\n              return renderButton(labeledButtonProps)\n            }\n\n            const { active: _active, onClick, onKeyDown, ...ariaProps } = labeledButtonProps\n\n            return (\n              <Button\n                buttonStyle=\"secondary\"\n                extraButtonProps={{ onKeyDown }}\n                icon={<LanguageIcon size={24} />}\n                iconPosition=\"left\"\n                onClick={onClick}\n                {...ariaProps}\n              >\n                <div className={`${baseClass}__button-content`}>\n                  {locale.code}\n                  <ChevronIcon size={16} />\n                </div>\n              </Button>\n            )\n          }}\n          showScrollbar\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Locked/index.js

@@ -10,7 +10,7 @@ import { Tooltip } from '../Tooltip/index.js';
 import './index.css';
 const baseClass = 'locked';
 export const Locked = t0 => {
-  const $ = _c(10);
+  const $ = _c(15);
   const {
     className,
     user
@@ -19,49 +19,66 @@ export const Locked = t0 => {
   const {
     t
   } = useTranslation();
-  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
-  const tooltipLabel = `${userToUse} ${t("general:isEditing")}`;
   let t1;
-  if ($[0] !== className) {
-    t1 = [baseClass, className].filter(Boolean);
-    $[0] = className;
-    $[1] = t1;
+  if ($[0] !== t || $[1] !== user) {
+    t1 = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+    $[0] = t;
+    $[1] = user;
+    $[2] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[2];
   }
-  const t2 = t1.join(" ");
+  const userToUse = t1;
+  let t2;
+  if ($[3] !== t) {
+    t2 = t("general:isEditing");
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const tooltipLabel = `${userToUse} ${t2}`;
   let t3;
-  let t4;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => setHovered(false);
-    t4 = () => setHovered(true);
-    $[2] = t3;
-    $[3] = t4;
+  if ($[5] !== className) {
+    t3 = [baseClass, className].filter(Boolean);
+    $[5] = className;
+    $[6] = t3;
   } else {
-    t3 = $[2];
-    t4 = $[3];
+    t3 = $[6];
   }
+  const t4 = t3.join(" ");
   let t5;
   let t6;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => setHovered(true);
-    t6 = () => setHovered(false);
-    $[4] = t5;
-    $[5] = t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setHovered(false);
+    t6 = () => setHovered(true);
+    $[7] = t5;
+    $[8] = t6;
   } else {
-    t5 = $[4];
-    t6 = $[5];
+    t5 = $[7];
+    t6 = $[8];
   }
   let t7;
-  if ($[6] !== hovered || $[7] !== t2 || $[8] !== tooltipLabel) {
-    t7 = _jsxs("div", {
+  let t8;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => setHovered(true);
+    t8 = () => setHovered(false);
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t7 = $[9];
+    t8 = $[10];
+  }
+  let t9;
+  if ($[11] !== hovered || $[12] !== t4 || $[13] !== tooltipLabel) {
+    t9 = _jsxs("div", {
       "aria-label": tooltipLabel,
-      className: t2,
-      onBlur: t3,
-      onFocus: t4,
+      className: t4,
+      onBlur: t5,
+      onFocus: t6,
       onKeyDown: _temp,
-      onMouseEnter: t5,
-      onMouseLeave: t6,
+      onMouseEnter: t7,
+      onMouseLeave: t8,
       role: "button",
       tabIndex: 0,
       children: [_jsx(LockIcon, {}), _jsx(Tooltip, {
@@ -72,14 +89,14 @@ export const Locked = t0 => {
         children: tooltipLabel
       })]
     });
-    $[6] = hovered;
-    $[7] = t2;
-    $[8] = tooltipLabel;
-    $[9] = t7;
+    $[11] = hovered;
+    $[12] = t4;
+    $[13] = tooltipLabel;
+    $[14] = t9;
   } else {
-    t7 = $[9];
+    t9 = $[14];
   }
-  return t7;
+  return t9;
 };
 function _temp(e) {
   if (e.key === " ") {

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

@@ -1 +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","tooltipLabel","t1","filter","Boolean","t2","join","t3","t4","Symbol","for","t5","t6","t7","_jsxs","onBlur","onFocus","onKeyDown","_temp","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show","e","key","preventDefault"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } 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.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\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  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => setHovered(true)}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      <Tooltip\n        alignCaret=\"center\"\n        className={`${baseClass}__tooltip`}\n        position=\"bottom\"\n        show={hovered}\n      >\n        {tooltipLabel}\n      </Tooltip>\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;EACzE,MAAAI,YAAA,GAAqB,GAAGH,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA;IAK9CS,EAAA,IAAAb,SAAA,EAAYI,SAAA,EAAAU,MAAA,CAAAC,OAAkB;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA9B,MAAAa,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAC/CH,EAAA,GAAAA,CAAA,KAAMX,UAAA,MAAW;IAChBY,EAAA,GAAAA,CAAA,KAAMZ,UAAA,KAAW;IAAAJ,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAMZC,EAAA,GAAAA,CAAA,KAAMf,UAAA,KAAW;IACjBgB,EAAA,GAAAA,CAAA,KAAMhB,UAAA,MAAW;IAAAJ,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;EAAA;IAAAD,EAAA,GAAAnB,CAAA;IAAAoB,EAAA,GAAApB,CAAA;EAAA;EAAA,IAAAqB,EAAA;EAAA,IAAArB,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAS,YAAA;IAXjCY,EAAA,GAAAC,KAAA,CAAC;MAAA,cACab,YAAA;MAAAR,SAAA,EACDY,EAA4C;MAAAU,MAAA,EAC/CR,EAAiB;MAAAS,OAAA,EAChBR,EAAiB;MAAAS,SAAA,EAAAC,KAAA;MAAAC,YAAA,EAMZR,EAAiB;MAAAS,YAAA,EACjBR,EAAiB;MAAAS,IAAA,EAC1B;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAAvC,QAAA,IAAC,GACDuC,IAAA,CAAApC,OAAA;QAAAqC,UAAA,EACa;QAAAhC,SAAA,EACA,GAAAJ,SAAA,WAAuB;QAAAqC,QAAA,EACzB;QAAAC,IAAA,EACHhC,OAAA;QAAA4B,QAAA,EAELtB;MAAA,C;;;;;;;;;SAtBLY,E;CA0BJ;AAlCK,SAAAK,MAAAU,CAAA;EAAA,IAcOA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,cAAA,CAAgB;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","t0","$","className","user","hovered","setHovered","t","t1","email","id","userToUse","t2","tooltipLabel","t3","filter","Boolean","t4","join","t5","t6","Symbol","for","t7","t8","t9","_jsxs","onBlur","onFocus","onKeyDown","_temp","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show","e","key","preventDefault"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } 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.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\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  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => setHovered(true)}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      <Tooltip\n        alignCaret=\"center\"\n        className={`${baseClass}__tooltip`}\n        position=\"bottom\"\n        show={hovered}\n      >\n        {tooltipLabel}\n      </Tooltip>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","LogOutIcon","useConfig","useTranslation","Link","baseClass","Logout","t0","$","tabIndex","t1","undefined","t","config","admin","t2","routes","t3","t4","logout","logoutRoute","adminRoute","t5","_jsx","className","href","path","prefetch","title","children"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n  tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        path: logoutRoute,\n      })}\n      prefetch={false}\n      tabIndex={tabIndex}\n      title={t('authentication:logOut')}\n    >\n      <LogOutIcon />\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA,EAAAC;EAAA,IAAAH,EAAgB;EAAd,MAAAE,QAAA,GAAAC,EAAY,KAAAC,SAAA,OAAZD,EAAY;EAClB;IAAAE;EAAA,IAAcT,cAAA;EACd;IAAAU;EAAA,IAAmBX,SAAA;EAEnB;IAAAY,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAAA,IAAAK,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA;IAI7Ba,EAAA,GAAAC,IAAA,CAAAnB,IAAA;MAAA,cACcQ,CAAA,CAAE;MAAAY,SAAA,EACH,GAAAnB,SAAA,WAAuB;MAAAoB,IAAA,EAC5B1B,cAAA;QAAAsB,UAAA;QAAAK,IAAA,EAEEN;MAAA,CACR;MAAAO,QAAA;MAAAlB,QAAA;MAAAmB,KAAA,EAGOhB,CAAA,CAAE;MAAAiB,QAAA,EAETN,IAAA,CAAAtB,UAAA,IAAC;IAAA,C;;;;;;;;;SAXHqB,E;CAcJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","LogOutIcon","useConfig","useTranslation","Link","baseClass","Logout","t0","$","tabIndex","t1","undefined","t","config","admin","t2","routes","t3","t4","logout","logoutRoute","adminRoute","t5","_jsx","className","href","path","prefetch","title","children"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n  tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        path: logoutRoute,\n      })}\n      prefetch={false}\n      tabIndex={tabIndex}\n      title={t('authentication:logOut')}\n    >\n      <LogOutIcon />\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA,EAAAC;EAAA,IAAAH,EAAgB;EAAd,MAAAE,QAAA,GAAAC,EAAY,KAAZC,SAAY,GAAZ,CAAY,GAAZD,EAAY;EAClB;IAAAE;EAAA,IAAcT,cAAA;EACd;IAAAU;EAAA,IAAmBX,SAAA;EAEnB;IAAAY,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAAA,IAAAK,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA;IAI7Ba,EAAA,GAAAC,IAAA,CAACnB,IAAA;MAAA,cACaQ,CAAA,CAAE;MAAAY,SAAA,EACH,GAAGnB,SAAA,WAAoB;MAAAoB,IAAA,EAC5B1B,cAAA,CAAe;QAAAsB,UAAA;QAAAK,IAAA,EAEbN;MACR;MAAAO,QAAA,EACU;MAAAlB,QAAA;MAAAmB,KAAA,EAEHhB,CAAA,CAAE;MAAAiB,QAAA,EAETN,IAAA,CAACtB,UAAA;;;;;;;;;;SAXHqB,E;CAcJ","ignoreList":[]}

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

@@ -3,8 +3,8 @@ import React from 'react';
 import './index.css';
 export type MiniCarouselProps = {
     doc: {
-        sizes?: FileSizes;
         url?: string;
+        variants?: FileSizes;
     } & Data;
     imageCacheTag?: false | string;
     onSelect: (sizeKey: null | string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MiniCarousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAoCpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,IAAI,GAAG,MAAM,CAAA;IAC3B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MiniCarousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAoCpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,SAAS,CAAA;KACrB,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,IAAI,GAAG,MAAM,CAAA;IAC3B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDpD,CAAA"}

package/dist/elements/MiniCarousel/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -26,59 +27,122 @@ const MiniCarouselItem = ({
     })
   });
 };
-export const MiniCarousel = ({
-  doc,
-  imageCacheTag,
-  onSelect,
-  selectedSize,
-  uploadConfig
-}) => {
+export const MiniCarousel = t0 => {
+  const $ = _c(18);
+  const {
+    doc,
+    imageCacheTag,
+    onSelect,
+    selectedSize,
+    uploadConfig
+  } = t0;
   const {
     t
   } = useTranslation();
   const {
-    imageSizes
+    variants
   } = uploadConfig;
   const {
-    sizes,
-    url: originalUrl
+    url: originalUrl,
+    variants: sizes
   } = doc;
-  const orderedSizeKeys = React.useMemo(() => {
-    if (!imageSizes || imageSizes.length === 0) {
-      return Object.keys(sizes || {});
+  let t1;
+  bb0: {
+    if (!variants || variants.length === 0) {
+      let t2;
+      if ($[0] !== sizes) {
+        t2 = Object.keys(sizes || {});
+        $[0] = sizes;
+        $[1] = t2;
+      } else {
+        t2 = $[1];
+      }
+      t1 = t2;
+      break bb0;
     }
-    return imageSizes.map(({
-      name
-    }) => name).filter(name_0 => sizes?.[name_0]?.url);
-  }, [imageSizes, sizes]);
+    let t2;
+    if ($[2] !== sizes || $[3] !== variants) {
+      let t3;
+      if ($[5] !== sizes) {
+        t3 = name_0 => sizes?.[name_0]?.url;
+        $[5] = sizes;
+        $[6] = t3;
+      } else {
+        t3 = $[6];
+      }
+      t2 = variants.map(_temp).filter(t3);
+      $[2] = sizes;
+      $[3] = variants;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = t2;
+  }
+  const orderedSizeKeys = t1;
   if (!originalUrl) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("div", {
-    className: [baseClass, 'scrollbar-thin'].join(' '),
-    children: [/*#__PURE__*/_jsx(MiniCarouselItem, {
-      active: selectedSize === null,
-      imageCacheTag: imageCacheTag,
-      label: t('general:original'),
-      onClick: () => onSelect(null),
-      url: originalUrl
-    }), orderedSizeKeys.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__divider`
-      }), orderedSizeKeys.map(key => {
-        const sizeData = sizes?.[key];
-        if (!sizeData?.url) {
-          return null;
-        }
-        return /*#__PURE__*/_jsx(MiniCarouselItem, {
-          active: selectedSize === key,
-          imageCacheTag: imageCacheTag,
-          label: key,
-          onClick: () => onSelect(key),
-          url: sizeData.url
-        }, key);
+  let t2;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [baseClass, "scrollbar-thin"];
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== imageCacheTag || $[9] !== onSelect || $[10] !== orderedSizeKeys || $[11] !== originalUrl || $[12] !== selectedSize || $[13] !== sizes || $[14] !== t) {
+    let t4;
+    if ($[16] !== onSelect) {
+      t4 = () => onSelect(null);
+      $[16] = onSelect;
+      $[17] = t4;
+    } else {
+      t4 = $[17];
+    }
+    t3 = _jsxs("div", {
+      className: t2.join(" "),
+      children: [_jsx(MiniCarouselItem, {
+        active: selectedSize === null,
+        imageCacheTag,
+        label: t("general:original"),
+        onClick: t4,
+        url: originalUrl
+      }), orderedSizeKeys.length > 0 && _jsxs(_Fragment, {
+        children: [_jsx("div", {
+          className: `${baseClass}__divider`
+        }), orderedSizeKeys.map(key => {
+          const sizeData = sizes?.[key];
+          if (!sizeData?.url) {
+            return null;
+          }
+          return _jsx(MiniCarouselItem, {
+            active: selectedSize === key,
+            imageCacheTag,
+            label: key,
+            onClick: () => onSelect(key),
+            url: sizeData.url
+          }, key);
+        })]
       })]
-    })]
-  });
+    });
+    $[8] = imageCacheTag;
+    $[9] = onSelect;
+    $[10] = orderedSizeKeys;
+    $[11] = originalUrl;
+    $[12] = selectedSize;
+    $[13] = sizes;
+    $[14] = t;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  return t3;
 };
+function _temp(t0) {
+  const {
+    name
+  } = t0;
+  return name;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useTranslation","appendCacheTag","baseClass","MiniCarouselItem","active","imageCacheTag","label","onClick","url","src","_jsx","className","filter","Boolean","join","type","alt","MiniCarousel","doc","onSelect","selectedSize","uploadConfig","t","imageSizes","sizes","originalUrl","orderedSizeKeys","useMemo","length","Object","keys","map","name","_jsxs","_Fragment","key","sizeData"],"sources":["../../../src/elements/MiniCarousel/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport './index.css'\n\nconst baseClass = 'mini-carousel'\n\ntype MiniCarouselItemProps = {\n  active: boolean\n  imageCacheTag?: false | string\n  label: string\n  onClick: () => void\n  url: string\n}\n\nconst MiniCarouselItem: React.FC<MiniCarouselItemProps> = ({\n  active,\n  imageCacheTag,\n  label,\n  onClick,\n  url,\n}) => {\n  const src = appendCacheTag(url, imageCacheTag)\n\n  return (\n    <button\n      aria-label={label}\n      aria-pressed={active ? 'true' : 'false'}\n      className={[`${baseClass}__item`, active && `${baseClass}__item--active`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <img alt={label} src={src} />\n    </button>\n  )\n}\n\nexport type MiniCarouselProps = {\n  doc: {\n    sizes?: FileSizes\n    url?: string\n  } & Data\n  imageCacheTag?: false | string\n  onSelect: (sizeKey: null | string) => void\n  selectedSize: null | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const MiniCarousel: React.FC<MiniCarouselProps> = ({\n  doc,\n  imageCacheTag,\n  onSelect,\n  selectedSize,\n  uploadConfig,\n}) => {\n  const { t } = useTranslation()\n  const { imageSizes } = uploadConfig\n  const { sizes, url: originalUrl } = doc\n\n  const orderedSizeKeys = React.useMemo(() => {\n    if (!imageSizes || imageSizes.length === 0) {\n      return Object.keys(sizes || {})\n    }\n    return imageSizes.map(({ name }) => name).filter((name) => sizes?.[name]?.url)\n  }, [imageSizes, sizes])\n\n  if (!originalUrl) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, 'scrollbar-thin'].join(' ')}>\n      <MiniCarouselItem\n        active={selectedSize === null}\n        imageCacheTag={imageCacheTag}\n        label={t('general:original')}\n        onClick={() => onSelect(null)}\n        url={originalUrl}\n      />\n\n      {orderedSizeKeys.length > 0 && (\n        <>\n          <div className={`${baseClass}__divider`} />\n          {orderedSizeKeys.map((key) => {\n            const sizeData = sizes?.[key]\n            if (!sizeData?.url) {\n              return null\n            }\n            return (\n              <MiniCarouselItem\n                active={selectedSize === key}\n                imageCacheTag={imageCacheTag}\n                key={key}\n                label={key}\n                onClick={() => onSelect(key)}\n                url={sizeData.url}\n              />\n            )\n          })}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,MAAMC,gBAAA,GAAoDA,CAAC;EACzDC,MAAM;EACNC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC;AAAG,CACJ;EACC,MAAMC,GAAA,GAAMR,cAAA,CAAeO,GAAA,EAAKH,aAAA;EAEhC,oBACEK,IAAA,CAAC;IACC,cAAYJ,KAAA;IACZ,gBAAcF,MAAA,GAAS,SAAS;IAChCO,SAAA,EAAW,CAAC,GAAGT,SAAA,QAAiB,EAAEE,MAAA,IAAU,GAAGF,SAAA,gBAAyB,CAAC,CACtEU,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRP,OAAA,EAASA,OAAA;IACTQ,IAAA,EAAK;cAEL,aAAAL,IAAA,CAAC;MAAIM,GAAA,EAAKV,KAAA;MAAOG,GAAA,EAAKA;;;AAG5B;AAaA,OAAO,MAAMQ,YAAA,GAA4CA,CAAC;EACxDC,GAAG;EACHb,aAAa;EACbc,QAAQ;EACRC,YAAY;EACZC;AAAY,CACb;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGtB,cAAA;EACd,MAAM;IAAEuB;EAAU,CAAE,GAAGF,YAAA;EACvB,MAAM;IAAEG,KAAK;IAAEhB,GAAA,EAAKiB;EAAW,CAAE,GAAGP,GAAA;EAEpC,MAAMQ,eAAA,GAAkB3B,KAAA,CAAM4B,OAAO,CAAC;IACpC,IAAI,CAACJ,UAAA,IAAcA,UAAA,CAAWK,MAAM,KAAK,GAAG;MAC1C,OAAOC,MAAA,CAAOC,IAAI,CAACN,KAAA,IAAS,CAAC;IAC/B;IACA,OAAOD,UAAA,CAAWQ,GAAG,CAAC,CAAC;MAAEC;IAAI,CAAE,KAAKA,IAAA,EAAMpB,MAAM,CAAEoB,MAAA,IAASR,KAAA,GAAQQ,MAAA,CAAK,EAAExB,GAAA;EAC5E,GAAG,CAACe,UAAA,EAAYC,KAAA,CAAM;EAEtB,IAAI,CAACC,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,oBACEQ,KAAA,CAAC;IAAItB,SAAA,EAAW,CAACT,SAAA,EAAW,iBAAiB,CAACY,IAAI,CAAC;4BACjDJ,IAAA,CAACP,gBAAA;MACCC,MAAA,EAAQgB,YAAA,KAAiB;MACzBf,aAAA,EAAeA,aAAA;MACfC,KAAA,EAAOgB,CAAA,CAAE;MACTf,OAAA,EAASA,CAAA,KAAMY,QAAA,CAAS;MACxBX,GAAA,EAAKiB;QAGNC,eAAA,CAAgBE,MAAM,GAAG,kBACxBK,KAAA,CAAAC,SAAA;8BACExB,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAGT,SAAA;UAClBwB,eAAA,CAAgBK,GAAG,CAAEI,GAAA;QACpB,MAAMC,QAAA,GAAWZ,KAAA,GAAQW,GAAA,CAAI;QAC7B,IAAI,CAACC,QAAA,EAAU5B,GAAA,EAAK;UAClB,OAAO;QACT;QACA,oBACEE,IAAA,CAACP,gBAAA;UACCC,MAAA,EAAQgB,YAAA,KAAiBe,GAAA;UACzB9B,aAAA,EAAeA,aAAA;UAEfC,KAAA,EAAO6B,GAAA;UACP5B,OAAA,EAASA,CAAA,KAAMY,QAAA,CAASgB,GAAA;UACxB3B,GAAA,EAAK4B,QAAA,CAAS5B;WAHT2B,GAAA;MAMX;;;AAKV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","appendCacheTag","baseClass","MiniCarouselItem","active","imageCacheTag","label","onClick","url","src","_jsx","className","filter","Boolean","join","type","alt","MiniCarousel","t0","$","doc","onSelect","selectedSize","uploadConfig","t","variants","originalUrl","sizes","t1","bb0","length","t2","Object","keys","t3","name_0","name","map","_temp","orderedSizeKeys","Symbol","for","t4","_jsxs","children","_Fragment","key","sizeData"],"sources":["../../../src/elements/MiniCarousel/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport './index.css'\n\nconst baseClass = 'mini-carousel'\n\ntype MiniCarouselItemProps = {\n  active: boolean\n  imageCacheTag?: false | string\n  label: string\n  onClick: () => void\n  url: string\n}\n\nconst MiniCarouselItem: React.FC<MiniCarouselItemProps> = ({\n  active,\n  imageCacheTag,\n  label,\n  onClick,\n  url,\n}) => {\n  const src = appendCacheTag(url, imageCacheTag)\n\n  return (\n    <button\n      aria-label={label}\n      aria-pressed={active ? 'true' : 'false'}\n      className={[`${baseClass}__item`, active && `${baseClass}__item--active`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <img alt={label} src={src} />\n    </button>\n  )\n}\n\nexport type MiniCarouselProps = {\n  doc: {\n    url?: string\n    variants?: FileSizes\n  } & Data\n  imageCacheTag?: false | string\n  onSelect: (sizeKey: null | string) => void\n  selectedSize: null | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const MiniCarousel: React.FC<MiniCarouselProps> = ({\n  doc,\n  imageCacheTag,\n  onSelect,\n  selectedSize,\n  uploadConfig,\n}) => {\n  const { t } = useTranslation()\n  const { variants } = uploadConfig\n  const { url: originalUrl, variants: sizes } = doc\n\n  const orderedSizeKeys = React.useMemo(() => {\n    if (!variants || variants.length === 0) {\n      return Object.keys(sizes || {})\n    }\n    return variants.map(({ name }) => name).filter((name) => sizes?.[name]?.url)\n  }, [variants, sizes])\n\n  if (!originalUrl) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, 'scrollbar-thin'].join(' ')}>\n      <MiniCarouselItem\n        active={selectedSize === null}\n        imageCacheTag={imageCacheTag}\n        label={t('general:original')}\n        onClick={() => onSelect(null)}\n        url={originalUrl}\n      />\n\n      {orderedSizeKeys.length > 0 && (\n        <>\n          <div className={`${baseClass}__divider`} />\n          {orderedSizeKeys.map((key) => {\n            const sizeData = sizes?.[key]\n            if (!sizeData?.url) {\n              return null\n            }\n            return (\n              <MiniCarouselItem\n                active={selectedSize === key}\n                imageCacheTag={imageCacheTag}\n                key={key}\n                label={key}\n                onClick={() => onSelect(key)}\n                url={sizeData.url}\n              />\n            )\n          })}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,6 @@
-export { Modal, useModal } from '@faceless-ui/modal';
+import type { ComponentProps } from 'react';
+import { Modal as FacelessModal } from '@faceless-ui/modal';
+import React from 'react';
+export { useModal } from '@faceless-ui/modal';
+export declare const Modal: React.FC<ComponentProps<typeof FacelessModal>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,KAAK,IAAI,aAAa,EAAY,MAAM,oBAAoB,CAAA;AACrE,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CA+FhE,CAAA"}

package/dist/elements/Modal/index.js

@@ -1,4 +1,84 @@
 'use client';
 
-export { Modal, useModal } from '@faceless-ui/modal';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal as FacelessModal, useModal } from '@faceless-ui/modal';
+import React, { useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import { useModalFocus } from '../../providers/ModalFocus/index.js';
+export { useModal } from '@faceless-ui/modal';
+export const Modal = props => {
+  const {
+    id,
+    slug,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    focusTrapOptions,
+    trapFocus = true
+  } = props;
+  const modalID = id || slug;
+  const {
+    modalState
+  } = useModal();
+  const isOpen = Boolean(modalState[slug]?.isOpen);
+  const popupFocusTargetsRef = useRef([]);
+  const {
+    getReturnFocusTargets
+  } = useModalFocus();
+  useLayoutEffect(() => {
+    if (isOpen) {
+      // Freeze each modal's targets before focus moves into it or a nested modal.
+      popupFocusTargetsRef.current = getReturnFocusTargets();
+    }
+  }, [getReturnFocusTargets, isOpen]);
+  const options = useMemo(() => ({
+    escapeDeactivates: false,
+    initialFocus: () => {
+      const modal = document.getElementById(modalID);
+      const heading = modal?.querySelector('h1, h2, h3, h4, h5, h6');
+      if (heading) {
+        heading.tabIndex = -1;
+      }
+      return heading ?? modal;
+    },
+    setReturnFocus: opener => (popupFocusTargetsRef.current.length ? popupFocusTargetsRef.current : [opener]).find(element => element?.isConnected && element !== document.body && element !== document.documentElement && !element.closest('[inert]') && !element.matches(':disabled') && element.getClientRects().length > 0 && getComputedStyle(element).visibility !== 'hidden') ?? false,
+    ...focusTrapOptions
+  }), [modalID, focusTrapOptions]);
+  useEffect(() => {
+    if (!isOpen || ariaLabel || ariaLabelledBy) {
+      return;
+    }
+    let hasFocusedTitle = false;
+    const updateTitle = () => {
+      const modal_0 = document.getElementById(modalID);
+      const heading_0 = modal_0?.querySelector('h1, h2, h3, h4, h5, h6');
+      if (modal_0 && heading_0) {
+        if (!heading_0.id) {
+          heading_0.id = `modal-title-${slug}`;
+        }
+        modal_0.setAttribute('aria-labelledby', heading_0.id);
+        modal_0.removeAttribute('aria-label');
+        if (!hasFocusedTitle && trapFocus && focusTrapOptions?.initialFocus === undefined && !modal_0.closest('[inert]') && (document.activeElement === modal_0 || document.activeElement === document.body)) {
+          heading_0.tabIndex = -1;
+          heading_0.focus({
+            preventScroll: true
+          });
+          hasFocusedTitle = document.activeElement === heading_0;
+        }
+      }
+    };
+    updateTitle();
+    const observer = new MutationObserver(updateTitle);
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, [isOpen, modalID, slug, ariaLabel, ariaLabelledBy, trapFocus, focusTrapOptions?.initialFocus]);
+  return /*#__PURE__*/_jsx(FacelessModal, {
+    ...props,
+    "data-payload-modal-slug": slug,
+    focusTrapOptions: options,
+    id: modalID,
+    tabIndex: -1
+  });
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Modal","useModal"],"sources":["../../../src/elements/Modal/index.tsx"],"sourcesContent":["'use client'\nexport { Modal, useModal } from '@faceless-ui/modal'\n"],"mappings":"AAAA;;AACA,SAASA,KAAK,EAAEC,QAAQ,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Modal","FacelessModal","useModal","React","useEffect","useLayoutEffect","useMemo","useRef","useModalFocus","props","id","slug","ariaLabel","ariaLabelledBy","focusTrapOptions","trapFocus","modalID","modalState","isOpen","Boolean","popupFocusTargetsRef","getReturnFocusTargets","current","options","escapeDeactivates","initialFocus","modal","document","getElementById","heading","querySelector","tabIndex","setReturnFocus","opener","length","find","element","isConnected","body","documentElement","closest","matches","getClientRects","getComputedStyle","visibility","hasFocusedTitle","updateTitle","setAttribute","removeAttribute","undefined","activeElement","focus","preventScroll","observer","MutationObserver","observe","childList","subtree","disconnect","_jsx"],"sources":["../../../src/elements/Modal/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ComponentProps } from 'react'\n\nimport { Modal as FacelessModal, useModal } from '@faceless-ui/modal'\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from 'react'\n\nimport { useModalFocus } from '../../providers/ModalFocus/index.js'\n\nexport { useModal } from '@faceless-ui/modal'\n\nexport const Modal: React.FC<ComponentProps<typeof FacelessModal>> = (props) => {\n  const {\n    id,\n    slug,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    focusTrapOptions,\n    trapFocus = true,\n  } = props\n  const modalID = id || slug\n  const { modalState } = useModal()\n  const isOpen = Boolean(modalState[slug]?.isOpen)\n  const popupFocusTargetsRef = useRef<readonly HTMLElement[]>([])\n  const { getReturnFocusTargets } = useModalFocus()\n\n  useLayoutEffect(() => {\n    if (isOpen) {\n      // Freeze each modal's targets before focus moves into it or a nested modal.\n      popupFocusTargetsRef.current = getReturnFocusTargets()\n    }\n  }, [getReturnFocusTargets, isOpen])\n  const options = useMemo(\n    () => ({\n      escapeDeactivates: false,\n      initialFocus: () => {\n        const modal = document.getElementById(modalID)\n        const heading = modal?.querySelector<HTMLElement>('h1, h2, h3, h4, h5, h6')\n\n        if (heading) {\n          heading.tabIndex = -1\n        }\n        return heading ?? modal\n      },\n      setReturnFocus: (opener: HTMLElement) =>\n        (popupFocusTargetsRef.current.length ? popupFocusTargetsRef.current : [opener]).find(\n          (element) =>\n            element?.isConnected &&\n            element !== document.body &&\n            element !== document.documentElement &&\n            !element.closest('[inert]') &&\n            !element.matches(':disabled') &&\n            element.getClientRects().length > 0 &&\n            getComputedStyle(element).visibility !== 'hidden',\n        ) ?? false,\n      ...focusTrapOptions,\n    }),\n    [modalID, focusTrapOptions],\n  )\n\n  useEffect(() => {\n    if (!isOpen || ariaLabel || ariaLabelledBy) {\n      return\n    }\n\n    let hasFocusedTitle = false\n\n    const updateTitle = () => {\n      const modal = document.getElementById(modalID)\n      const heading = modal?.querySelector<HTMLElement>('h1, h2, h3, h4, h5, h6')\n\n      if (modal && heading) {\n        if (!heading.id) {\n          heading.id = `modal-title-${slug}`\n        }\n        modal.setAttribute('aria-labelledby', heading.id)\n        modal.removeAttribute('aria-label')\n        if (\n          !hasFocusedTitle &&\n          trapFocus &&\n          focusTrapOptions?.initialFocus === undefined &&\n          !modal.closest('[inert]') &&\n          (document.activeElement === modal || document.activeElement === document.body)\n        ) {\n          heading.tabIndex = -1\n          heading.focus({ preventScroll: true })\n          hasFocusedTitle = document.activeElement === heading\n        }\n      }\n    }\n\n    updateTitle()\n    const observer = new MutationObserver(updateTitle)\n    observer.observe(document.body, { childList: true, subtree: true })\n    return () => observer.disconnect()\n  }, [isOpen, modalID, slug, ariaLabel, ariaLabelledBy, trapFocus, focusTrapOptions?.initialFocus])\n\n  return (\n    <FacelessModal\n      {...props}\n      data-payload-modal-slug={slug}\n      focusTrapOptions={options}\n      id={modalID}\n      tabIndex={-1}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Nav/NavSidebarToggle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavSidebarToggle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAeA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavSidebarToggle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAkBA,CAAA"}