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

package/dist/elements/UserMenu/index.css

@@ -1,19 +1,35 @@
 .user-menu {
   display: inline-flex;
   align-items: center;
+  min-width: 0;
+
+  > .popup__trigger-wrap {
+    max-width: 100%;
+    min-width: 0;
+  }
 }
 
 .user-menu__trigger {
-  display: flex;
-  align-items: center;
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0;
-}
+  max-width: 100%;
+  min-width: 0;
+  font-size: var(--text-body-medium-bold-font-size);
+  font-weight: var(--text-body-medium-bold-font-weight);
+  line-height: var(--text-body-medium-bold-line-height);
+  white-space: nowrap;
 
-.user-menu__trigger--active {
-  opacity: 0.8;
+  .btn__content,
+  .btn__label {
+    min-width: 0;
+  }
+
+  .btn__label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .btn__icon {
+    flex-shrink: 0;
+  }
 }
 
 .user-menu__profile {
@@ -46,11 +62,10 @@
 
 .user-menu__name,
 .user-menu__identifier {
-  font-family: var(--text-body-medium-strong-font-family);
-  font-size: var(--text-body-medium-strong-font-size);
-  font-weight: var(--text-body-medium-strong-font-weight);
-  line-height: var(--text-body-medium-strong-line-height);
-  letter-spacing: var(--text-body-medium-strong-letter-spacing);
+  font-size: var(--text-body-medium-bold-font-size);
+  font-weight: var(--text-body-medium-bold-font-weight);
+  line-height: var(--text-body-medium-bold-line-height);
+  letter-spacing: var(--text-body-medium-bold-letter-spacing);
   margin: 0;
   text-align: center;
 }
@@ -97,7 +112,6 @@
 .user-menu__submenu-title {
   margin: 0;
   color: inherit;
-  font-family: var(--text-body-medium-font-family);
   font-size: var(--text-body-medium-font-size);
   font-weight: var(--text-body-medium-font-weight);
   line-height: var(--text-body-medium-line-height);

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

@@ -5,6 +5,7 @@ type UserMenuProps = {
     CustomAvatar?: React.ReactNode;
     CustomLogoutButton?: React.ReactNode;
     settingsItemGroups?: UserMenuSettingsGroup[];
+    showTitle?: boolean;
 };
 export declare const UserMenu: React.FC<UserMenuProps>;
 export {};

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;AAcpE,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;CAC7C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgL5C,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,CAsL5C,CAAA"}

package/dist/elements/UserMenu/index.js

@@ -6,10 +6,12 @@ import { useWindowInfo } from '@faceless-ui/window-info';
 import { formatAdminURL } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { Account } from '../../graphics/Account/index.js';
+import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { LogOutIcon } from '../../icons/LogOut/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
 import { MenuSeparator } from '../MenuSeparator/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
@@ -20,13 +22,15 @@ import { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js';
 import './index.css';
 const baseClass = 'user-menu';
 export const UserMenu = t0 => {
-  const $ = _c(7);
+  const $ = _c(9);
   const {
     CustomAvatar,
     CustomLogoutButton,
-    settingsItemGroups: t1
+    settingsItemGroups: t1,
+    showTitle: t2
   } = t0;
   const settingsItemGroups = t1 === undefined ? [] : t1;
+  const showTitle = t2 === undefined ? false : t2;
   const {
     user
   } = useAuth();
@@ -35,51 +39,51 @@ export const UserMenu = t0 => {
     t
   } = useTranslation();
   const {
-    config: t2,
+    config: t3,
     getEntityConfig
   } = useConfig();
   const {
-    admin: t3,
-    routes: t4
-  } = t2;
+    admin: t4,
+    routes: t5
+  } = t3;
   const {
-    routes: t5,
+    routes: t6,
     theme: adminTheme,
     user: userSlug
-  } = t3;
+  } = t4;
   const {
     account: accountRoute,
     logout: logoutRoute
-  } = t5;
+  } = t6;
   const {
     admin: adminRoute
-  } = t4;
+  } = t5;
   const {
-    breakpoints: t6
+    breakpoints: t7
   } = useWindowInfo();
   const {
     s: smallBreak
-  } = t6;
+  } = t7;
   const isMobile = Boolean(smallBreak);
   const [activeMobileSubmenu, setActiveMobileSubmenu] = useState(null);
   const setMobileSubmenuRef = _temp;
-  let t7;
   let t8;
