@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

package/dist/elements/UserMenu/LanguageMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","LanguageIcon","useTranslation","Popup","PopupList","LanguageMenuContent","$","i18n","languageOptions","switchLanguage","t0","_jsx","children","RadioGroup","map","t1","label","value","RadioGroupItem","active","language","onClick","LanguageMenu","onMobileOpen","t","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon","theme"],"sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../../icons/Language/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const LanguageMenuContent: React.FC = () => {\n  const { i18n, languageOptions, switchLanguage } = useTranslation()\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {languageOptions?.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={i18n.language === value}\n            key={value}\n            onClick={() => {\n              if (switchLanguage) {\n                void switchLanguage(value)\n              }\n            }}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const LanguageMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <LanguageIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:language')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<LanguageIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:language')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <LanguageMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC3C;IAAAS,IAAA;IAAAC,eAAA;IAAAC;EAAA,IAAkDP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,cAAA;IAGhDC,EAAA,GAAAC,IAAA,CAAC;MAAA;MAAAC,QAAA,EACCD,IAAA,CAAAP,SAAA,CAAAS,UAAA;QAAAD,QAAA,EACGJ,eAAA,EAAAM,GAAA,CAAAC,EAAA;UAAsB;YAAAC,KAAA;YAAAC;UAAA,IAAAF,EAAgB;UAAA,OACrCJ,IAAA,CAAAP,SAAA,CAAAc,cAAA;YAAAC,MAAA,EACUZ,IAAA,CAAAa,QAAA,KAAkBH,KAAA;YAAAI,OAAA,EAAAA,CAAA;cAAA,IAGpBZ,cAAA;gBACGA,cAAA,CAAeQ,KAAA;cAAA;YAAA;YAAAL,QAAA,EAIvBI;UAAA,GAPIC,KAAA;QAAA;MAAA,C;;;;;;;;;SALbP,E;CAkBJ;AAEA,OAAO,MAAMY,YAAA,GAERZ,EAAA;EAAA,MAAAJ,CAAA,GAAAR,EAAA;EAAC;IAAAyB;EAAA,IAAAb,EAAgB;EACpB;IAAAc;EAAA,IAActB,cAAA;EAAA,IAEVqB,YAAA;IAAA,IAAAR,EAAA;IAAA,IAAAT,CAAA,QAAAiB,YAAA,IAAAjB,CAAA,QAAAkB,CAAA;MAEAT,EAAA,GAAAU,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA;QAAAL,OAAA,EAEDE,YAAA;QAAAI,IAAA,EACJ;QAAAC,QAAA;QAAAC,IAAA,EAEA;QAAAjB,QAAA,GAELD,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAAAV,YAAA;YAAA6B,IAAA;UAAA,C;YAEFnB,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EAA4BY,CAAA,CAAE;QAAA,C,GAC9Cb,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAAAX,WAAA;YAAA+B,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAb3Bf,E;;;;IAoBFA,EAAA,GAAAJ,IAAA,CAAAR,KAAA;MAAA6B,YAAA;MAAAC,SAAA,EAEY;MAAAC,YAAA,EAAAC,WAAA,IAERxB,IAAA,CAAAP,SAAA,CAAAgC,cAAA;QAAAD,WAAA;QAAAE,IAAA,EAEQ1B,IAAA,CAAAV,YAAA;UAAA6B,IAAA;QAAA,C;sBACQnB,IAAA,CAAAX,WAAA;UAAA+B,SAAA,EAAuB;UAAAD,IAAA;QAAA,C;kBAEpCN,CAAA,CAAE;MAAA,C;YAGF;MAAAM,IAAA,EACA;MAAAQ,KAAA,EACC;MAAA1B,QAAA,EAEND,IAAA,CAAAN,mBAAA,IAAC;IAAA,C;;;;;;SAhBHU,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","LanguageIcon","useTranslation","Popup","PopupList","LanguageMenuContent","$","i18n","languageOptions","switchLanguage","t0","_jsx","children","RadioGroup","map","t1","label","value","RadioGroupItem","active","language","onClick","LanguageMenu","onMobileOpen","t","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon","theme"],"sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../../icons/Language/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const LanguageMenuContent: React.FC = () => {\n  const { i18n, languageOptions, switchLanguage } = useTranslation()\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {languageOptions?.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={i18n.language === value}\n            key={value}\n            onClick={() => {\n              if (switchLanguage) {\n                void switchLanguage(value)\n              }\n            }}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const LanguageMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <LanguageIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:language')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<LanguageIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:language')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <LanguageMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC3C;IAAAS,IAAA;IAAAC,eAAA;IAAAC;EAAA,IAAkDP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,cAAA;IAGhDC,EAAA,GAAAC,IAAA,CAAC;MAAA,4BAA4B;MAAAC,QAAA,EAC3BD,IAAA,CAACP,SAAA,CAAAS,UAAoB;QAAAD,QAAA,EAClBJ,eAAA,EAAAM,GAGQ,CAHaC,EAAA;UAAC;YAAAC,KAAA;YAAAC;UAAA,IAAAF,EAAgB;UAAA,OACrCJ,IAAA,CAACP,SAAA,CAAAc,cAAwB;YAAAC,MAAA,EACfZ,IAAA,CAAAa,QAAa,KAAKH,KAAA;YAAAI,OAAA,EAEjBA,CAAA;cACP,IAAIZ,cAAA;gBACGA,cAAA,CAAeQ,KAAA;cAAA;YACtB,CACF;YAAAL,QAAA,EAECI;aAPIC,KAAA;QAAA;;;;;;;;;;SALbP,E;CAkBJ;AAEA,OAAO,MAAMY,YAAA,GAERZ,EAAA;EAAA,MAAAJ,CAAA,GAAAR,EAAA;EAAC;IAAAyB;EAAA,IAAAb,EAAgB;EACpB;IAAAc;EAAA,IAActB,cAAA;EAEd,IAAIqB,YAAA;IAAA,IAAAR,EAAA;IAAA,IAAAT,CAAA,QAAAiB,YAAA,IAAAjB,CAAA,QAAAkB,CAAA;MAEAT,EAAA,GAAAU,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA,4BACc;QAAAL,OAAA,EACfE,YAAA;QAAAI,IAAA,EACJ;QAAAC,QAAA,EACK,EAAC;QAAAC,IAAA,EACN;QAAAjB,QAAA,E,CAELD,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAACV,YAAA;YAAA6B,IAAA,EAAmB;;YAEtBnB,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EAA4BY,CAAA,CAAE;YAC9Cb,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAACX,WAAA;YAAA+B,SAAA,EAAsB;YAAAD,IAAA,EAAc;;;;;;;;;;WAbzCf,E;;EAiBJ,IAAAA,EAAA;EAAA,IAAAT,CAAA,QAAAkB,CAAA;IAGET,EAAA,GAAAJ,IAAA,CAACR,KAAA;MAAA6B,YAAA,EACa;MAAAC,SAAA,EACF;MAAAC,YAAA,EACIC,WAAA,IACZxB,IAAA,CAACP,SAAA,CAAAgC,cAAwB;QAAAD,WAAA;QAAAE,IAAA,EAEjB1B,IAAA,CAACV,YAAA;UAAA6B,IAAA,EAAmB;;sBACZnB,IAAA,CAACX,WAAA;UAAA+B,SAAA,EAAsB;UAAAD,IAAA,EAAc;;kBAElDN,CAAA,CAAE;;YAGF;MAAAM,IAAA,EACA;MAAAQ,KAAA,EACC;MAAA1B,QAAA,EAEND,IAAA,CAACN,mBAAA;;;;;;;SAhBHU,E;CAmBJ","ignoreList":[]}

package/dist/elements/UserMenu/SettingsMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","ChevronIcon","GearIcon","useTranslation","MenuSeparator","Popup","PopupList","SettingsMenuContent","groups","_jsx","_Fragment","map","group","groupIndex","_jsxs","GroupLabel","label","items","item","itemIndex","SettingsMenu","t0","$","onMobileOpen","t","t1","className","onClick","role","tabIndex","type","children","size","direction","buttonProps","SubmenuTrigger","icon","t2","hoverSubmenu","popupType","renderButton","theme"],"sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport type UserMenuSettingsGroup = {\n  group?: string\n  items: React.ReactNode[]\n}\n\ntype SettingsMenuProps = {\n  groups: UserMenuSettingsGroup[]\n  onMobileOpen?: () => void\n}\n\nexport const SettingsMenuContent: React.FC<{ groups: UserMenuSettingsGroup[] }> = ({ groups }) => (\n  <>\n    {groups.map((group, groupIndex) => (\n      <Fragment key={`settings-group-${group.group}-${groupIndex}`}>\n        {groupIndex > 0 && <MenuSeparator />}\n        {group.group && <PopupList.GroupLabel label={group.group} />}\n        {group.items.map((item, itemIndex) => (\n          <Fragment key={`settings-item-${groupIndex}-${itemIndex}`}>{item}</Fragment>\n        ))}\n      </Fragment>\n    ))}\n  </>\n)\n\nexport const SettingsMenu: React.FC<SettingsMenuProps> = ({ groups, onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <GearIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:settings')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<GearIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:settings')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <SettingsMenuContent groups={groups} />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAYjC,OAAO,MAAMC,mBAAA,GAAqEA,CAAC;EAAEC;AAAM,CAAE,kBAC3FC,IAAA,CAAAC,SAAA;YACGF,MAAA,CAAOG,GAAG,CAAC,CAACC,KAAA,EAAOC,UAAA,kBAClBC,KAAA,CAACd,QAAA;eACEa,UAAA,GAAa,kBAAKJ,IAAA,CAACL,aAAA,OACnBQ,KAAA,CAAMA,KAAK,iBAAIH,IAAA,CAACH,SAAA,CAAUS,UAAU;MAACC,KAAA,EAAOJ,KAAA,CAAMA;QAClDA,KAAA,CAAMK,KAAK,CAACN,GAAG,CAAC,CAACO,IAAA,EAAMC,SAAA,kBACtBV,IAAA,CAACT,QAAA;gBAA2DkB;OAA7C,iBAAiBL,UAAA,IAAcM,SAAA,EAAW;KAJ9C,kBAAkBP,KAAA,CAAMA,KAAK,IAAIC,UAAA,EAAY;;AAWlE,OAAO,MAAMO,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAU,MAAA;IAAAe;EAAA,IAAAF,EAAwB;EAChF;IAAAG;EAAA,IAAcrB,cAAA;EAAA,IAEVoB,YAAA;IAAA,IAAAE,EAAA;IAAA,IAAAH,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;MAEAC,EAAA,GAAAX,KAAA,CAAC;QAAAY,SAAA,EACW;QAAA;QAAAC,OAAA,EAEDJ,YAAA;QAAAK,IAAA,EACJ;QAAAC,QAAA;QAAAC,IAAA,EAEA;QAAAC,QAAA,GAELtB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAAAP,QAAA;YAAA8B,IAAA;UAAA,C;YAEFvB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EAA4BP,CAAA,CAAE;QAAA,C,GAC9Cf,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAAAR,WAAA;YAAAgC,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAb3BP,E;;;;IAuBcA,EAAA,GAAAS,WAAA,IACZzB,IAAA,CAAAH,SAAA,CAAA6B,cAAA;MAAAD,WAAA;MAAAE,IAAA,EAEQ3B,IAAA,CAAAP,QAAA;QAAA8B,IAAA;MAAA,C;oBACQvB,IAAA,CAAAR,WAAA;QAAAgC,SAAA,EAAuB;QAAAD,IAAA;MAAA,C;gBAEpCR,CAAA,CAAE;IAAA,C;;;;;;;;IATTa,EAAA,GAAA5B,IAAA,CAAAJ,KAAA;MAAAiC,YAAA;MAAAC,SAAA,EAEY;MAAAC,YAAA,EACIf,E;YAST;MAAAO,IAAA,EACA;MAAAS,KAAA,EACC;MAAAV,QAAA,EAENtB,IAAA,CAAAF,mBAAA;QAAAC;MAAA,C;;;;;;;;SAhBF6B,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","ChevronIcon","GearIcon","useTranslation","MenuSeparator","Popup","PopupList","SettingsMenuContent","groups","_jsx","_Fragment","map","group","groupIndex","_jsxs","GroupLabel","label","items","item","itemIndex","SettingsMenu","t0","$","onMobileOpen","t","t1","className","onClick","role","tabIndex","type","children","size","direction","buttonProps","SubmenuTrigger","icon","t2","hoverSubmenu","popupType","renderButton","theme"],"sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport type UserMenuSettingsGroup = {\n  group?: string\n  items: React.ReactNode[]\n}\n\ntype SettingsMenuProps = {\n  groups: UserMenuSettingsGroup[]\n  onMobileOpen?: () => void\n}\n\nexport const SettingsMenuContent: React.FC<{ groups: UserMenuSettingsGroup[] }> = ({ groups }) => (\n  <>\n    {groups.map((group, groupIndex) => (\n      <Fragment key={`settings-group-${group.group}-${groupIndex}`}>\n        {groupIndex > 0 && <MenuSeparator />}\n        {group.group && <PopupList.GroupLabel label={group.group} />}\n        {group.items.map((item, itemIndex) => (\n          <Fragment key={`settings-item-${groupIndex}-${itemIndex}`}>{item}</Fragment>\n        ))}\n      </Fragment>\n    ))}\n  </>\n)\n\nexport const SettingsMenu: React.FC<SettingsMenuProps> = ({ groups, onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <GearIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:settings')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<GearIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:settings')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <SettingsMenuContent groups={groups} />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAYjC,OAAO,MAAMC,mBAAA,GAAqEA,CAAC;EAAEC;AAAM,CAAE,kBAC3FC,IAAA,CAAAC,SAAA;YACGF,MAAA,CAAOG,GAAG,CAAC,CAACC,KAAA,EAAOC,UAAA,kBAClBC,KAAA,CAACd,QAAA;eACEa,UAAA,GAAa,kBAAKJ,IAAA,CAACL,aAAA,OACnBQ,KAAA,CAAMA,KAAK,iBAAIH,IAAA,CAACH,SAAA,CAAUS,UAAU;MAACC,KAAA,EAAOJ,KAAA,CAAMA;QAClDA,KAAA,CAAMK,KAAK,CAACN,GAAG,CAAC,CAACO,IAAA,EAAMC,SAAA,kBACtBV,IAAA,CAACT,QAAA;gBAA2DkB;OAA7C,iBAAiBL,UAAA,IAAcM,SAAA,EAAW;KAJ9C,kBAAkBP,KAAA,CAAMA,KAAK,IAAIC,UAAA,EAAY;;AAWlE,OAAO,MAAMO,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAU,MAAA;IAAAe;EAAA,IAAAF,EAAwB;EAChF;IAAAG;EAAA,IAAcrB,cAAA;EAEd,IAAIoB,YAAA;IAAA,IAAAE,EAAA;IAAA,IAAAH,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;MAEAC,EAAA,GAAAX,KAAA,CAAC;QAAAY,SAAA,EACW;QAAA,4BACc;QAAAC,OAAA,EACfJ,YAAA;QAAAK,IAAA,EACJ;QAAAC,QAAA,EACK,EAAC;QAAAC,IAAA,EACN;QAAAC,QAAA,E,CAELtB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAACP,QAAA;YAAA8B,IAAA,EAAe;;YAElBvB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EAA4BP,CAAA,CAAE;YAC9Cf,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAACR,WAAA;YAAAgC,SAAA,EAAsB;YAAAD,IAAA,EAAc;;;;;;;;;;WAbzCP,E;;EAiBJ,IAAAA,EAAA;EAAA,IAAAH,CAAA,QAAAE,CAAA;IAMkBC,EAAA,GAAAS,WAAA,IACZzB,IAAA,CAACH,SAAA,CAAA6B,cAAwB;MAAAD,WAAA;MAAAE,IAAA,EAEjB3B,IAAA,CAACP,QAAA;QAAA8B,IAAA,EAAe;;oBACRvB,IAAA,CAACR,WAAA;QAAAgC,SAAA,EAAsB;QAAAD,IAAA,EAAc;;gBAElDR,CAAA,CAAE;;;;;;;;;IATTa,EAAA,GAAA5B,IAAA,CAACJ,KAAA;MAAAiC,YAAA,EACa;MAAAC,SAAA,EACF;MAAAC,YAAA,EACIf,E;YAST;MAAAO,IAAA,EACA;MAAAS,KAAA,EACC;MAAAV,QAAA,EAENtB,IAAA,CAACF,mBAAA;QAAAC;;;;;;;;;SAhBH6B,E;CAmBJ","ignoreList":[]}

package/dist/elements/UserMenu/ThemeMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","VariableColorIcon","useTheme","useTranslation","Popup","PopupList","ThemeMenuContent","$","autoMode","setTheme","theme","t","t0","options","label","value","activeValue","_jsx","children","RadioGroup","map","t1","RadioGroupItem","active","onClick","ThemeMenu","onMobileOpen","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon"],"sources":["../../../../src/elements/UserMenu/ThemeMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { VariableColorIcon } from '../../../icons/VariableColor/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const ThemeMenuContent: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options: { label: string; value: 'auto' | 'dark' | 'light' }[] = [\n    { label: t('general:auto'), value: 'auto' },\n    { label: t('general:light'), value: 'light' },\n    { label: t('general:dark'), value: 'dark' },\n  ]\n\n  const activeValue: 'auto' | 'dark' | 'light' = autoMode ? 'auto' : theme\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {options.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={activeValue === value}\n            key={value}\n            onClick={() => setTheme(value)}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const ThemeMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <VariableColorIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<VariableColorIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:theme')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <ThemeMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,gBAAA,GAA6BA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACxC;IAAAU,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA;IAEd,MAAAG,OAAA;MAAAC,KAAA,EACWH,CAAA,CAAE;MAAAI,KAAA,EAAwB;IAAA;MAAAD,KAAA,EAC1BH,CAAA,CAAE;MAAAI,KAAA,EAAyB;IAAA;MAAAD,KAAA,EAC3BH,CAAA,CAAE;MAAAI,KAAA,EAAwB;IAAA;IAGrC,MAAAC,WAAA,GAA+CR,QAAA,GAAW,SAASE,KAAA;IAGjEE,EAAA,GAAAK,IAAA,CAAC;MAAA;MAAAC,QAAA,EACCD,IAAA,CAAAZ,SAAA,CAAAc,UAAA;QAAAD,QAAA,EACGL,OAAA,CAAAO,GAAA,CAAAC,EAAA;UAAa;YAAAP,KAAA;YAAAC;UAAA,IAAAM,EAAgB;UAAA,OAC5BJ,IAAA,CAAAZ,SAAA,CAAAiB,cAAA;YAAAC,MAAA,EACUP,WAAA,KAAgBD,KAAA;YAAAS,OAAA,EAAAA,CAAA,KAETf,QAAA,CAASM,KAAA;YAAAG,QAAA,EAEvBJ;UAAA,GAHIC,KAAA;QAAA;MAAA,C;;;;;;;;;;SALbH,E;CAcJ;AAEA,OAAO,MAAMa,SAAA,GAERb,EAAA;EAAA,MAAAL,CAAA,GAAAT,EAAA;EAAC;IAAA4B;EAAA,IAAAd,EAAgB;EACpB;IAAAD;EAAA,IAAcR,cAAA;EAAA,IAEVuB,YAAA;IAAA,IAAAL,EAAA;IAAA,IAAAd,CAAA,QAAAmB,YAAA,IAAAnB,CAAA,QAAAI,CAAA;MAEAU,EAAA,GAAAM,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA;QAAAJ,OAAA,EAEDE,YAAA;QAAAG,IAAA,EACJ;QAAAC,QAAA;QAAAC,IAAA,EAEA;QAAAb,QAAA,GAELD,IAAA,CAAC;UAAAW,SAAA,EAAe;UAAAV,QAAA,EACdD,IAAA,CAAAhB,iBAAA;YAAA+B,IAAA;UAAA,C;YAEFf,IAAA,CAAC;UAAAW,SAAA,EAAe;UAAAV,QAAA,EAA4BP,CAAA,CAAE;QAAA,C,GAC9CM,IAAA,CAAC;UAAAW,SAAA,EAAe;UAAAV,QAAA,EACdD,IAAA,CAAAjB,WAAA;YAAAiC,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAb3BX,E;;;;IAoBFA,EAAA,GAAAJ,IAAA,CAAAb,KAAA;MAAA8B,YAAA;MAAAC,SAAA,EAEY;MAAAC,YAAA,EAAAC,WAAA,IAERpB,IAAA,CAAAZ,SAAA,CAAAiC,cAAA;QAAAD,WAAA;QAAAE,IAAA,EAEQtB,IAAA,CAAAhB,iBAAA;UAAA+B,IAAA;QAAA,C;sBACQf,IAAA,CAAAjB,WAAA;UAAAiC,SAAA,EAAuB;UAAAD,IAAA;QAAA,C;kBAEpCrB,CAAA,CAAE;MAAA,C;YAGF;MAAAqB,IAAA,EACA;MAAAtB,KAAA,EACC;MAAAQ,QAAA,EAEND,IAAA,CAAAX,gBAAA,IAAC;IAAA,C;;;;;;SAhBHe,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","VariableColorIcon","useTheme","useTranslation","Popup","PopupList","ThemeMenuContent","$","autoMode","setTheme","theme","t","t0","options","label","value","activeValue","_jsx","children","RadioGroup","map","t1","RadioGroupItem","active","onClick","ThemeMenu","onMobileOpen","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon"],"sources":["../../../../src/elements/UserMenu/ThemeMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { VariableColorIcon } from '../../../icons/VariableColor/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const ThemeMenuContent: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options: { label: string; value: 'auto' | 'dark' | 'light' }[] = [\n    { label: t('general:auto'), value: 'auto' },\n    { label: t('general:light'), value: 'light' },\n    { label: t('general:dark'), value: 'dark' },\n  ]\n\n  const activeValue: 'auto' | 'dark' | 'light' = autoMode ? 'auto' : theme\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {options.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={activeValue === value}\n            key={value}\n            onClick={() => setTheme(value)}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const ThemeMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <VariableColorIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<VariableColorIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:theme')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <ThemeMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAgBpE,OAAO,aAAa,CAAA;AAIpB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsL5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAgBpE,OAAO,aAAa,CAAA;AAIpB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmM5C,CAAA"}

package/dist/elements/UserMenu/index.js

@@ -119,7 +119,7 @@ export const UserMenu = t0 => {
       } = t12;
       return _jsx(Button, {
         ...ariaProps,
-        "aria-label": t("authentication:account"),
+        "aria-label": [t("authentication:account"), showTitle ? titleString || identifier : undefined].filter(Boolean).join(": "),
         buttonStyle: "ghost",
         className: `${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ""}`,
         icon: _jsx(ChevronIcon, {
@@ -172,6 +172,7 @@ export const UserMenu = t0 => {
       })]
     }) : _jsxs(_Fragment, {
       children: [_jsxs("a", {
+        "aria-label": [t("authentication:account"), titleString, identifier].filter(Boolean).join(": "),
         className: `${baseClass}__profile`,
         href: accountHref,
         role: "menuitem",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useCallback","useEffect","useState","Account","ChevronIcon","LogOutIcon","useAuth","useConfig","useTranslation","Button","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","showTitle","t2","undefined","user","languageOptions","t","config","t3","getEntityConfig","admin","t4","routes","t5","t6","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t7","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","setMobileSubmenuRef","_temp","t8","t9","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp2","showPreferencesGroup","logoutHref","path","accountHref","t10","Symbol","for","t11","t12","active","ariaProps","_jsx","buttonStyle","className","icon","direction","size","type","children","caret","horizontalAlign","onToggleClose","popupType","renderButton","verticalAlign","_jsxs","ref","_Fragment","onBack","title","groups","href","role","tabIndex","CustomComponent","Fallback","MenuItem","onMobileOpen","element","setTimeout","firstMenuItem","querySelector","focus","group","items"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\nimport './index.css'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n  CustomAvatar?: React.ReactNode\n  CustomLogoutButton?: React.ReactNode\n  settingsItemGroups?: UserMenuSettingsGroup[]\n  showTitle?: boolean\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n  CustomAvatar,\n  CustomLogoutButton,\n  settingsItemGroups = [],\n  showTitle = false,\n}) => {\n  const { user } = useAuth()\n  const { languageOptions, t } = useTranslation()\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute, logout: logoutRoute },\n        theme: adminTheme,\n        user: userSlug,\n      },\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const isMobile = Boolean(smallBreak)\n\n  const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n    'language' | 'settings' | 'theme' | null\n  >(null)\n\n  const setMobileSubmenuRef = useCallback((element: HTMLDivElement | null) => {\n    if (!element) {\n      return\n    }\n\n    setTimeout(() => {\n      const firstMenuItem = element.querySelector<HTMLElement>(\n        '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]',\n      )\n      if (firstMenuItem) {\n        firstMenuItem.tabIndex = 0\n        firstMenuItem.focus()\n      }\n    })\n  }, [])\n\n  useEffect(() => {\n    if (!isMobile) {\n      setActiveMobileSubmenu(null)\n    }\n  }, [isMobile])\n\n  const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n  const titleValue =\n    useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n  const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n  const identifier = user?.username ?? user?.email ?? ''\n  const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n  const showThemeMenu = adminTheme === 'all'\n  const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n  const showPreferencesGroup = showThemeMenu || hasMultipleLanguages\n\n  const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n  const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n  return (\n    <Popup\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleClose={() => setActiveMobileSubmenu(null)}\n      popupType=\"menu\"\n      renderButton={({ active, ...ariaProps }) => (\n        <Button\n          {...ariaProps}\n          aria-label={t('authentication:account')}\n          buttonStyle=\"ghost\"\n          className={`${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ''}`}\n          icon={<ChevronIcon direction=\"down\" size={16} />}\n          margin={false}\n          selected={active}\n          type=\"button\"\n        >\n          {showTitle && (titleString || identifier) ? titleString || identifier : undefined}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"dark\"\n      verticalAlign=\"bottom\"\n    >\n      {isMobile && activeMobileSubmenu ? (\n        // Mobile submenu panel\n        <div ref={setMobileSubmenuRef}>\n          {activeMobileSubmenu === 'theme' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:theme')}\n              />\n              <ThemeMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'language' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:language')}\n              />\n              <LanguageMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'settings' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:settings')}\n              />\n              <SettingsMenuContent groups={settingsItemGroups} />\n            </>\n          )}\n        </div>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a className={`${baseClass}__profile`} href={accountHref} role=\"menuitem\" tabIndex={-1}>\n            <div className={`${baseClass}__avatar`}>\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </div>\n            <div>\n              {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n              {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n            </div>\n          </a>\n\n          {/* Preferences group: Theme + Language */}\n          {showPreferencesGroup && (\n            <>\n              {showThemeMenu && (\n                <PopupList.MenuItem>\n                  <ThemeMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n              {hasMultipleLanguages && (\n                <PopupList.MenuItem>\n                  <LanguageMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n            </>\n          )}\n\n          <MenuSeparator />\n\n          {/* Settings group */}\n          {hasSettingsItems && (\n            <>\n              <PopupList.MenuItem>\n                <SettingsMenu\n                  groups={settingsItemGroups}\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                />\n              </PopupList.MenuItem>\n              <MenuSeparator />\n            </>\n          )}\n          {/* Account actions */}\n          <PopupList.MenuItem>\n            {CustomLogoutButton ?? (\n              <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n                {t('authentication:logOut')}\n              </PopupList.Button>\n            )}\n          </PopupList.MenuItem>\n        </>\n      )}\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useCallback","useEffect","useState","Account","ChevronIcon","LogOutIcon","useAuth","useConfig","useTranslation","Button","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","showTitle","t2","undefined","user","languageOptions","t","config","t3","getEntityConfig","admin","t4","routes","t5","t6","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t7","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","setMobileSubmenuRef","_temp","t8","t9","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp2","showPreferencesGroup","logoutHref","path","accountHref","t10","Symbol","for","t11","t12","active","ariaProps","_jsx","filter","join","buttonStyle","className","icon","direction","size","selected","type","children","caret","horizontalAlign","onToggleClose","popupType","renderButton","verticalAlign","_jsxs","ref","_Fragment","onBack","title","groups","href","role","tabIndex","CustomComponent","Fallback","MenuItem","onMobileOpen","element","setTimeout","firstMenuItem","querySelector","focus","group","items"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\nimport './index.css'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n  CustomAvatar?: React.ReactNode\n  CustomLogoutButton?: React.ReactNode\n  settingsItemGroups?: UserMenuSettingsGroup[]\n  showTitle?: boolean\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n  CustomAvatar,\n  CustomLogoutButton,\n  settingsItemGroups = [],\n  showTitle = false,\n}) => {\n  const { user } = useAuth()\n  const { languageOptions, t } = useTranslation()\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute, logout: logoutRoute },\n        theme: adminTheme,\n        user: userSlug,\n      },\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const isMobile = Boolean(smallBreak)\n\n  const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n    'language' | 'settings' | 'theme' | null\n  >(null)\n\n  const setMobileSubmenuRef = useCallback((element: HTMLDivElement | null) => {\n    if (!element) {\n      return\n    }\n\n    setTimeout(() => {\n      const firstMenuItem = element.querySelector<HTMLElement>(\n        '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]',\n      )\n      if (firstMenuItem) {\n        firstMenuItem.tabIndex = 0\n        firstMenuItem.focus()\n      }\n    })\n  }, [])\n\n  useEffect(() => {\n    if (!isMobile) {\n      setActiveMobileSubmenu(null)\n    }\n  }, [isMobile])\n\n  const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n  const titleValue =\n    useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n  const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n  const identifier = user?.username ?? user?.email ?? ''\n  const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n  const showThemeMenu = adminTheme === 'all'\n  const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n  const showPreferencesGroup = showThemeMenu || hasMultipleLanguages\n\n  const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n  const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n  return (\n    <Popup\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleClose={() => setActiveMobileSubmenu(null)}\n      popupType=\"menu\"\n      renderButton={({ active, ...ariaProps }) => (\n        <Button\n          {...ariaProps}\n          aria-label={[\n            t('authentication:account'),\n            showTitle ? titleString || identifier : undefined,\n          ]\n            .filter(Boolean)\n            .join(': ')}\n          buttonStyle=\"ghost\"\n          className={`${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ''}`}\n          icon={<ChevronIcon direction=\"down\" size={16} />}\n          margin={false}\n          selected={active}\n          type=\"button\"\n        >\n          {showTitle && (titleString || identifier) ? titleString || identifier : undefined}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"dark\"\n      verticalAlign=\"bottom\"\n    >\n      {isMobile && activeMobileSubmenu ? (\n        // Mobile submenu panel\n        <div ref={setMobileSubmenuRef}>\n          {activeMobileSubmenu === 'theme' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:theme')}\n              />\n              <ThemeMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'language' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:language')}\n              />\n              <LanguageMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'settings' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:settings')}\n              />\n              <SettingsMenuContent groups={settingsItemGroups} />\n            </>\n          )}\n        </div>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a\n            aria-label={[t('authentication:account'), titleString, identifier]\n              .filter(Boolean)\n              .join(': ')}\n            className={`${baseClass}__profile`}\n            href={accountHref}\n            role=\"menuitem\"\n            tabIndex={-1}\n          >\n            <div className={`${baseClass}__avatar`}>\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </div>\n            <div>\n              {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n              {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n            </div>\n          </a>\n\n          {/* Preferences group: Theme + Language */}\n          {showPreferencesGroup && (\n            <>\n              {showThemeMenu && (\n                <PopupList.MenuItem>\n                  <ThemeMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n              {hasMultipleLanguages && (\n                <PopupList.MenuItem>\n                  <LanguageMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n            </>\n          )}\n\n          <MenuSeparator />\n\n          {/* Settings group */}\n          {hasSettingsItems && (\n            <>\n              <PopupList.MenuItem>\n                <SettingsMenu\n                  groups={settingsItemGroups}\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                />\n              </PopupList.MenuItem>\n              <MenuSeparator />\n            </>\n          )}\n          {/* Account actions */}\n          <PopupList.MenuItem>\n            {CustomLogoutButton ?? (\n              <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n                {t('authentication:logOut')}\n              </PopupList.Button>\n            )}\n          </PopupList.MenuItem>\n        </>\n      )}\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (description) {\n    return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;EAAA,IAEpBH,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA;MAAA,C;;;;;;;WAAtEC,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (description) {\n    return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;EAExB,IAAIH,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA;;;;;;;;WAAtEC,E;;EACT,OAEO;AAAA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useConfig","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","config","t2","t3","dateFormat","dateFormatFromConfig","i18n","t","displayFormat","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n  const { date } = admin || {}\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromConfig },\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const displayFormat = date?.displayFormat || dateFormatFromConfig\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField\n        {...date}\n        displayFormat={displayFormat}\n        onChange={onChange}\n        placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}\n        readOnly={disabled}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,KAAA,MAAU;EAC3B;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAW,KAAA,EAAAI;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAoC;EAG/C;IAAAG,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EAEpB,MAAAmB,aAAA,GAAsBR,IAAA,EAAAQ,aAAA,IAAuBH,oBAAA;EAAA,OAG3CI,IAAA,CAAC;IAAAC,SAAA,EAAAnB,SAAA;IAAAoB,QAAA,EACCF,IAAA,CAAAnB,eAAA;MAAA,GACMU,IAAI;MAAAQ,aAAA;MAAAX,QAAA;MAAAe,WAAA,EAGK1B,cAAA,CAAea,KAAA,CAAAa,WAAA,EAAmBN,IAAA,KAASC,CAAA,CAAE;MAAAM,QAAA,EAChDnB,QAAA;MAAAI;IAAA,C;;CAKlB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useConfig","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","config","t2","t3","dateFormat","dateFormatFromConfig","i18n","t","displayFormat","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n  const { date } = admin || {}\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromConfig },\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const displayFormat = date?.displayFormat || dateFormatFromConfig\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField\n        {...date}\n        displayFormat={displayFormat}\n        onChange={onChange}\n        placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}\n        readOnly={disabled}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,KAAU,IAAV,CAAU;EAC3B;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAW,KAAA,EAAAI;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAoC;EAG/C;IAAAG,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EAEpB,MAAAmB,aAAA,GAAsBR,IAAA,EAAAQ,aAAuB,IAAvBH,oBAAuB;EAAA,OAG3CI,IAAA,CAAC;IAAAC,SAAA,EAAenB,SAAA;IAAAoB,QAAA,EACdF,IAAA,CAACnB,eAAA;MAAA,GACKU,IAAI;MAAAQ,aAAA;MAAAX,QAAA;MAAAe,WAAA,EAGK1B,cAAA,CAAea,KAAA,CAAAa,WAAiB,EAAEN,IAAW,KAAFC,CAAA,CAAE;MAAAM,QAAA,EAChDnB,QAAA;MAAAI;;;CAKlB","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Number/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","NumberFilter","props","$","disabled","field","t0","onChange","operator","value","admin","hasMany","label","i18n","t","ariaLabel","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t4","t5","_temp2","useEffect","placeholder","_jsx","isClearable","isCreatable","isSortable","numberOnly","options","className","e","target","type","option","Number","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { NumberFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const NumberFilter: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { admin, hasMany, label },\n    onChange,\n    operator,\n    value,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = label ? getTranslation(label, i18n) : t('general:enterAValue')\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  const placeholder = getTranslation(admin?.placeholder, i18n) || t('general:enterAValue')\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      numberOnly\n      onChange={onSelect}\n      options={[]}\n      placeholder={placeholder}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={placeholder}\n      type=\"number\"\n      value={value as number}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","NumberFilter","props","$","disabled","field","t0","onChange","operator","value","admin","hasMany","label","i18n","t","ariaLabel","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","Number","onSelect","t4","t5","_temp2","useEffect","placeholder","_jsx","isClearable","isCreatable","isSortable","numberOnly","options","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { NumberFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const NumberFilter: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { admin, hasMany, label },\n    onChange,\n    operator,\n    value,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = label ? getTranslation(label, i18n) : t('general:enterAValue')\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  const placeholder = getTranslation(admin?.placeholder, i18n) || t('general:enterAValue')\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      numberOnly\n      onChange={onSelect}\n      options={[]}\n      placeholder={placeholder}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={placeholder}\n      type=\"number\"\n      value={value as number}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,MAAA,GAA0BC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC;EAAA,IAAAV,EAUvC;EARQ;IAAAW,KAAA,EAAAC;EAAA,IAAAR,EAEN;EADQ;IAAAS;EAAA,IAAAD,EAAe;EAQxB;IAAAE;EAAA,IAAiBlB,cAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAd,CAAA,QAAAQ,gBAAA;IAC4BM,EAAA,GAAAjB,aAAA,CAAcW,gBAAA;IAAAR,CAAA,MAAAQ,gBAAA;IAAAR,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAA3D,OAAAO,OAAA,EAAAQ,UAAA,IAA8BrB,KAAA,CAAAsB,QAAA,CAAeF,EAAc;EAAA,IAAAG,EAAA;EAAA,IAAAjB,CAAA,QAAAkB,MAAA,CAAAC,GAAA;IAE3CF,EAAA,IAAC,MAAM;IAASjB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAhC,MAAAoB,OAAA,GAAgBH,EAAgB,CAAAI,QAAA,CAAUf,QAAA;EACtCgB,GAAA,CAAAA,aAAA;EAAA,IAEAF,OAAA,IAAWG,KAAA,CAAAC,OAAA,CAAcf,KAAA;IAAA,IAAAgB,EAAA;IAAA,IAAAzB,CAAA,QAAAa,IAAA,IAAAb,CAAA,QAAAO,OAAA;MACDkB,EAAA,GAAAC,GAAA;QACxB,MAAAC,cAAA,GAAuBpB,OAAA,CAAAqB,IAAA,CAAAC,MAAA,IAAyBA,MAAA,CAAApB,KAAA,KAAiBiB,GAAA;QAAA;UAAAI,KAAA,EAExDH,cAAA,GAAiBlC,cAAA,CAAekC,cAAA,CAAAG,KAAA,EAAsBjB,IAAA,IAAQa,GAAA;UAAAjB,KAAA,EAC9DkB,cAAA,EAAAlB,KAAA,IAAyBiB;QAAA;MAAA;MAEpC1B,CAAA,MAAAa,IAAA;MAAAb,CAAA,MAAAO,OAAA;MAAAP,CAAA,MAAAyB,EAAA;IAAA;MAAAA,EAAA,GAAAzB,CAAA;IAAA;IANAsB,aAAA,CAAAA,CAAA,CAAgBb,KAAA,CAAAsB,GAAA,CAAUN,EAM1B;EANA;IAAA,IAOShB,KAAA;MAAA,IAAAgB,EAAA;MAAA,IAAAzB,CAAA,QAAAS,KAAA;QAC2BgB,EAAA,GAAAO,QAAA,IAAYH,QAAA,CAAApB,KAAA,KAAiBA,KAAA;QAAAT,CAAA,MAAAS,KAAA;QAAAT,CAAA,MAAAyB,EAAA;MAAA;QAAAA,EAAA,GAAAzB,CAAA;MAAA;MAAjE,MAAAiC,gBAAA,GAAuB1B,OAAA,CAAAqB,IAAA,CAAaH,EAA6B;MACjEH,aAAA,CAAAA,CAAA,CAAAA;QAAAA,MAAA,CACSK,gBAAA,GAAiBlC,cAAA,CAAekC,gBAAA,CAAAG,KAAA,EAAsBjB,IAAA,IAAQJ,KAAA;QAAAA,KAAA,EAC9DkB,gBAAA,EAAAlB,KAAA,IAAyBA;MAAA;IAFlC;EAAA;EAAA,IAAAgB,EAAA;EAAA,IAAAzB,CAAA,QAAAoB,OAAA,IAAApB,CAAA,QAAAK,QAAA;IAOAoB,EAAA,GAAAS,cAAA;MACMC,GAAA,CAAAA,QAAA;MAAA,KAECD,cAAA;QACHC,QAAA,CAAAA,CAAA,CAAAA,IAAA;MAAA;QAAA,IACSf,OAAA;UAAA,IACLG,KAAA,CAAAC,OAAA,CAAcU,cAAA;YAChBC,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAH,GAAA,CAAAK,KAA2C;UAAtD;YAEAD,QAAA,CAAAA,CAAA,CAAAA,EAAA;UAAA;QAAA;UAGFA,QAAA,CAAAA,CAAA,CAAWD,cAAA,CAAAzB,KAAA;QAAX;MAAA;MAGFJ,QAAA,CAAS8B,QAAA;IAAA;IACXnC,CAAA,MAAAoB,OAAA;IAAApB,CAAA,MAAAK,QAAA;IAAAL,CAAA,OAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAjBF,MAAAqC,QAAA,GAAiBZ,EAkBI;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAvC,CAAA,SAAAQ,gBAAA;IAGL8B,EAAA,GAAAA,CAAA;MACdvB,UAAA,CAAWlB,aAAA,CAAcW,gBAAA;IAAA;IACxB+B,EAAA,IAAC/B,gBAAA;IAAiBR,CAAA,OAAAQ,gBAAA;IAAAR,CAAA,OAAAsC,EAAA;IAAAtC,CAAA,OAAAuC,EAAA;EAAA;IAAAD,EAAA,GAAAtC,CAAA;IAAAuC,EAAA,GAAAvC,CAAA;EAAA;EAFrBN,KAAA,CAAA8C,SAAA,CAAgBF,EAEhB,EAAGC,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA1C,CAAA,SAAAoB,OAAA,IAAApB,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAAS,KAAA;IAELgC,EAAA,GAAAA,CAAA;MAAA,IACV,CAACrB,OAAA,IAAWG,KAAA,CAAAC,OAAA,CAAcf,KAAA;QAC5BJ,QAAA,CAASI,KAAK,GAAG;MAAA;IAAA;IAElBiC,EAAA,IAACtB,OAAA,EAASf,QAAA,EAAUI,KAAA;IAAMT,CAAA,OAAAoB,OAAA;IAAApB,CAAA,OAAAK,QAAA;IAAAL,CAAA,OAAAS,KAAA;IAAAT,CAAA,OAAAyC,EAAA;IAAAzC,CAAA,OAAA0C,EAAA;EAAA;IAAAD,EAAA,GAAAzC,CAAA;IAAA0C,EAAA,GAAA1C,CAAA;EAAA;EAJ7BN,KAAA,CAAA8C,SAAA,CAAgBC,EAIhB,EAAGC,EAA0B;EAAA,IAAAC,GAAA;EAAA,IAAA3C,CAAA,SAAAa,IAAA;IAQJ8B,GAAA,GAAAC,QAAA;MAAA,GAAkBf,QAAM;MAAAC,KAAA,EAASrC,cAAA,CAAeoC,QAAA,CAAAC,KAAA,EAAcjB,IAAA;IAAA;IAAMb,CAAA,OAAAa,IAAA;IAAAb,CAAA,OAAA2C,GAAA;EAAA;IAAAA,GAAA,GAAA3C,CAAA;EAAA;EAAA,OAL3F6C,IAAA,CAAAjD,WAAA;IAAAK,QAAA;IAAAG,WAAA;IAAAgB,OAAA;IAAAf,QAAA,EAIYgC,QAAA;IAAA9B,OAAA,EACDA,OAAA,CAAAwB,GAAA,CAAYY,GAAoE;IAAA/B,WAAA;IAAAH,KAAA,EAElFa;EAAA,C;CAGb;AA3EuC,SAAAc,MAAAU,QAAA;EAAA,OAyCajB,QAAA,CAAApB,KAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","Text","props","$","disabled","field","onChange","operator","value","i18n","t","ariaLabel","label","hasMany","t0","includes","isMulti","t1","Symbol","for","valueToRender","setValueToRender","useState","t2","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t3","t4","_temp2","useEffect","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const Text: React.FC<Props> = (props) => {\n  const { disabled, field, onChange, operator, value } = props\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = field?.label ? getTranslation(field.label, i18n) : t('general:enterAValue')\n\n  const hasMany = field?.hasMany ?? false\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","Text","props","$","disabled","field","onChange","operator","value","i18n","t","ariaLabel","label","hasMany","t0","includes","isMulti","t1","Symbol","for","valueToRender","setValueToRender","useState","t2","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t3","t4","_temp2","useEffect","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const Text: React.FC<Props> = (props) => {\n  const { disabled, field, onChange, operator, value } = props\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = field?.label ? getTranslation(field.label, i18n) : t('general:enterAValue')\n\n  const hasMany = field?.hasMany ?? false\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAcvF,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4MrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAcvF,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6MrC,CAAA"}

package/dist/elements/WhereBuilder/Condition/index.js

@@ -187,6 +187,7 @@ export const Condition = props => {
       }), /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__actions`,
         children: /*#__PURE__*/_jsx(Button, {
+          "aria-label": t('general:removeFilter'),
           buttonStyle: "ghost",
           className: `${baseClass}__actions-remove`,
           disabled: disableRemoveButton,

package/dist/elements/WhereBuilder/Condition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","isFieldDisabled","useDebounce","useEffectEvent","LineIcon","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","andIndex","disableRemoveButton","fieldPath","filterOptions","isFirstCondition","join","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","updateJoin","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","lastReportedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","normalizedValue","undefined","current","disabled","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","classNames","menu","isClearable","onChange","filterOption","inputValue","data","plainTextLabel","toLowerCase","filter","map","f","operators","o","internalField","buttonStyle","icon","size","onClick"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  UpdateJoin,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly disableRemoveButton: boolean\n  readonly fieldPath: string\n  readonly filterOptions?: ResolvedFilterOptions\n  readonly isFirstCondition: boolean\n  readonly join: 'and' | 'or'\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter?: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly updateJoin: UpdateJoin\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { LineIcon } from '../../../icons/Line/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.css'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    andIndex,\n    disableRemoveButton,\n    fieldPath,\n    filterOptions,\n    isFirstCondition,\n    join,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    updateJoin,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.fieldPath === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  // Tracks the last value this row reported upward, so the downward sync below can tell our own\n  // committed echo apart from a genuine external change (e.g. the row being cleared/reset).\n  const lastReportedValue = useRef<Value>(value)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      const normalizedValue =\n        debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue\n      lastReportedValue.current = normalizedValue\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: normalizedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  // Sync external value changes (e.g. the row being cleared or reset to a placeholder) down into\n  // local state, but skip our own committed echo so this never clobbers in-progress typing.\n  useEffect(() => {\n    if (value !== lastReportedValue.current) {\n      lastReportedValue.current = value\n      setInternalValue(value)\n    }\n  }, [value])\n\n  const disabled = !reducedField?.fieldPath || isFieldDisabled(reducedField?.field, 'filter')\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.fieldPath === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__join`}>\n          {isFirstCondition ? (\n            <span className={`${baseClass}__join-label`}>{t('general:where')}</span>\n          ) : (\n            <ReactSelect\n              aria-label={t('general:filter')}\n              classNames={{\n                menu: () => 'condition__join-menu',\n              }}\n              isClearable={false}\n              onChange={(option: Option<'and' | 'or'>) =>\n                updateJoin({ andIndex, join: option.value, orIndex })\n              }\n              options={[\n                { label: t('general:and'), value: 'and' },\n                { label: t('general:or'), value: 'or' },\n              ]}\n              value={{ label: join === 'and' ? t('general:and') : t('general:or'), value: join }}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              aria-label={t('general:field')}\n              disabled={disabled}\n              filterOption={(option, inputValue) => {\n                const label =\n                  typeof option?.data?.plainTextLabel === 'string'\n                    ? option.data.plainTextLabel\n                    : option.label\n                return label.toLowerCase().includes(inputValue.toLowerCase())\n              }}\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields\n                .filter((field) => !isFieldDisabled(field.field, 'filter'))\n                .map((f) => ({ ...f, value: f.fieldPath }))}\n              value={reducedField ? { ...reducedField, value: reducedField.fieldPath } : undefined}\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              aria-label={t('general:filter')}\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || isFieldDisabled(reducedField?.field, 'filter')\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\n              />\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__actions-remove`}\n            disabled={disableRemoveButton}\n            icon={<LineIcon size={24} />}\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","isFieldDisabled","useDebounce","useEffectEvent","LineIcon","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","andIndex","disableRemoveButton","fieldPath","filterOptions","isFirstCondition","join","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","updateJoin","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","lastReportedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","normalizedValue","undefined","current","disabled","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","classNames","menu","isClearable","onChange","filterOption","inputValue","data","plainTextLabel","toLowerCase","filter","map","f","operators","o","internalField","buttonStyle","icon","size","onClick"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  UpdateJoin,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly disableRemoveButton: boolean\n  readonly fieldPath: string\n  readonly filterOptions?: ResolvedFilterOptions\n  readonly isFirstCondition: boolean\n  readonly join: 'and' | 'or'\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter?: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly updateJoin: UpdateJoin\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { LineIcon } from '../../../icons/Line/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.css'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    andIndex,\n    disableRemoveButton,\n    fieldPath,\n    filterOptions,\n    isFirstCondition,\n    join,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    updateJoin,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.fieldPath === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  // Tracks the last value this row reported upward, so the downward sync below can tell our own\n  // committed echo apart from a genuine external change (e.g. the row being cleared/reset).\n  const lastReportedValue = useRef<Value>(value)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      const normalizedValue =\n        debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue\n      lastReportedValue.current = normalizedValue\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: normalizedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  // Sync external value changes (e.g. the row being cleared or reset to a placeholder) down into\n  // local state, but skip our own committed echo so this never clobbers in-progress typing.\n  useEffect(() => {\n    if (value !== lastReportedValue.current) {\n      lastReportedValue.current = value\n      setInternalValue(value)\n    }\n  }, [value])\n\n  const disabled = !reducedField?.fieldPath || isFieldDisabled(reducedField?.field, 'filter')\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.fieldPath === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__join`}>\n          {isFirstCondition ? (\n            <span className={`${baseClass}__join-label`}>{t('general:where')}</span>\n          ) : (\n            <ReactSelect\n              aria-label={t('general:filter')}\n              classNames={{\n                menu: () => 'condition__join-menu',\n              }}\n              isClearable={false}\n              onChange={(option: Option<'and' | 'or'>) =>\n                updateJoin({ andIndex, join: option.value, orIndex })\n              }\n              options={[\n                { label: t('general:and'), value: 'and' },\n                { label: t('general:or'), value: 'or' },\n              ]}\n              value={{ label: join === 'and' ? t('general:and') : t('general:or'), value: join }}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              aria-label={t('general:field')}\n              disabled={disabled}\n              filterOption={(option, inputValue) => {\n                const label =\n                  typeof option?.data?.plainTextLabel === 'string'\n                    ? option.data.plainTextLabel\n                    : option.label\n                return label.toLowerCase().includes(inputValue.toLowerCase())\n              }}\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields\n                .filter((field) => !isFieldDisabled(field.field, 'filter'))\n                .map((f) => ({ ...f, value: f.fieldPath }))}\n              value={reducedField ? { ...reducedField, value: reducedField.fieldPath } : undefined}\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              aria-label={t('general:filter')}\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || isFieldDisabled(reducedField?.field, 'filter')\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\n              />\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            aria-label={t('general:removeFilter')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__actions-remove`}\n            disabled={disableRemoveButton}\n            icon={<LineIcon size={24} />}\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/exports/client/{CodeEditor-I6PL55BF.js → CodeEditor-23ZGBN6S.js}

@@ -10,5 +10,5 @@ function require(m) {
 }
 // Workaround end
 
-import{l as a}from"./chunk-R7M6BG75.js";import"./chunk-AVJIZPR3.js";export{a as default};
-//# sourceMappingURL=CodeEditor-I6PL55BF.js.map
+import{l as a}from"./chunk-EXVR6BZK.js";import"./chunk-SMBFG6XU.js";export{a as default};
+//# sourceMappingURL=CodeEditor-23ZGBN6S.js.map

package/dist/exports/client/{DatePicker-RFCB5VGD.js → DatePicker-AZBZPMY6.js}

@@ -10,5 +10,5 @@ function require(m) {
 }
 // Workaround end
 
-import{ca as a}from"./chunk-O2RR6XEH.js";import"./chunk-AVJIZPR3.js";export{a as default};
-//# sourceMappingURL=DatePicker-RFCB5VGD.js.map
+import{ca as a}from"./chunk-ZP2PB6M4.js";import"./chunk-SMBFG6XU.js";export{a as default};
+//# sourceMappingURL=DatePicker-AZBZPMY6.js.map

package/dist/exports/client/chunk-EXVR6BZK.js

@@ -0,0 +1,27 @@
+"use client";
+// Workaround for react-datepicker and other cjs dependencies potentially inserting require("react") statements
+import * as requireReact from 'react';
+import * as requireReactDom from 'react-dom';
+
+function require(m) {
+ if (m === 'react') return requireReact;
+ if (m === 'react-dom') return requireReactDom;
+ throw new Error(`Unknown module ${m}`);
+}
+// Workaround end
+
+import{h as be}from"./chunk-SMBFG6XU.js";import{jsx as Ze}from"react/jsx-runtime";function ye(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function tt(t){if(Array.isArray(t))return t}function rt(t,e,r){return(e=ct(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function nt(t,e){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var n,o,i,a,s=[],c=!0,u=!1;try{if(i=(r=r.call(t)).next,e!==0)for(;!(c=(n=i.call(r)).done)&&(s.push(n.value),s.length!==e);c=!0);}catch(f){u=!0,o=f}finally{try{if(!c&&r.return!=null&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}function ot(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function we(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function se(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?we(Object(r),!0).forEach(function(n){rt(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):we(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function Oe(t,e){if(t==null)return{};var r,n,o=it(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function it(t,e){if(t==null)return{};var r={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(e.indexOf(n)!==-1)continue;r[n]=t[n]}return r}function Me(t,e){return tt(t)||nt(t,e)||st(t,e)||ot()}function at(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ct(t){var e=at(t,"string");return typeof e=="symbol"?e:e+""}function st(t,e){if(t){if(typeof t=="string")return ye(t,e);var r={}.toString.call(t).slice(8,-1);return r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set"?Array.from(t):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ye(t,e):void 0}}function ut(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ce(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function Se(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Ce(Object(r),!0).forEach(function(n){ut(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Ce(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function lt(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return function(n){return e.reduceRight(function(o,i){return i(o)},n)}}function G(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,s=new Array(a),c=0;c<a;c++)s[c]=arguments[c];return e.apply(r,[].concat(o,s))}}}function Z(t){return{}.toString.call(t).includes("Object")}function dt(t){return!Object.keys(t).length}function K(t){return typeof t=="function"}function ft(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function mt(t,e){return Z(e)||W("changeType"),Object.keys(e).some(function(r){return!ft(t,r)})&&W("changeField"),e}function pt(t){K(t)||W("selectorType")}function gt(t){K(t)||Z(t)||W("handlerType"),Z(t)&&Object.values(t).some(function(e){return!K(e)})&&W("handlersType")}function ht(t){t||W("initialIsRequired"),Z(t)||W("initialType"),dt(t)&&W("initialContent")}function vt(t,e){throw new Error(t[e]||t.default)}var bt={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},W=G(vt)(bt),X={changes:mt,selector:pt,handler:gt,initial:ht};function yt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};X.initial(t),X.handler(e);var r={current:t},n=G(Mt)(r,e),o=G(Ot)(r),i=G(X.changes)(t),a=G(wt)(r);function s(){var u=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(f){return f};return X.selector(u),u(r.current)}function c(u){lt(n,o,i,a)(u)}return[s,c]}function wt(t,e){return K(e)?e(t.current):e}function Ot(t,e){return t.current=Se(Se({},t.current),e),e}function Mt(t,e,r){return K(e)?e(t.current):Object.keys(r).forEach(function(n){var o;return(o=e[n])===null||o===void 0?void 0:o.call(e,t.current[n])}),r}var Ct={create:yt},je=Ct;var xe={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"}};function Pe(t){return function e(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=t.length?t.apply(this,o):function(){for(var a=arguments.length,s=new Array(a),c=0;c<a;c++)s[c]=arguments[c];return e.apply(r,[].concat(o,s))}}}function Ee(t){return{}.toString.call(t).includes("Object")}function St(t){return t||Re("configIsRequired"),Ee(t)||Re("configType"),t.urls?(jt(),{paths:{vs:t.urls.monacoBase}}):t}function jt(){console.warn(Te.deprecation)}function xt(t,e){throw new Error(t[e]||t.default)}var Te={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `},Re=Pe(xt)(Te),Ae={config:St};var ke=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,a){return a(i)},o)}};function ue(t,e){return Object.keys(e).forEach(function(r){e[r]instanceof Object&&t[r]&&Object.assign(e[r],ue(t[r],e[r]))}),se(se({},t),e)}var Pt={type:"cancelation",msg:"operation is manually canceled"};function ee(t){var e=!1,r=new Promise(function(n,o){t.then(function(i){return e?o(Pt):n(i)}),t.catch(o)});return r.cancel=function(){return e=!0},r}var Et=["monaco"],Rt=je.create({config:xe,isInitialized:!1,resolve:null,reject:null,monaco:null}),De=Me(Rt,2),Y=De[0],te=De[1];function Tt(t){var e=Ae.config(t),r=e.monaco,n=Oe(e,Et);te(function(o){return{config:ue(o.config,n),monaco:r}})}function At(){var t=Y(function(e){var r=e.monaco,n=e.isInitialized,o=e.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!t.isInitialized){if(te({isInitialized:!0}),t.monaco)return t.resolve(t.monaco),ee(le);if(window.monaco&&window.monaco.editor)return Ie(window.monaco),t.resolve(window.monaco),ee(le);ke(kt,It)(Lt)}return ee(le)}function kt(t){return document.body.appendChild(t)}function Dt(t){var e=document.createElement("script");return t&&(e.src=t),e}function It(t){var e=Y(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=Dt("".concat(e.config.paths.vs,"/loader.js"));return r.onload=function(){return t()},r.onerror=e.reject,r}function Lt(){var t=Y(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),e=window.require;e.config(t.config),e(["vs/editor/editor.main"],function(r){var n=r.m||r;Ie(n),t.resolve(n)},function(r){t.reject(r)})}function Ie(t){Y().monaco||te({monaco:t})}function Nt(){return Y(function(t){var e=t.monaco;return e})}var le=new Promise(function(t,e){return te({resolve:t,reject:e})}),z={config:Tt,init:At,__getMonacoInstance:Nt};import{memo as Ht}from"react";import $t,{useState as Le,useRef as F,useCallback as Ne,useEffect as He}from"react";import{memo as Wt}from"react";import de from"react";import _t from"react";import{useEffect as Yt}from"react";import{useEffect as Qt,useRef as Xt}from"react";import{useState as hn}from"react";import{memo as or}from"react";import ir,{useState as $e,useEffect as re,useRef as H,useCallback as ar}from"react";import{useEffect as cr,useRef as sr}from"react";var Bt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},fe=Bt,zt={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Ft=zt;function Vt({children:t}){return _t.createElement("div",{style:Ft.container},t)}var Ut=Vt,qt=Ut;function Gt({width:t,height:e,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:a}){return de.createElement("section",{style:{...fe.wrapper,width:t,height:e},...a},!r&&de.createElement(qt,null,n),de.createElement("div",{ref:o,style:{...fe.fullWidth,...!r&&fe.hide},className:i}))}var Kt=Gt,We=Wt(Kt);function Jt(t){Yt(t,[])}var Be=Jt;function Zt(t,e,r=!0){let n=Xt(!0);Qt(n.current||!r?()=>{n.current=!1}:t,e)}var D=Zt;function J(){}function V(t,e,r,n){return er(t,n)||tr(t,e,r,n)}function er(t,e){return t.editor.getModel(_e(t,e))}function tr(t,e,r,n){return t.editor.createModel(e,r,n?_e(t,n):void 0)}function _e(t,e){return t.Uri.parse(e)}function rr({original:t,modified:e,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:a,keepCurrentOriginalModel:s=!1,keepCurrentModifiedModel:c=!1,theme:u="light",loading:f="Loading...",options:l={},height:R="100%",width:O="100%",className:b,wrapperProps:j={},beforeMount:S=J,onMount:L=J}){let[M,x]=Le(!1),[A,y]=Le(!0),h=F(null),v=F(null),T=F(null),w=F(L),d=F(S),P=F(!1);Be(()=>{let m=z.init();return m.then(p=>(v.current=p)&&y(!1)).catch(p=>p?.type!=="cancelation"&&console.error("Monaco initialization: error:",p)),()=>h.current?C():m.cancel()}),D(()=>{if(h.current&&v.current){let m=h.current.getOriginalEditor(),p=V(v.current,t||"",n||r||"text",i||"");p!==m.getModel()&&m.setModel(p)}},[i],M),D(()=>{if(h.current&&v.current){let m=h.current.getModifiedEditor(),p=V(v.current,e||"",o||r||"text",a||"");p!==m.getModel()&&m.setModel(p)}},[a],M),D(()=>{let m=h.current.getModifiedEditor();m.getOption(v.current.editor.EditorOption.readOnly)?m.setValue(e||""):e!==m.getValue()&&(m.executeEdits("",[{range:m.getModel().getFullModelRange(),text:e||"",forceMoveMarkers:!0}]),m.pushUndoStop())},[e],M),D(()=>{h.current?.getModel()?.original.setValue(t||"")},[t],M),D(()=>{let{original:m,modified:p}=h.current.getModel();v.current.editor.setModelLanguage(m,n||r||"text"),v.current.editor.setModelLanguage(p,o||r||"text")},[r,n,o],M),D(()=>{v.current?.editor.setTheme(u)},[u],M),D(()=>{h.current?.updateOptions(l)},[l],M);let I=Ne(()=>{if(!v.current)return;d.current(v.current);let m=V(v.current,t||"",n||r||"text",i||""),p=V(v.current,e||"",o||r||"text",a||"");h.current?.setModel({original:m,modified:p})},[r,e,o,t,n,i,a]),g=Ne(()=>{!P.current&&T.current&&(h.current=v.current.editor.createDiffEditor(T.current,{automaticLayout:!0,...l}),I(),v.current?.editor.setTheme(u),x(!0),P.current=!0)},[l,u,I]);He(()=>{M&&w.current(h.current,v.current)},[M]),He(()=>{!A&&!M&&g()},[A,M,g]);function C(){let m=h.current?.getModel();s||m?.original?.dispose(),c||m?.modified?.dispose(),h.current?.dispose()}return $t.createElement(We,{width:O,height:R,isEditorReady:M,loading:f,_ref:T,className:b,wrapperProps:j})}var nr=rr,pn=Ht(nr);function ur(t){let e=sr();return cr(()=>{e.current=t},[t]),e.current}var lr=ur,ne=new Map;function dr({defaultValue:t,defaultLanguage:e,defaultPath:r,value:n,language:o,path:i,theme:a="light",line:s,loading:c="Loading...",options:u={},overrideServices:f={},saveViewState:l=!0,keepCurrentModel:R=!1,width:O="100%",height:b="100%",className:j,wrapperProps:S={},beforeMount:L=J,onMount:M=J,onChange:x,onValidate:A=J}){let[y,h]=$e(!1),[v,T]=$e(!0),w=H(null),d=H(null),P=H(null),I=H(M),g=H(L),C=H(),m=H(n),p=lr(i),k=H(!1),N=H(!1);Be(()=>{let E=z.init();return E.then($=>(w.current=$)&&T(!1)).catch($=>$?.type!=="cancelation"&&console.error("Monaco initialization: error:",$)),()=>d.current?_():E.cancel()}),D(()=>{let E=V(w.current,t||n||"",e||o||"",i||r||"");E!==d.current?.getModel()&&(l&&ne.set(p,d.current?.saveViewState()),d.current?.setModel(E),l&&d.current?.restoreViewState(ne.get(i)))},[i],y),D(()=>{d.current?.updateOptions(u)},[u],y),D(()=>{!d.current||n===void 0||(d.current.getOption(w.current.editor.EditorOption.readOnly)?d.current.setValue(n):n!==d.current.getValue()&&(N.current=!0,d.current.executeEdits("",[{range:d.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),d.current.pushUndoStop(),N.current=!1))},[n],y),D(()=>{let E=d.current?.getModel();E&&o&&w.current?.editor.setModelLanguage(E,o)},[o],y),D(()=>{s!==void 0&&d.current?.revealLine(s)},[s],y),D(()=>{w.current?.editor.setTheme(a)},[a],y);let q=ar(()=>{if(!(!P.current||!w.current)&&!k.current){g.current(w.current);let E=i||r,$=V(w.current,n||t||"",e||o||"",E||"");d.current=w.current?.editor.create(P.current,{model:$,automaticLayout:!0,...u},f),l&&d.current.restoreViewState(ne.get(E)),w.current.editor.setTheme(a),s!==void 0&&d.current.revealLine(s),h(!0),k.current=!0}},[t,e,r,n,o,i,u,f,l,a,s]);re(()=>{y&&I.current(d.current,w.current)},[y]),re(()=>{!v&&!y&&q()},[v,y,q]),m.current=n,re(()=>{y&&x&&(C.current?.dispose(),C.current=d.current?.onDidChangeModelContent(E=>{N.current||x(d.current.getValue(),E)}))},[y,x]),re(()=>{if(y){let E=w.current.editor.onDidChangeMarkers($=>{let ae=d.current.getModel()?.uri;if(ae&&$.find(ce=>ce.path===ae.path)){let ce=w.current.editor.getModelMarkers({resource:ae});A?.(ce)}});return()=>{E?.dispose()}}return()=>{}},[y,A]);function _(){C.current?.dispose(),R?l&&ne.set(i,d.current.saveViewState()):d.current.getModel()?.dispose(),d.current.dispose()}return ir.createElement(We,{width:O,height:b,isEditorReady:y,loading:c,_ref:P,className:j,wrapperProps:S})}var fr=dr,mr=or(fr),oe=mr;import B,{useState as Ar}from"react";import{c as Mr}from"react/compiler-runtime";import{jsx as Cr}from"react/jsx-runtime";import{createContext as Sr,use as Ke,useEffect as pe,useState as ge}from"react";import{c as Fe}from"react/compiler-runtime";import{jsx as Ve}from"react/jsx-runtime";import{createContext as br,use as yr,useEffect as wr}from"react";import{c as pr}from"react/compiler-runtime";import{useEffect as gr,useRef as hr,useState as vr}from"react";function ze(t,e){let r=pr(5),[n,o]=vr(t),i=hr(t),a,s;r[0]!==t?(a=()=>{Object.is(i.current,t)||(i.current=t,o(t))},s=[t],r[0]=t,r[1]=a,r[2]=s):(a=r[1],s=r[2]),gr(a,s);let c=n??e,u;return r[3]!==c?(u=[c,o],r[3]=c,r[4]=u):u=r[4],u}var Ue=br(void 0),Or=t=>{let e=Fe(13),{children:r,config:n}=t,[o,i]=ze(n),a;if(e[0]!==o.collections||e[1]!==o.globals){let b={},j={};for(let S of o.collections)b[S.slug]=S;for(let S of o.globals)j[S.slug]=S;a={collectionsBySlug:b,globalsBySlug:j},e[0]=o.collections,e[1]=o.globals,e[2]=a}else a=e[2];let{collectionsBySlug:s,globalsBySlug:c}=a,u;e[3]!==s||e[4]!==c?(u=b=>"collectionSlug"in b&&b.collectionSlug?s[b.collectionSlug]??null:"globalSlug"in b&&b.globalSlug?c[b.globalSlug]??null:null,e[3]=s,e[4]=c,e[5]=u):u=e[5];let f=u,l;e[6]!==o||e[7]!==f||e[8]!==i?(l={config:o,getEntityConfig:f,setConfig:i},e[6]=o,e[7]=f,e[8]=i,e[9]=l):l=e[9];let R=l,O;return e[10]!==r||e[11]!==R?(O=Ve(Ue,{value:R,children:r}),e[10]=r,e[11]=R,e[12]=O):O=e[12],O},me=()=>yr(Ue),Dn=t=>{let e=Fe(7),{children:r,config:n}=t,{config:o,setConfig:i}=me(),a,s;if(e[0]!==n||e[1]!==i?(a=()=>{i(n)},s=[n,i],e[0]=n,e[1]=i,e[2]=a,e[3]=s):(a=e[2],s=e[3]),wr(a,s),o!==n&&o.unauthenticated!==n.unauthenticated){let c;return e[4]!==r||e[5]!==n?(c=Ve(Or,{config:n,children:r}),e[4]=r,e[5]=n,e[6]=c):c=e[6],c}return r};var qe="light";var jr={autoMode:!0,highContrastMode:!1,setHighContrastMode:()=>null,setTheme:()=>null,theme:"light"},he=Sr(void 0);function Ge(t,e,r){let n=new Date;n.setTime(n.getTime()+r*24*60*60*1e3);let o="expires="+n.toUTCString();document.cookie=t+"="+e+";"+o+";path=/"}var xr=t=>{let e=window.document.cookie.split("; ").find(n=>n.startsWith(`${t}=`))?.split("=")[1],r=e==="light"||e==="dark"?e:window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";return document.documentElement.setAttribute("data-theme",r),{isAutoMode:e!=="light"&&e!=="dark",theme:r}},Pr=t=>{let e=window.document.cookie.split("; ").find(n=>n.startsWith(`${t}=`))?.split("=")[1]??null,r=e==="true"?!0:e==="false"?!1:!!(window.matchMedia&&window.matchMedia("(prefers-contrast: more)").matches);return r?document.documentElement.setAttribute("data-enhanced-contrast",""):document.documentElement.removeAttribute("data-enhanced-contrast"),r},Er=t=>t==="auto"||t==="light"||t==="dark",Vn=t=>{let e=Mr(32),{children:r,highContrastMode:n,theme:o}=t,i=Ke(he),a=i!==void 0,{config:s}=me(),c=s.admin.theme,u=`${s.cookiePrefix||"payload"}-theme`,f=`${s.cookiePrefix||"payload"}-high-contrast-mode`,l=be().get("theme")?.toLowerCase(),[R,O]=ge(o??qe),[b,j]=ge(!a),[S,L]=ge(a?i.highContrastMode??!1:n??!1),M;e[0]!==a||e[1]!==i||e[2]!==u?(M=(p,k)=>{if(a&&!k?.scoped){i.setTheme(p,k);return}let N=p==="auto"?window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light":p;O(N),j(p==="auto"),a||(Ge(u,p,p==="auto"?-1:365),document.documentElement.setAttribute("data-theme",N))},e[0]=a,e[1]=i,e[2]=u,e[3]=M):M=e[3];let x=M,A;e[4]!==f||e[5]!==a||e[6]!==i?(A=(p,k)=>{if(a&&!k?.scoped){i.setHighContrastMode(p,k);return}L(p),a||(Ge(f,String(p),365),p?document.documentElement.setAttribute("data-enhanced-contrast",""):document.documentElement.removeAttribute("data-enhanced-contrast"))},e[4]=f,e[5]=a,e[6]=i,e[7]=A):A=e[7];let y=A,h;e[8]!==a||e[9]!==i?(h=()=>{a&&L(i.highContrastMode)},e[8]=a,e[9]=i,e[10]=h):h=e[10];let v=i?.highContrastMode,T;e[11]!==a||e[12]!==v?(T=[a,v],e[11]=a,e[12]=v,e[13]=T):T=e[13],pe(h,T);let w,d;e[14]!==a||e[15]!==c||e[16]!==x||e[17]!==u||e[18]!==l?(w=()=>{if(a||c!=="all")return;if(Er(l)){x(l);return}let{isAutoMode:p,theme:k}=xr(u);O(k),j(p)},d=[a,c,u,l,x],e[14]=a,e[15]=c,e[16]=x,e[17]=u,e[18]=l,e[19]=w,e[20]=d):(w=e[19],d=e[20]),pe(w,d);let P,I;e[21]!==f||e[22]!==a?(P=()=>{a||L(Pr(f))},I=[a,f],e[21]=f,e[22]=a,e[23]=P,e[24]=I):(P=e[23],I=e[24]),pe(P,I);let g=a?i.autoMode:b,C=a?i.theme:R,m;return e[25]!==r||e[26]!==S||e[27]!==y||e[28]!==x||e[29]!==g||e[30]!==C?(m=Cr(he,{value:{autoMode:g,highContrastMode:S,setHighContrastMode:y,setTheme:x,theme:C},children:r}),e[25]=r,e[26]=S,e[27]=y,e[28]=x,e[29]=g,e[30]=C,e[31]=m):m=e[31],m},Ye=()=>Ke(he)??jr;import{c as Tr}from"react/compiler-runtime";import{jsx as Q}from"react/jsx-runtime";import"react";import{c as Rr}from"react/compiler-runtime";import*as U from"react";var Je=(t,e)=>{let r=Rr(9),n=e===void 0?!1:e,[o,i]=U.useState(!1),a=U.useRef(void 0),s;r[0]!==t?(s=()=>(i(!1),clearTimeout(a.current),a.current=setTimeout(()=>{i(!0)},t),()=>{clearTimeout(a.current)}),r[0]=t,r[1]=s):s=r[1];let c=s,u,f;r[2]!==c||r[3]!==n?(u=()=>{n&&c()},f=[c,n],r[2]=c,r[3]=n,r[4]=u,r[5]=f):(u=r[4],f=r[5]),U.useEffect(u,f);let l;return r[6]!==o||r[7]!==c?(l=[o,c],r[6]=o,r[7]=c,r[8]=l):l=r[8],l};var Qe="shimmer-effect",ve=({animationDelay:t="0ms",className:e,disableInlineStyles:r=!1,height:n="60px",transparent:o,width:i="100%",...a})=>Q("div",{...a,className:[Qe,o&&`${Qe}--transparent`,e].filter(Boolean).join(" "),style:{...a?.style||{},height:!r&&(typeof n=="number"?`${n}px`:n),width:!r&&(typeof i=="number"?`${i}px`:i)},children:Q("div",{className:"shimmer-effect__shine",style:{animationDelay:t}})}),Xn=t=>{let e=Tr(9),{className:r,count:n,height:o,renderDelay:i,shimmerDelay:a,shimmerItemClassName:s,width:c}=t,u=i===void 0?500:i,f=a===void 0?25:a,l=typeof f=="number"?`${f}ms`:f,[R]=Je(u,!0);if(!R)return null;let O;e[0]!==n?(O=[...Array(n)],e[0]=n,e[1]=O):O=e[1];let b;return e[2]!==r||e[3]!==o||e[4]!==l||e[5]!==s||e[6]!==O||e[7]!==c?(b=Q("div",{className:r,children:O.map((j,S)=>Q("div",{className:s,children:Q(ve,{animationDelay:`calc(${S} * ${l})`,height:o,width:c})},S))}),e[2]=r,e[3]=o,e[4]=l,e[5]=s,e[6]=O,e[7]=c,e[8]=b):b=e[8],b};var ie={insertSpaces:!1,tabSize:4,trimAutoWhitespace:!1},Xe={fontSize:11,hideCursorInOverviewRuler:!0,lineDecorationsWidth:12,lineHeight:16,lineNumbersMinChars:3,minimap:{enabled:!1},overviewRulerBorder:!1,readOnly:!1,scrollbar:{alwaysConsumeMouseWheel:!1},scrollBeyondLastLine:!1,wordWrap:"on"};var kr="default"in oe?oe.default:oe,Dr="code-editor",et=new WeakSet;function Ir(t){t.editor.defineTheme("payload-light",{base:"vs",colors:{"editor.background":"#00000000","editor.lineHighlightBackground":"#00000000","editor.lineHighlightBorder":"#00000000","editorGutter.background":"#00000000","editorLineNumber.activeForeground":"#0000004d","editorLineNumber.foreground":"#0000004d"},inherit:!0,rules:[{foreground:"cb0b96",token:"keyword"},{foreground:"005cc5",token:"identifier"},{foreground:"093077",token:"type.identifier"},{foreground:"093077",token:"delimiter"},{foreground:"093077",token:"delimiter.bracket"},{foreground:"c53e0d",token:"string"},{foreground:"093077",token:"number"},{foreground:"6a737d",token:"comment"}]}),t.editor.defineTheme("payload-dark",{base:"vs-dark",colors:{"editor.background":"#00000000","editor.lineHighlightBackground":"#00000000","editor.lineHighlightBorder":"#00000000","editorGutter.background":"#00000000","editorLineNumber.activeForeground":"#ffffffb3","editorLineNumber.foreground":"#ffffffb3"},inherit:!0,rules:[]})}var Lr=t=>{let{className:e,maxHeight:r,minHeight:n=48,options:o,readOnly:i,recalculatedHeightAt:a,value:s,...c}=t,u=16,f=2,l=16,R=B.useRef(a),O=B.useRef(null),b=B.useRef(!1),j=B.useRef(null),{insertSpaces:S,tabSize:L,trimAutoWhitespace:M,...x}=o||{},{domReadOnly:A,editContext:y}=x,h=o?.padding?(o.padding.top||0)+(o.padding?.bottom||0):0,[v,T]=Ar(n),{theme:w}=Ye(),d=[Dr,e,c?.defaultLanguage?`language--${c.defaultLanguage}`:"",i&&"read-only"].filter(Boolean).join(" ");B.useEffect(()=>{a&&a>R.current&&(T(s?Math.max(n,s.split(`
+`).length*u+f+h+l):n),R.current=a)},[s,n,h,a]);let P=B.useCallback(()=>{let g=O.current;if(g){if(i){let C=g.getRawOptions();j.current||(j.current={domReadOnly:C.domReadOnly,editContext:C.editContext}),(C.domReadOnly!==!0||C.editContext!==!1)&&g.updateOptions({domReadOnly:!0,editContext:!1})}else j.current?(g.updateOptions({domReadOnly:A??j.current.domReadOnly,editContext:b.current?!1:y??j.current.editContext}),j.current=null):b.current&&g.getRawOptions().editContext!==!1&&g.updateOptions({editContext:!1});return g}},[A,y,i]),I=B.useRef(P);return B.useEffect(()=>{I.current=P,P()}),Ze(kr,{beforeMount:Ir,className:d,height:r?Math.min(v,r):v,loading:Ze(ve,{height:n}),options:{...Xe,...x,readOnly:!!i,detectIndentation:!1,insertSpaces:void 0,tabSize:void 0,trimAutoWhitespace:void 0},theme:w==="dark"?"payload-dark":"payload-light",value:s,...c,onChange:(g,C)=>{c.onChange?.(g,C),T(g?Math.max(n,g.split(`
+`).length*u+f+h+l):n)},onMount:(g,C)=>{O.current=g,!et.has(C)&&o?.tabFocusMode===void 0&&(et.add(C),g.trigger("payload","editor.action.toggleTabFocusMode",null)),c.onMount?.(g,C);let m=g.getDomNode(),p=!!m?.closest('[contenteditable="true"]');if(b.current=p,p){g.updateOptions({editContext:!1});let N=["copy","cut","paste"],q=_=>{_.stopPropagation()};for(let _ of N)m.addEventListener(_,q);g.onDidDispose(()=>{for(let _ of N)m.removeEventListener(_,q)})}I.current();let k=g.getModel();k&&k.updateOptions({insertSpaces:S??ie.insertSpaces,tabSize:L??ie.tabSize,trimAutoWhitespace:M??ie.trimAutoWhitespace}),T(Math.max(n,g.getValue().split(`
+`).length*u+f+h+l))}})},co=Lr;export{ze as a,Or as b,me as c,Dn as d,qe as e,Vn as f,Ye as g,Je as h,ve as i,Xn as j,ie as k,co as l};
+//# sourceMappingURL=chunk-EXVR6BZK.js.map