+  let t9;
   if ($[0] !== isMobile) {
-    t7 = () => {
+    t8 = () => {
       if (!isMobile) {
         setActiveMobileSubmenu(null);
       }
     };
-    t8 = [isMobile];
+    t9 = [isMobile];
     $[0] = isMobile;
-    $[1] = t7;
-    $[2] = t8;
+    $[1] = t8;
+    $[2] = t9;
   } else {
-    t7 = $[1];
-    t8 = $[2];
+    t8 = $[1];
+    t9 = $[2];
   }
-  useEffect(t7, t8);
+  useEffect(t8, t9);
   const userCollectionConfig = getEntityConfig({
     collectionSlug: userSlug
   });
@@ -99,44 +103,50 @@ export const UserMenu = t0 => {
     adminRoute,
     path: accountRoute
   });
-  let t9;
+  let t10;
   if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = () => setActiveMobileSubmenu(null);
-    $[3] = t9;
+    t10 = () => setActiveMobileSubmenu(null);
+    $[3] = t10;
   } else {
-    t9 = $[3];
+    t10 = $[3];
   }
-  let t10;
-  if ($[4] !== CustomAvatar || $[5] !== t) {
-    t10 = t11 => {
+  let t11;
+  if ($[4] !== identifier || $[5] !== showTitle || $[6] !== t || $[7] !== titleString) {
+    t11 = t12 => {
       const {
         active,
         ...ariaProps
-      } = t11;
-      return _jsx("button", {
+      } = t12;
+      return _jsx(Button, {
         ...ariaProps,
         "aria-label": t("authentication:account"),
-        className: [`${baseClass}__trigger`, active && `${baseClass}__trigger--active`].filter(Boolean).join(" "),
+        buttonStyle: "ghost",
+        className: `${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ""}`,
+        icon: _jsx(ChevronIcon, {
+          direction: "down",
+          size: 16
+        }),
+        margin: false,
+        selected: active,
         type: "button",
-        children: _jsx(RenderCustomComponent, {
-          CustomComponent: CustomAvatar,
-          Fallback: _jsx(Account, {})
-        })
+        children: showTitle && (titleString || identifier) ? titleString || identifier : undefined
       });
     };
-    $[4] = CustomAvatar;
-    $[5] = t;
-    $[6] = t10;
+    $[4] = identifier;
+    $[5] = showTitle;
+    $[6] = t;
+    $[7] = titleString;
+    $[8] = t11;
   } else {
-    t10 = $[6];
+    t11 = $[8];
   }
   return _jsx(Popup, {
     caret: false,
     className: baseClass,
     horizontalAlign: "right",
-    onToggleClose: t9,
+    onToggleClose: t10,
     popupType: "menu",
-    renderButton: t10,
+    renderButton: t11,
     size: "large",
     theme: "dark",
     verticalAlign: "bottom",
@@ -181,14 +191,18 @@ export const UserMenu = t0 => {
             children: identifier
           })]
         })]
-      }), showPreferencesGroup && _jsxs(PopupList.ButtonGroup, {
-        children: [showThemeMenu && _jsx(ThemeMenu, {
-          onMobileOpen: isMobile ? () => setActiveMobileSubmenu("theme") : undefined
-        }), hasMultipleLanguages && _jsx(LanguageMenu, {
-          onMobileOpen: isMobile ? () => setActiveMobileSubmenu("language") : undefined
+      }), showPreferencesGroup && _jsxs(_Fragment, {
+        children: [showThemeMenu && _jsx(PopupList.MenuItem, {
+          children: _jsx(ThemeMenu, {
+            onMobileOpen: isMobile ? () => setActiveMobileSubmenu("theme") : undefined
+          })
+        }), hasMultipleLanguages && _jsx(PopupList.MenuItem, {
+          children: _jsx(LanguageMenu, {
+            onMobileOpen: isMobile ? () => setActiveMobileSubmenu("language") : undefined
+          })
         })]
       }), _jsx(MenuSeparator, {}), hasSettingsItems && _jsxs(_Fragment, {
-        children: [_jsx(PopupList.ButtonGroup, {
+        children: [_jsx(PopupList.MenuItem, {
           children: _jsx(SettingsMenu, {
             groups: settingsItemGroups,
             onMobileOpen: isMobile ? () => setActiveMobileSubmenu("settings") : undefined

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useCallback","useEffect","useState","Account","LogOutIcon","useAuth","useConfig","useTranslation","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","undefined","user","languageOptions","t","config","t2","getEntityConfig","admin","t3","routes","t4","t5","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t6","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","setMobileSubmenuRef","_temp","t7","t8","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp2","showPreferencesGroup","logoutHref","path","accountHref","t9","Symbol","for","t10","t11","active","ariaProps","_jsx","className","filter","join","type","children","CustomComponent","Fallback","caret","horizontalAlign","onToggleClose","popupType","renderButton","verticalAlign","_jsxs","ref","_Fragment","onBack","title","groups","href","role","tabIndex","ButtonGroup","onMobileOpen","MenuItem","Button","icon","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 { 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 { 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}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n  CustomAvatar,\n  CustomLogoutButton,\n  settingsItemGroups = [],\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          className={[`${baseClass}__trigger`, active && `${baseClass}__trigger--active`]\n            .filter(Boolean)\n            .join(' ')}\n          type=\"button\"\n        >\n          <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\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            <PopupList.ButtonGroup>\n              {showThemeMenu && (\n                <ThemeMenu\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                />\n              )}\n              {hasMultipleLanguages && (\n                <LanguageMenu\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n                />\n              )}\n            </PopupList.ButtonGroup>\n          )}\n\n          <MenuSeparator />\n\n          {/* Settings group */}\n          {hasSettingsItems && (\n            <>\n              <PopupList.ButtonGroup>\n                <SettingsMenu\n                  groups={settingsItemGroups}\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                />\n              </PopupList.ButtonGroup>\n              <MenuSeparator />\n            </>\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","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":[]}

package/dist/exports/client/CodeEditor-UKD3EPUY.js

@@ -0,0 +1,14 @@
+"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{l as a}from"./chunk-6XCSN54Q.js";import"./chunk-AVJIZPR3.js";export{a as default};
+//# sourceMappingURL=CodeEditor-UKD3EPUY.js.map

package/dist/exports/client/CodeEditor-UKD3EPUY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/exports/client/DatePicker-BBZ3XRWP.js

@@ -0,0 +1,14 @@
+"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{ca as a}from"./chunk-USFUVW7C.js";import"./chunk-AVJIZPR3.js";export{a as default};
+//# sourceMappingURL=DatePicker-BBZ3XRWP.js.map

package/dist/exports/client/DatePicker-BBZ3XRWP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/exports/client/chunk-6XCSN54Q.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 he}from"./chunk-AVJIZPR3.js";import{c as Lr}from"react/compiler-runtime";import{jsx as Qe}from"react/jsx-runtime";function ve(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 et(t){if(Array.isArray(t))return t}function tt(t,e,r){return(e=at(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function rt(t,e){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var n,i,o,a,u=[],c=!0,s=!1;try{if(o=(r=r.call(t)).next,e!==0)for(;!(c=(n=o.call(r)).done)&&(u.push(n.value),u.length!==e);c=!0);}catch(d){s=!0,i=d}finally{try{if(!c&&r.return!=null&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function nt(){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 be(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function ie(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?be(Object(r),!0).forEach(function(n){tt(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function ye(t,e){if(t==null)return{};var r,n,i=ot(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],e.indexOf(r)===-1&&{}.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function ot(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 we(t,e){return et(t)||rt(t,e)||ct(t,e)||nt()}function it(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 at(t){var e=it(t,"string");return typeof e=="symbol"?e:e+""}function ct(t,e){if(t){if(typeof t=="string")return ve(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)?ve(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 Me(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),r.push.apply(r,n)}return r}function Oe(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Me(Object(r),!0).forEach(function(n){ut(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Me(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function st(){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(i,o){return o(i)},n)}}function F(t){return function e(){for(var r=this,n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return i.length>=t.length?t.apply(this,i):function(){for(var a=arguments.length,u=new Array(a),c=0;c<a;c++)u[c]=arguments[c];return e.apply(r,[].concat(i,u))}}}function J(t){return{}.toString.call(t).includes("Object")}function lt(t){return!Object.keys(t).length}function U(t){return typeof t=="function"}function dt(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function ft(t,e){return J(e)||$("changeType"),Object.keys(e).some(function(r){return!dt(t,r)})&&$("changeField"),e}function mt(t){U(t)||$("selectorType")}function pt(t){U(t)||J(t)||$("handlerType"),J(t)&&Object.values(t).some(function(e){return!U(e)})&&$("handlersType")}function gt(t){t||$("initialIsRequired"),J(t)||$("initialType"),lt(t)&&$("initialContent")}function ht(t,e){throw new Error(t[e]||t.default)}var vt={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"},$=F(ht)(vt),Y={changes:ft,selector:mt,handler:pt,initial:gt};function bt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};Y.initial(t),Y.handler(e);var r={current:t},n=F(Mt)(r,e),i=F(wt)(r),o=F(Y.changes)(t),a=F(yt)(r);function u(){var s=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(d){return d};return Y.selector(s),s(r.current)}function c(s){st(n,i,o,a)(s)}return[u,c]}function yt(t,e){return U(e)?e(t.current):e}function wt(t,e){return t.current=Oe(Oe({},t.current),e),e}function Mt(t,e,r){return U(e)?e(t.current):Object.keys(r).forEach(function(n){var i;return(i=e[n])===null||i===void 0?void 0:i.call(e,t.current[n])}),r}var Ot={create:bt},je=Ot;var Se={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"}};function Ce(t){return function e(){for(var r=this,n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return i.length>=t.length?t.apply(this,i):function(){for(var a=arguments.length,u=new Array(a),c=0;c<a;c++)u[c]=arguments[c];return e.apply(r,[].concat(i,u))}}}function Pe(t){return{}.toString.call(t).includes("Object")}function jt(t){return t||xe("configIsRequired"),Pe(t)||xe("configType"),t.urls?(St(),{paths:{vs:t.urls.monacoBase}}):t}function St(){console.warn(Ee.deprecation)}function Ct(t,e){throw new Error(t[e]||t.default)}var Ee={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
+  `},xe=Ce(Ct)(Ee),Te={config:jt};var Ae=function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(i){return r.reduceRight(function(o,a){return a(o)},i)}};function ae(t,e){return Object.keys(e).forEach(function(r){e[r]instanceof Object&&t[r]&&Object.assign(e[r],ae(t[r],e[r]))}),ie(ie({},t),e)}var Pt={type:"cancelation",msg:"operation is manually canceled"};function Q(t){var e=!1,r=new Promise(function(n,i){t.then(function(o){return e?i(Pt):n(o)}),t.catch(i)});return r.cancel=function(){return e=!0},r}var xt=["monaco"],Et=je.create({config:Se,isInitialized:!1,resolve:null,reject:null,monaco:null}),ke=we(Et,2),q=ke[0],X=ke[1];function Tt(t){var e=Te.config(t),r=e.monaco,n=ye(e,xt);X(function(i){return{config:ae(i.config,n),monaco:r}})}function At(){var t=q(function(e){var r=e.monaco,n=e.isInitialized,i=e.resolve;return{monaco:r,isInitialized:n,resolve:i}});if(!t.isInitialized){if(X({isInitialized:!0}),t.monaco)return t.resolve(t.monaco),Q(ce);if(window.monaco&&window.monaco.editor)return Le(window.monaco),t.resolve(window.monaco),Q(ce);Ae(kt,Dt)(Rt)}return Q(ce)}function kt(t){return document.body.appendChild(t)}function Lt(t){var e=document.createElement("script");return t&&(e.src=t),e}function Dt(t){var e=q(function(n){var i=n.config,o=n.reject;return{config:i,reject:o}}),r=Lt("".concat(e.config.paths.vs,"/loader.js"));return r.onload=function(){return t()},r.onerror=e.reject,r}function Rt(){var t=q(function(r){var n=r.config,i=r.resolve,o=r.reject;return{config:n,resolve:i,reject:o}}),e=window.require;e.config(t.config),e(["vs/editor/editor.main"],function(r){var n=r.m||r;Le(n),t.resolve(n)},function(r){t.reject(r)})}function Le(t){q().monaco||X({monaco:t})}function It(){return q(function(t){var e=t.monaco;return e})}var ce=new Promise(function(t,e){return X({resolve:t,reject:e})}),_={config:Tt,init:At,__getMonacoInstance:It};import{memo as Nt}from"react";import Ht,{useState as De,useRef as B,useCallback as Re,useEffect as Ie}from"react";import{memo as $t}from"react";import ue from"react";import Wt from"react";import{useEffect as Gt}from"react";import{useEffect as Jt,useRef as Qt}from"react";import{useState as yn}from"react";import{memo as nr}from"react";import or,{useState as Ne,useEffect as Z,useRef as N,useCallback as ir}from"react";import{useEffect as ar,useRef as cr}from"react";var _t={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},se=_t,Bt={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},zt=Bt;function Vt({children:t}){return Wt.createElement("div",{style:zt.container},t)}var Ft=Vt,Ut=Ft;function qt({width:t,height:e,isEditorReady:r,loading:n,_ref:i,className:o,wrapperProps:a}){return ue.createElement("section",{style:{...se.wrapper,width:t,height:e},...a},!r&&ue.createElement(Ut,null,n),ue.createElement("div",{ref:i,style:{...se.fullWidth,...!r&&se.hide},className:o}))}var Kt=qt,He=$t(Kt);function Yt(t){Gt(t,[])}var $e=Yt;function Xt(t,e,r=!0){let n=Qt(!0);Jt(n.current||!r?()=>{n.current=!1}:t,e)}var E=Xt;function K(){}function z(t,e,r,n){return Zt(t,n)||er(t,e,r,n)}function Zt(t,e){return t.editor.getModel(_e(t,e))}function er(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 tr({original:t,modified:e,language:r,originalLanguage:n,modifiedLanguage:i,originalModelPath:o,modifiedModelPath:a,keepCurrentOriginalModel:u=!1,keepCurrentModifiedModel:c=!1,theme:s="light",loading:d="Loading...",options:p={},height:R="100%",width:M="100%",className:T,wrapperProps:I={},beforeMount:w=K,onMount:L=K}){let[y,O]=De(!1),[P,h]=De(!0),g=B(null),v=B(null),j=B(null),b=B(L),l=B(w),S=B(!1);$e(()=>{let m=_.init();return m.then(f=>(v.current=f)&&h(!1)).catch(f=>f?.type!=="cancelation"&&console.error("Monaco initialization: error:",f)),()=>g.current?A():m.cancel()}),E(()=>{if(g.current&&v.current){let m=g.current.getOriginalEditor(),f=z(v.current,t||"",n||r||"text",o||"");f!==m.getModel()&&m.setModel(f)}},[o],y),E(()=>{if(g.current&&v.current){let m=g.current.getModifiedEditor(),f=z(v.current,e||"",i||r||"text",a||"");f!==m.getModel()&&m.setModel(f)}},[a],y),E(()=>{let m=g.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],y),E(()=>{g.current?.getModel()?.original.setValue(t||"")},[t],y),E(()=>{let{original:m,modified:f}=g.current.getModel();v.current.editor.setModelLanguage(m,n||r||"text"),v.current.editor.setModelLanguage(f,i||r||"text")},[r,n,i],y),E(()=>{v.current?.editor.setTheme(s)},[s],y),E(()=>{g.current?.updateOptions(p)},[p],y);let x=Re(()=>{if(!v.current)return;l.current(v.current);let m=z(v.current,t||"",n||r||"text",o||""),f=z(v.current,e||"",i||r||"text",a||"");g.current?.setModel({original:m,modified:f})},[r,e,i,t,n,o,a]),k=Re(()=>{!S.current&&j.current&&(g.current=v.current.editor.createDiffEditor(j.current,{automaticLayout:!0,...p}),x(),v.current?.editor.setTheme(s),O(!0),S.current=!0)},[p,s,x]);Ie(()=>{y&&b.current(g.current,v.current)},[y]),Ie(()=>{!P&&!y&&k()},[P,y,k]);function A(){let m=g.current?.getModel();u||m?.original?.dispose(),c||m?.modified?.dispose(),g.current?.dispose()}return Ht.createElement(He,{width:M,height:R,isEditorReady:y,loading:d,_ref:j,className:T,wrapperProps:I})}var rr=tr,vn=Nt(rr);function ur(t){let e=cr();return ar(()=>{e.current=t},[t]),e.current}var sr=ur,ee=new Map;function lr({defaultValue:t,defaultLanguage:e,defaultPath:r,value:n,language:i,path:o,theme:a="light",line:u,loading:c="Loading...",options:s={},overrideServices:d={},saveViewState:p=!0,keepCurrentModel:R=!1,width:M="100%",height:T="100%",className:I,wrapperProps:w={},beforeMount:L=K,onMount:y=K,onChange:O,onValidate:P=K}){let[h,g]=Ne(!1),[v,j]=Ne(!0),b=N(null),l=N(null),S=N(null),x=N(y),k=N(L),A=N(),m=N(n),f=sr(o),D=N(!1),W=N(!1);$e(()=>{let C=_.init();return C.then(H=>(b.current=H)&&j(!1)).catch(H=>H?.type!=="cancelation"&&console.error("Monaco initialization: error:",H)),()=>l.current?Ze():C.cancel()}),E(()=>{let C=z(b.current,t||n||"",e||i||"",o||r||"");C!==l.current?.getModel()&&(p&&ee.set(f,l.current?.saveViewState()),l.current?.setModel(C),p&&l.current?.restoreViewState(ee.get(o)))},[o],h),E(()=>{l.current?.updateOptions(s)},[s],h),E(()=>{!l.current||n===void 0||(l.current.getOption(b.current.editor.EditorOption.readOnly)?l.current.setValue(n):n!==l.current.getValue()&&(W.current=!0,l.current.executeEdits("",[{range:l.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),l.current.pushUndoStop(),W.current=!1))},[n],h),E(()=>{let C=l.current?.getModel();C&&i&&b.current?.editor.setModelLanguage(C,i)},[i],h),E(()=>{u!==void 0&&l.current?.revealLine(u)},[u],h),E(()=>{b.current?.editor.setTheme(a)},[a],h);let ge=ir(()=>{if(!(!S.current||!b.current)&&!D.current){k.current(b.current);let C=o||r,H=z(b.current,n||t||"",e||i||"",C||"");l.current=b.current?.editor.create(S.current,{model:H,automaticLayout:!0,...s},d),p&&l.current.restoreViewState(ee.get(C)),b.current.editor.setTheme(a),u!==void 0&&l.current.revealLine(u),g(!0),D.current=!0}},[t,e,r,n,i,o,s,d,p,a,u]);Z(()=>{h&&x.current(l.current,b.current)},[h]),Z(()=>{!v&&!h&&ge()},[v,h,ge]),m.current=n,Z(()=>{h&&O&&(A.current?.dispose(),A.current=l.current?.onDidChangeModelContent(C=>{W.current||O(l.current.getValue(),C)}))},[h,O]),Z(()=>{if(h){let C=b.current.editor.onDidChangeMarkers(H=>{let ne=l.current.getModel()?.uri;if(ne&&H.find(oe=>oe.path===ne.path)){let oe=b.current.editor.getModelMarkers({resource:ne});P?.(oe)}});return()=>{C?.dispose()}}return()=>{}},[h,P]);function Ze(){A.current?.dispose(),R?p&&ee.set(o,l.current.saveViewState()):l.current.getModel()?.dispose(),l.current.dispose()}return or.createElement(He,{width:M,height:T,isEditorReady:h,loading:c,_ref:S,className:I,wrapperProps:w})}var dr=lr,fr=nr(dr),te=fr;import Xe,{useState as Dr}from"react";import{c as jr}from"react/compiler-runtime";import{jsx as Sr}from"react/jsx-runtime";import{createContext as Cr,use as qe,useEffect as de,useState as fe}from"react";import{c as vr}from"react/compiler-runtime";import{jsx as ze}from"react/jsx-runtime";import{createContext as br,use as yr,useCallback as wr,useEffect as Mr,useMemo as Be}from"react";import{c as mr}from"react/compiler-runtime";import{useEffect as pr,useRef as gr,useState as hr}from"react";function We(t,e){let r=mr(5),[n,i]=hr(t),o=gr(t),a,u;r[0]!==t?(a=()=>{Object.is(o.current,t)||(o.current=t,i(t))},u=[t],r[0]=t,r[1]=a,r[2]=u):(a=r[1],u=r[2]),pr(a,u);let c=n??e,s;return r[3]!==c?(s=[c,i],r[3]=c,r[4]=s):s=r[4],s}var Ve=br(void 0),Or=({children:t,config:e})=>{let[r,n]=We(e),{collectionsBySlug:i,globalsBySlug:o}=Be(()=>{let c={},s={};for(let d of r.collections)c[d.slug]=d;for(let d of r.globals)s[d.slug]=d;return{collectionsBySlug:c,globalsBySlug:s}},[r]),a=wr(c=>"collectionSlug"in c&&c.collectionSlug?i[c.collectionSlug]??null:"globalSlug"in c&&c.globalSlug?o[c.globalSlug]??null:null,[i,o]),u=Be(()=>({config:r,getEntityConfig:a,setConfig:n}),[r,a,n]);return ze(Ve,{value:u,children:t})},le=()=>yr(Ve),Rn=t=>{let e=vr(7),{children:r,config:n}=t,{config:i,setConfig:o}=le(),a,u;if(e[0]!==n||e[1]!==o?(a=()=>{o(n)},u=[n,o],e[0]=n,e[1]=o,e[2]=a,e[3]=u):(a=e[2],u=e[3]),Mr(a,u),i!==n&&i.unauthenticated!==n.unauthenticated){let c;return e[4]!==r||e[5]!==n?(c=ze(Or,{config:n,children:r}),e[4]=r,e[5]=n,e[6]=c):c=e[6],c}return r};var Fe="light";var Pr={autoMode:!0,highContrastMode:!1,setHighContrastMode:()=>null,setTheme:()=>null,theme:"light"},me=Cr(void 0);function Ue(t,e,r){let n=new Date;n.setTime(n.getTime()+r*24*60*60*1e3);let i="expires="+n.toUTCString();document.cookie=t+"="+e+";"+i+";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}},Er=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},Tr=t=>t==="auto"||t==="light"||t==="dark",Un=t=>{let e=jr(32),{children:r,highContrastMode:n,theme:i}=t,o=qe(me),a=o!==void 0,{config:u}=le(),c=u.admin.theme,s=`${u.cookiePrefix||"payload"}-theme`,d=`${u.cookiePrefix||"payload"}-high-contrast-mode`,p=he().get("theme")?.toLowerCase(),[R,M]=fe(i??Fe),[T,I]=fe(!a),[w,L]=fe(a?o.highContrastMode??!1:n??!1),y;e[0]!==a||e[1]!==o||e[2]!==s?(y=(f,D)=>{if(a&&!D?.scoped){o.setTheme(f,D);return}let W=f==="auto"?window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light":f;M(W),I(f==="auto"),a||(Ue(s,f,f==="auto"?-1:365),document.documentElement.setAttribute("data-theme",W))},e[0]=a,e[1]=o,e[2]=s,e[3]=y):y=e[3];let O=y,P;e[4]!==d||e[5]!==a||e[6]!==o?(P=(f,D)=>{if(a&&!D?.scoped){o.setHighContrastMode(f,D);return}L(f),a||(Ue(d,String(f),365),f?document.documentElement.setAttribute("data-enhanced-contrast",""):document.documentElement.removeAttribute("data-enhanced-contrast"))},e[4]=d,e[5]=a,e[6]=o,e[7]=P):P=e[7];let h=P,g;e[8]!==a||e[9]!==o?(g=()=>{a&&L(o.highContrastMode)},e[8]=a,e[9]=o,e[10]=g):g=e[10];let v=o?.highContrastMode,j;e[11]!==a||e[12]!==v?(j=[a,v],e[11]=a,e[12]=v,e[13]=j):j=e[13],de(g,j);let b,l;e[14]!==a||e[15]!==c||e[16]!==O||e[17]!==s||e[18]!==p?(b=()=>{if(a||c!=="all")return;if(Tr(p)){O(p);return}let{isAutoMode:f,theme:D}=xr(s);M(D),I(f)},l=[a,c,s,p,O],e[14]=a,e[15]=c,e[16]=O,e[17]=s,e[18]=p,e[19]=b,e[20]=l):(b=e[19],l=e[20]),de(b,l);let S,x;e[21]!==d||e[22]!==a?(S=()=>{a||L(Er(d))},x=[a,d],e[21]=d,e[22]=a,e[23]=S,e[24]=x):(S=e[23],x=e[24]),de(S,x);let k=a?o.autoMode:T,A=a?o.theme:R,m;return e[25]!==r||e[26]!==w||e[27]!==h||e[28]!==O||e[29]!==k||e[30]!==A?(m=Sr(me,{value:{autoMode:k,highContrastMode:w,setHighContrastMode:h,setTheme:O,theme:A},children:r}),e[25]=r,e[26]=w,e[27]=h,e[28]=O,e[29]=k,e[30]=A,e[31]=m):m=e[31],m},Ke=()=>qe(me)??Pr;import{c as kr}from"react/compiler-runtime";import{jsx as G}from"react/jsx-runtime";import"react";import{c as Ar}from"react/compiler-runtime";import*as V from"react";var Ge=(t,e)=>{let r=Ar(9),n=e===void 0?!1:e,[i,o]=V.useState(!1),a=V.useRef(void 0),u;r[0]!==t?(u=()=>(o(!1),clearTimeout(a.current),a.current=setTimeout(()=>{o(!0)},t),()=>{clearTimeout(a.current)}),r[0]=t,r[1]=u):u=r[1];let c=u,s,d;r[2]!==c||r[3]!==n?(s=()=>{n&&c()},d=[c,n],r[2]=c,r[3]=n,r[4]=s,r[5]=d):(s=r[4],d=r[5]),V.useEffect(s,d);let p;return r[6]!==i||r[7]!==c?(p=[i,c],r[6]=i,r[7]=c,r[8]=p):p=r[8],p};var Ye="shimmer-effect",pe=({animationDelay:t="0ms",className:e,disableInlineStyles:r=!1,height:n="60px",transparent:i,width:o="100%",...a})=>G("div",{...a,className:[Ye,i&&`${Ye}--transparent`,e].filter(Boolean).join(" "),style:{...a?.style||{},height:!r&&(typeof n=="number"?`${n}px`:n),width:!r&&(typeof o=="number"?`${o}px`:o)},children:G("div",{className:"shimmer-effect__shine",style:{animationDelay:t}})}),Zn=t=>{let e=kr(9),{className:r,count:n,height:i,renderDelay:o,shimmerDelay:a,shimmerItemClassName:u,width:c}=t,s=o===void 0?500:o,d=a===void 0?25:a,p=typeof d=="number"?`${d}ms`:d,[R]=Ge(s,!0);if(!R)return null;let M;e[0]!==n?(M=[...Array(n)],e[0]=n,e[1]=M):M=e[1];let T;return e[2]!==r||e[3]!==i||e[4]!==p||e[5]!==u||e[6]!==M||e[7]!==c?(T=G("div",{className:r,children:M.map((I,w)=>G("div",{className:u,children:G(pe,{animationDelay:`calc(${w} * ${p})`,height:i,width:c})},w))}),e[2]=r,e[3]=i,e[4]=p,e[5]=u,e[6]=M,e[7]=c,e[8]=T):T=e[8],T};var re={insertSpaces:!1,tabSize:4,trimAutoWhitespace:!1},Je={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 Rr="default"in te?te.default:te,Ir="code-editor";function Nr(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 Hr=t=>{let e=Lr(10),{className:r,maxHeight:n,minHeight:i,options:o,readOnly:a,recalculatedHeightAt:u,value:c,...s}=t,d=i===void 0?48:i,p=Xe.useRef(u),{insertSpaces:R,tabSize:M,trimAutoWhitespace:T,...I}=o||{},w=o?.padding?(o.padding.top||0)+(o.padding?.bottom||0):0,[L,y]=Dr(d),{theme:O}=Ke(),P=s?.defaultLanguage?`language--${s.defaultLanguage}`:"",h=a&&"read-only",g;e[0]!==r||e[1]!==P||e[2]!==h?(g=[Ir,r,P,h].filter(Boolean),e[0]=r,e[1]=P,e[2]=h,e[3]=g):g=e[3];let v=g.join(" "),j,b;return e[4]!==d||e[5]!==w||e[6]!==u||e[7]!==c?(j=()=>{u&&u>p.current&&(y(c?Math.max(d,c.split(`
+`).length*16+2+w+16):d),p.current=u)},b=[c,d,w,u],e[4]=d,e[5]=w,e[6]=u,e[7]=c,e[8]=j,e[9]=b):(j=e[8],b=e[9]),Xe.useEffect(j,b),Qe(Rr,{beforeMount:Nr,className:v,height:n?Math.min(L,n):L,loading:Qe(pe,{height:d}),options:{...Je,...I,readOnly:!!a,detectIndentation:!1,insertSpaces:void 0,tabSize:void 0,trimAutoWhitespace:void 0},theme:O==="dark"?"payload-dark":"payload-light",value:c,...s,onChange:(l,S)=>{s.onChange?.(l,S),y(l?Math.max(d,l.split(`
+`).length*16+2+w+16):d)},onMount:(l,S)=>{s.onMount?.(l,S);let x=l.getDomNode();if(x?.closest('[contenteditable="true"]')){l.updateOptions({editContext:!1});let A=["copy","cut","paste"],m=$r;for(let f of A)x.addEventListener(f,m);l.onDidDispose(()=>{for(let f of A)x.removeEventListener(f,m)})}let k=l.getModel();k&&k.updateOptions({insertSpaces:R??re.insertSpaces,tabSize:M??re.tabSize,trimAutoWhitespace:T??re.trimAutoWhitespace}),y(Math.max(d,l.getValue().split(`
+`).length*16+2+w+16))}})},so=Hr;function $r(t){t.stopPropagation()}export{We as a,Or as b,le as c,Rn as d,Fe as e,Un as f,Ke as g,Ge as h,pe as i,Zn as j,re as k,so as l};
+//# sourceMappingURL=chunk-6XCSN54Q.js.map