@payloadcms/ui 4.0.0-internal.a7ca468 → 4.0.0-internal.af6aad0

package/dist/elements/UserMenu/index.js

@@ -6,6 +6,7 @@ import { useWindowInfo } from '@faceless-ui/window-info';
 import { formatAdminURL } from 'payload/shared';
 import React, { 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';
@@ -13,20 +14,23 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { MenuSeparator } from '../MenuSeparator/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
+import { HoverSubmenuGroupProvider } from './HoverSubmenuGroup.js';
 import { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js';
 import { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js';
 import { SubMenuHeader } from './SubMenuHeader/index.js';
-import { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js';
 import './index.css';
+import { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js';
 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,50 +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);
-  let t7;
+  const [menuInstanceKey, setMenuInstanceKey] = useState(0);
   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
   });
@@ -98,43 +103,55 @@ 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);
+      setMenuInstanceKey(_temp2);
+    };
+    $[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;
+      } = t12;
       return _jsx("button", {
         ...ariaProps,
         "aria-label": t("authentication:account"),
-        className: [`${baseClass}__trigger`, active && `${baseClass}__trigger--active`].filter(Boolean).join(" "),
+        className: [`${baseClass}__trigger`, active && `${baseClass}__trigger--active`, showTitle && `${baseClass}__trigger--with-title`].filter(Boolean).join(" "),
         type: "button",
-        children: _jsx(RenderCustomComponent, {
-          CustomComponent: CustomAvatar,
-          Fallback: _jsx(Account, {})
+        children: _jsxs("div", {
+          className: `${baseClass}__trigger-content`,
+          children: [showTitle && (titleString || identifier) && _jsx("p", {
+            className: `${baseClass}__trigger-label`,
+            children: titleString || identifier
+          }), _jsx(ChevronIcon, {
+            direction: "down",
+            size: 16
+          })]
         })
       });
     };
-    $[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,
-    renderButton: t10,
+    onToggleClose: t10,
+    renderButton: t11,
+    showScrim: true,
     size: "large",
     theme: "dark",
     verticalAlign: "bottom",
@@ -176,19 +193,25 @@ 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
+      }), _jsxs(HoverSubmenuGroupProvider, {
+        children: [showPreferencesGroup && _jsxs(_Fragment, {
+          children: [showThemeMenu && _jsx(PopupList.MenuItem, {
+            children: _jsx(ThemeMenu, {
+              onMobileOpen: isMobile ? () => setActiveMobileSubmenu("theme") : undefined
+            }, menuInstanceKey)
+          }), hasMultipleLanguages && _jsx(PopupList.MenuItem, {
+            children: _jsx(LanguageMenu, {
+              onMobileOpen: isMobile ? () => setActiveMobileSubmenu("language") : undefined
+            }, menuInstanceKey)
+          })]
+        }), _jsx(MenuSeparator, {}), hasSettingsItems && _jsxs(_Fragment, {
+          children: [_jsx(PopupList.MenuItem, {
+            children: _jsx(SettingsMenu, {
+              groups: settingsItemGroups,
+              onMobileOpen: isMobile ? () => setActiveMobileSubmenu("settings") : undefined
+            }, menuInstanceKey)
+          }), _jsx(MenuSeparator, {})]
         })]
-      }), _jsx(MenuSeparator, {}), hasSettingsItems && _jsxs(_Fragment, {
-        children: [_jsx(PopupList.ButtonGroup, {
-          children: _jsx(SettingsMenu, {
-            groups: settingsItemGroups,
-            onMobileOpen: isMobile ? () => setActiveMobileSubmenu("settings") : undefined
-          })
-        }), _jsx(MenuSeparator, {})]
       }), _jsx(PopupList.MenuItem, {
         children: CustomLogoutButton ?? _jsx(PopupList.Button, {
           href: logoutHref,
@@ -202,4 +225,7 @@ export const UserMenu = t0 => {
 function _temp(group) {
   return group.items.length > 0;
 }
+function _temp2(key) {
+  return key + 1;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","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","t7","t8","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp","showPreferencesGroup","logoutHref","path","accountHref","t9","Symbol","for","t10","t11","active","ariaProps","_jsx","className","filter","join","type","children","CustomComponent","Fallback","caret","horizontalAlign","onToggleClose","renderButton","verticalAlign","_jsxs","_Fragment","onBack","title","groups","href","ButtonGroup","onMobileOpen","MenuItem","Button","icon","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, { 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  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      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        <>\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        </>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a className={`${baseClass}__profile`} href={accountHref}>\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","useEffect","useState","Account","ChevronIcon","LogOutIcon","useAuth","useConfig","useTranslation","MenuSeparator","Popup","PopupList","RenderCustomComponent","HoverSubmenuGroupProvider","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","menuInstanceKey","setMenuInstanceKey","t8","t9","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp","showPreferencesGroup","logoutHref","path","accountHref","t10","Symbol","for","_temp2","t11","t12","active","ariaProps","_jsx","className","filter","join","type","children","_jsxs","direction","size","caret","horizontalAlign","onToggleClose","renderButton","verticalAlign","_Fragment","onBack","title","groups","href","CustomComponent","Fallback","MenuItem","onMobileOpen","Button","icon","group","items","key"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { 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 { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { HoverSubmenuGroupProvider } from './HoverSubmenuGroup.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport './index.css'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\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  // Bumped whenever the account menu closes, so submenu triggers (Theme/Language/Settings)\n  // remount and reset their own open/hover state - otherwise a submenu left open via hover\n  // stays mounted and open even after the parent menu itself has closed.\n  const [menuInstanceKey, setMenuInstanceKey] = useState(0)\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={() => {\n        setActiveMobileSubmenu(null)\n        setMenuInstanceKey((key) => key + 1)\n      }}\n      renderButton={({ active, ...ariaProps }) => (\n        <button\n          {...ariaProps}\n          aria-label={t('authentication:account')}\n          className={[\n            `${baseClass}__trigger`,\n            active && `${baseClass}__trigger--active`,\n            showTitle && `${baseClass}__trigger--with-title`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__trigger-content`}>\n            {showTitle && (titleString || identifier) && (\n              <p className={`${baseClass}__trigger-label`}>{titleString || identifier}</p>\n            )}\n            <ChevronIcon direction=\"down\" size={16} />\n          </div>\n        </button>\n      )}\n      showScrim\n      size=\"large\"\n      theme=\"dark\"\n      verticalAlign=\"bottom\"\n    >\n      {isMobile && activeMobileSubmenu ? (\n        // Mobile submenu panel\n        <>\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        </>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a className={`${baseClass}__profile`} href={accountHref}>\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          <HoverSubmenuGroupProvider>\n            {/* Preferences group: Theme + Language */}\n            {showPreferencesGroup && (\n              <>\n                {showThemeMenu && (\n                  <PopupList.MenuItem>\n                    <ThemeMenu\n                      key={menuInstanceKey}\n                      onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                    />\n                  </PopupList.MenuItem>\n                )}\n                {hasMultipleLanguages && (\n                  <PopupList.MenuItem>\n                    <LanguageMenu\n                      key={menuInstanceKey}\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                    key={menuInstanceKey}\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                  />\n                </PopupList.MenuItem>\n                <MenuSeparator />\n              </>\n            )}\n          </HoverSubmenuGroupProvider>\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/UserMenu/useHoverSubmenu.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Opens a submenu on hover and keeps it open while the cursor is inside the trigger, the
+ * content, the trough between them, or the funnel-shaped safe zone connecting the two -
+ * closing once it has genuinely left all of those for `HOVER_CLOSE_DELAY`.
+ *
+ * `id` identifies this submenu within its `HoverSubmenuGroupProvider` (if any) - when
+ * a sibling submenu becomes active, this one closes immediately rather than waiting on
+ * its own hover-out timer.
+ */
+export declare const useHoverSubmenu: (id: string) => {
+    close: () => void;
+    contentRef: import("react").RefObject<HTMLElement>;
+    isOpen: boolean;
+    keepOpen: () => void;
+    open: (e?: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+    triggerRef: import("react").RefObject<HTMLElement>;
+};
+//# sourceMappingURL=useHoverSubmenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverSubmenu.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/useHoverSubmenu.ts"],"names":[],"mappings":"AAuHA;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,OAAQ,MAAM;;;;;eA2BjC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;;CAwH5C,CAAA"}

package/dist/elements/UserMenu/useHoverSubmenu.js

@@ -0,0 +1,260 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useHoverSubmenuGroup } from './HoverSubmenuGroup.js';
+const HOVER_CLOSE_DELAY = 75;
+const POLYGON_BUFFER = 2;
+const isInsideRect = (x, y, rect) => x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+const isInsideAxisAlignedRect = (x, y, x1, y1, x2, y2) => {
+  const minX = Math.min(x1, x2);
+  const maxX = Math.max(x1, x2);
+  const minY = Math.min(y1, y2);
+  const maxY = Math.max(y1, y2);
+  return x >= minX && x <= maxX && y >= minY && y <= maxY;
+};
+const hasIntersectingEdge = (px, py, xi, yi, xj, yj) => yi >= py !== yj >= py && px <= (xj - xi) * (py - yi) / (yj - yi) + xi;
+/** Ray-casting point-in-polygon test, ported from Floating UI's `safePolygon`. */
+const isPointInPolygon = (px, py, points) => {
+  let inside = false;
+  for (let i = 0; i < points.length; i++) {
+    const [xi, yi] = points[i];
+    const [xj, yj] = points[(i + 1) % points.length];
+    if (hasIntersectingEdge(px, py, xi, yi, xj, yj)) {
+      inside = !inside;
+    }
+  }
+  return inside;
+};
+/**
+ * Computes the funnel-shaped safe zone connecting `anchor` (the last cursor position over
+ * the trigger) to the content panel, ported from Floating UI's `safePolygon` 'left'/'right'
+ * cases. Unlike a bounding-box union, this narrows toward the panel, so hovering something
+ * far below/above the trigger-to-panel path (e.g. an unrelated item below a short submenu)
+ * correctly falls outside the zone.
+ */
+const getFunnelPolygon = (anchor, triggerRect, contentRect, contentIsLeft) => {
+  const isContentTaller = contentRect.height > triggerRect.height;
+  const leaveFromBottom = anchor.y > contentRect.bottom - contentRect.height / 2;
+  const yOffset = isContentTaller ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4;
+  const pointOneY = isContentTaller ? anchor.y + yOffset : leaveFromBottom ? anchor.y + yOffset : anchor.y - yOffset;
+  const pointTwoY = isContentTaller ? anchor.y - yOffset : leaveFromBottom ? anchor.y + yOffset : anchor.y - yOffset;
+  if (contentIsLeft) {
+    const cursorPointX = anchor.x + POLYGON_BUFFER + 1;
+    const commonXTop = leaveFromBottom ? contentRect.right - POLYGON_BUFFER : isContentTaller ? contentRect.right - POLYGON_BUFFER : contentRect.left;
+    const commonXBottom = leaveFromBottom ? isContentTaller ? contentRect.right - POLYGON_BUFFER : contentRect.left : contentRect.right - POLYGON_BUFFER;
+    return [[commonXTop, contentRect.top], [commonXBottom, contentRect.bottom], [cursorPointX, pointOneY], [cursorPointX, pointTwoY]];
+  }
+  const cursorPointX = anchor.x - POLYGON_BUFFER;
+  const commonXTop = leaveFromBottom ? contentRect.left + POLYGON_BUFFER : isContentTaller ? contentRect.left + POLYGON_BUFFER : contentRect.right;
+  const commonXBottom = leaveFromBottom ? isContentTaller ? contentRect.left + POLYGON_BUFFER : contentRect.right : contentRect.left + POLYGON_BUFFER;
+  return [[cursorPointX, pointOneY], [cursorPointX, pointTwoY], [commonXTop, contentRect.top], [commonXBottom, contentRect.bottom]];
+};
+/**
+ * Opens a submenu on hover and keeps it open while the cursor is inside the trigger, the
+ * content, the trough between them, or the funnel-shaped safe zone connecting the two -
+ * closing once it has genuinely left all of those for `HOVER_CLOSE_DELAY`.
+ *
+ * `id` identifies this submenu within its `HoverSubmenuGroupProvider` (if any) - when
+ * a sibling submenu becomes active, this one closes immediately rather than waiting on
+ * its own hover-out timer.
+ */
+export const useHoverSubmenu = id => {
+  const $ = _c(21);
+  const [isOpen, setIsOpen] = useState(false);
+  const closeTimeoutRef = useRef(null);
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const anchorRef = useRef(null);
+  const hasLandedRef = useRef(false);
+  const group = useHoverSubmenuGroup();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      if (closeTimeoutRef.current) {
+        clearTimeout(closeTimeoutRef.current);
+        closeTimeoutRef.current = null;
+      }
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const cancelClose = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      if (closeTimeoutRef.current) {
+        return;
+      }
+      closeTimeoutRef.current = setTimeout(() => {
+        setIsOpen(false);
+        closeTimeoutRef.current = null;
+      }, HOVER_CLOSE_DELAY);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const scheduleClose = t1;
+  let t2;
+  if ($[2] !== group || $[3] !== id) {
+    t2 = e => {
+      cancelClose();
+      hasLandedRef.current = false;
+      if (e) {
+        anchorRef.current = {
+          x: e.clientX,
+          y: e.clientY
+        };
+      }
+      group?.setActiveId(id);
+      setIsOpen(true);
+    };
+    $[2] = group;
+    $[3] = id;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const open = t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      cancelClose();
+      hasLandedRef.current = true;
+    };
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const keepOpen = t3;
+  let t4;
+  if ($[6] !== group || $[7] !== id) {
+    t4 = () => {
+      cancelClose();
+      setIsOpen(false);
+      group?.setActiveId(current => current === id ? null : current);
+    };
+    $[6] = group;
+    $[7] = id;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const close = t4;
+  let t5;
+  let t6;
+  if ($[9] !== group || $[10] !== id || $[11] !== isOpen) {
+    t5 = () => {
+      if (isOpen && group && group.activeId !== null && group.activeId !== id) {
+        cancelClose();
+        setIsOpen(false);
+      }
+    };
+    t6 = [group, isOpen, id, cancelClose];
+    $[9] = group;
+    $[10] = id;
+    $[11] = isOpen;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t5 = $[12];
+    t6 = $[13];
+  }
+  useEffect(t5, t6);
+  let t7;
+  let t8;
+  if ($[14] !== isOpen) {
+    t7 = () => {
+      if (!isOpen) {
+        return;
+      }
+      const handlePointerMove = e_0 => {
+        const triggerRect = triggerRef.current?.getBoundingClientRect();
+        const contentRect = contentRef.current?.getBoundingClientRect();
+        if (!triggerRect || !contentRect) {
+          return;
+        }
+        const {
+          clientX,
+          clientY
+        } = e_0;
+        if (isInsideRect(clientX, clientY, triggerRect)) {
+          anchorRef.current = {
+            x: clientX,
+            y: clientY
+          };
+          hasLandedRef.current = false;
+          cancelClose();
+          return;
+        }
+        if (isInsideRect(clientX, clientY, contentRect)) {
+          hasLandedRef.current = true;
+          cancelClose();
+          return;
+        }
+        const contentIsLeft = contentRect.right <= triggerRect.left + 1;
+        const isContentTaller = contentRect.height > triggerRect.height;
+        const boundTop = (isContentTaller ? triggerRect : contentRect).top;
+        const boundBottom = (isContentTaller ? triggerRect : contentRect).bottom;
+        const movedPastTrigger = contentIsLeft ? clientX >= triggerRect.right - 1 : clientX <= triggerRect.left + 1;
+        const troughX1 = contentIsLeft ? contentRect.right - 1 : triggerRect.right - 1;
+        const troughX2 = contentIsLeft ? triggerRect.left + 1 : contentRect.left + 1;
+        const isInsideTrough = isInsideAxisAlignedRect(clientX, clientY, troughX1, boundBottom, troughX2, boundTop);
+        if (movedPastTrigger) {
+          scheduleClose();
+          return;
+        }
+        if (isInsideTrough) {
+          cancelClose();
+          return;
+        }
+        if (hasLandedRef.current) {
+          scheduleClose();
+          return;
+        }
+        const anchor = anchorRef.current ?? {
+          x: contentIsLeft ? triggerRect.left : triggerRect.right,
+          y: (triggerRect.top + triggerRect.bottom) / 2
+        };
+        const polygon = getFunnelPolygon(anchor, triggerRect, contentRect, contentIsLeft);
+        const isInsidePolygon = isPointInPolygon(clientX, clientY, polygon);
+        if (isInsidePolygon) {
+          cancelClose();
+        } else {
+          scheduleClose();
+        }
+      };
+      document.addEventListener("mousemove", handlePointerMove);
+      return () => document.removeEventListener("mousemove", handlePointerMove);
+    };
+    t8 = [isOpen, cancelClose, scheduleClose];
+    $[14] = isOpen;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t7 = $[15];
+    t8 = $[16];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[17] !== close || $[18] !== isOpen || $[19] !== open) {
+    t9 = {
+      close,
+      contentRef,
+      isOpen,
+      keepOpen,
+      open,
+      triggerRef
+    };
+    $[17] = close;
+    $[18] = isOpen;
+    $[19] = open;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  return t9;
+};
+//# sourceMappingURL=useHoverSubmenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverSubmenu.js","names":["c","_c","useCallback","useEffect","useRef","useState","useHoverSubmenuGroup","HOVER_CLOSE_DELAY","POLYGON_BUFFER","isInsideRect","x","y","rect","left","right","top","bottom","isInsideAxisAlignedRect","x1","y1","x2","y2","minX","Math","min","maxX","max","minY","maxY","hasIntersectingEdge","px","py","xi","yi","xj","yj","isPointInPolygon","points","inside","i","length","getFunnelPolygon","anchor","triggerRect","contentRect","contentIsLeft","isContentTaller","height","leaveFromBottom","yOffset","pointOneY","pointTwoY","cursorPointX","commonXTop","commonXBottom","useHoverSubmenu","id","$","isOpen","setIsOpen","closeTimeoutRef","triggerRef","contentRef","anchorRef","hasLandedRef","group","t0","Symbol","for","current","clearTimeout","cancelClose","t1","setTimeout","scheduleClose","t2","e","clientX","clientY","setActiveId","open","t3","keepOpen","t4","close","t5","t6","activeId","t7","t8","handlePointerMove","e_0","getBoundingClientRect","boundTop","boundBottom","movedPastTrigger","troughX1","troughX2","isInsideTrough","polygon","isInsidePolygon","document","addEventListener","removeEventListener","t9"],"sources":["../../../src/elements/UserMenu/useHoverSubmenu.ts"],"sourcesContent":["'use client'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useHoverSubmenuGroup } from './HoverSubmenuGroup.js'\n\nconst HOVER_CLOSE_DELAY = 75\nconst POLYGON_BUFFER = 2\n\ntype Point = [x: number, y: number]\n\nconst isInsideRect = (x: number, y: number, rect: DOMRect) =>\n  x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom\n\nconst isInsideAxisAlignedRect = (\n  x: number,\n  y: number,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number,\n) => {\n  const minX = Math.min(x1, x2)\n  const maxX = Math.max(x1, x2)\n  const minY = Math.min(y1, y2)\n  const maxY = Math.max(y1, y2)\n  return x >= minX && x <= maxX && y >= minY && y <= maxY\n}\n\nconst hasIntersectingEdge = (\n  px: number,\n  py: number,\n  xi: number,\n  yi: number,\n  xj: number,\n  yj: number,\n) => yi >= py !== yj >= py && px <= ((xj - xi) * (py - yi)) / (yj - yi) + xi\n\n/** Ray-casting point-in-polygon test, ported from Floating UI's `safePolygon`. */\nconst isPointInPolygon = (px: number, py: number, points: Point[]) => {\n  let inside = false\n  for (let i = 0; i < points.length; i++) {\n    const [xi, yi] = points[i]\n    const [xj, yj] = points[(i + 1) % points.length]\n    if (hasIntersectingEdge(px, py, xi, yi, xj, yj)) {\n      inside = !inside\n    }\n  }\n  return inside\n}\n\n/**\n * Computes the funnel-shaped safe zone connecting `anchor` (the last cursor position over\n * the trigger) to the content panel, ported from Floating UI's `safePolygon` 'left'/'right'\n * cases. Unlike a bounding-box union, this narrows toward the panel, so hovering something\n * far below/above the trigger-to-panel path (e.g. an unrelated item below a short submenu)\n * correctly falls outside the zone.\n */\nconst getFunnelPolygon = (\n  anchor: { x: number; y: number },\n  triggerRect: DOMRect,\n  contentRect: DOMRect,\n  contentIsLeft: boolean,\n): Point[] => {\n  const isContentTaller = contentRect.height > triggerRect.height\n  const leaveFromBottom = anchor.y > contentRect.bottom - contentRect.height / 2\n\n  const yOffset = isContentTaller ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4\n  const pointOneY = isContentTaller\n    ? anchor.y + yOffset\n    : leaveFromBottom\n      ? anchor.y + yOffset\n      : anchor.y - yOffset\n  const pointTwoY = isContentTaller\n    ? anchor.y - yOffset\n    : leaveFromBottom\n      ? anchor.y + yOffset\n      : anchor.y - yOffset\n\n  if (contentIsLeft) {\n    const cursorPointX = anchor.x + POLYGON_BUFFER + 1\n    const commonXTop = leaveFromBottom\n      ? contentRect.right - POLYGON_BUFFER\n      : isContentTaller\n        ? contentRect.right - POLYGON_BUFFER\n        : contentRect.left\n    const commonXBottom = leaveFromBottom\n      ? isContentTaller\n        ? contentRect.right - POLYGON_BUFFER\n        : contentRect.left\n      : contentRect.right - POLYGON_BUFFER\n\n    return [\n      [commonXTop, contentRect.top],\n      [commonXBottom, contentRect.bottom],\n      [cursorPointX, pointOneY],\n      [cursorPointX, pointTwoY],\n    ]\n  }\n\n  const cursorPointX = anchor.x - POLYGON_BUFFER\n  const commonXTop = leaveFromBottom\n    ? contentRect.left + POLYGON_BUFFER\n    : isContentTaller\n      ? contentRect.left + POLYGON_BUFFER\n      : contentRect.right\n  const commonXBottom = leaveFromBottom\n    ? isContentTaller\n      ? contentRect.left + POLYGON_BUFFER\n      : contentRect.right\n    : contentRect.left + POLYGON_BUFFER\n\n  return [\n    [cursorPointX, pointOneY],\n    [cursorPointX, pointTwoY],\n    [commonXTop, contentRect.top],\n    [commonXBottom, contentRect.bottom],\n  ]\n}\n\n/**\n * Opens a submenu on hover and keeps it open while the cursor is inside the trigger, the\n * content, the trough between them, or the funnel-shaped safe zone connecting the two -\n * closing once it has genuinely left all of those for `HOVER_CLOSE_DELAY`.\n *\n * `id` identifies this submenu within its `HoverSubmenuGroupProvider` (if any) - when\n * a sibling submenu becomes active, this one closes immediately rather than waiting on\n * its own hover-out timer.\n */\nexport const useHoverSubmenu = (id: string) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const closeTimeoutRef = useRef<null | ReturnType<typeof setTimeout>>(null)\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const contentRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<{ x: number; y: number } | null>(null)\n  const hasLandedRef = useRef(false)\n  const group = useHoverSubmenuGroup()\n\n  const cancelClose = useCallback(() => {\n    if (closeTimeoutRef.current) {\n      clearTimeout(closeTimeoutRef.current)\n      closeTimeoutRef.current = null\n    }\n  }, [])\n\n  const scheduleClose = useCallback(() => {\n    if (closeTimeoutRef.current) {\n      return\n    }\n    closeTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false)\n      closeTimeoutRef.current = null\n    }, HOVER_CLOSE_DELAY)\n  }, [])\n\n  const open = useCallback(\n    (e?: { clientX: number; clientY: number }) => {\n      cancelClose()\n      hasLandedRef.current = false\n      if (e) {\n        anchorRef.current = { x: e.clientX, y: e.clientY }\n      }\n      group?.setActiveId(id)\n      setIsOpen(true)\n    },\n    [cancelClose, group, id],\n  )\n\n  // For the content panel's own onMouseEnter - just cancels a pending close and marks us\n  // as \"landed\", without touching the trigger anchor point `open()` seeds.\n  const keepOpen = useCallback(() => {\n    cancelClose()\n    hasLandedRef.current = true\n  }, [cancelClose])\n\n  const close = useCallback(() => {\n    cancelClose()\n    setIsOpen(false)\n    group?.setActiveId((current) => (current === id ? null : current))\n  }, [cancelClose, group, id])\n\n  // A sibling became active (its trigger was hovered) - force-close this one now,\n  // instead of relying on this submenu's own hover-zone timeout to eventually catch up.\n  useEffect(() => {\n    if (isOpen && group && group.activeId !== null && group.activeId !== id) {\n      cancelClose()\n      setIsOpen(false)\n    }\n  }, [group, isOpen, id, cancelClose])\n\n  useEffect(() => {\n    if (!isOpen) {\n      return\n    }\n\n    const handlePointerMove = (e: MouseEvent) => {\n      const triggerRect = triggerRef.current?.getBoundingClientRect()\n      const contentRect = contentRef.current?.getBoundingClientRect()\n      if (!triggerRect || !contentRect) {\n        return\n      }\n\n      const { clientX, clientY } = e\n\n      if (isInsideRect(clientX, clientY, triggerRect)) {\n        anchorRef.current = { x: clientX, y: clientY }\n        hasLandedRef.current = false\n        cancelClose()\n        return\n      }\n\n      if (isInsideRect(clientX, clientY, contentRect)) {\n        hasLandedRef.current = true\n        cancelClose()\n        return\n      }\n\n      const contentIsLeft = contentRect.right <= triggerRect.left + 1\n      const isContentTaller = contentRect.height > triggerRect.height\n      const boundTop = (isContentTaller ? triggerRect : contentRect).top\n      const boundBottom = (isContentTaller ? triggerRect : contentRect).bottom\n\n      // Cursor has already moved past the trigger, away from the content entirely - no\n      // amount of funnel forgiveness should keep it open.\n      const movedPastTrigger = contentIsLeft\n        ? clientX >= triggerRect.right - 1\n        : clientX <= triggerRect.left + 1\n\n      // The strip directly between the trigger and content is always safe, regardless of\n      // funnel shape - prevents flapping when moving back and forth in the gap.\n      const troughX1 = contentIsLeft ? contentRect.right - 1 : triggerRect.right - 1\n      const troughX2 = contentIsLeft ? triggerRect.left + 1 : contentRect.left + 1\n      const isInsideTrough = isInsideAxisAlignedRect(\n        clientX,\n        clientY,\n        troughX1,\n        boundBottom,\n        troughX2,\n        boundTop,\n      )\n\n      if (movedPastTrigger) {\n        scheduleClose()\n        return\n      }\n\n      if (isInsideTrough) {\n        cancelClose()\n        return\n      }\n\n      if (hasLandedRef.current) {\n        scheduleClose()\n        return\n      }\n\n      const anchor = anchorRef.current ?? {\n        x: contentIsLeft ? triggerRect.left : triggerRect.right,\n        y: (triggerRect.top + triggerRect.bottom) / 2,\n      }\n\n      const polygon = getFunnelPolygon(anchor, triggerRect, contentRect, contentIsLeft)\n      const isInsidePolygon = isPointInPolygon(clientX, clientY, polygon)\n\n      if (isInsidePolygon) {\n        cancelClose()\n      } else {\n        scheduleClose()\n      }\n    }\n\n    document.addEventListener('mousemove', handlePointerMove)\n    return () => document.removeEventListener('mousemove', handlePointerMove)\n  }, [isOpen, cancelClose, scheduleClose])\n\n  return { close, contentRef, isOpen, keepOpen, open, triggerRef }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type DocumentViewMode = 'grid' | 'table';
+export type ViewModeToggleProps = {
+    onChange: (viewMode: DocumentViewMode) => void;
+    viewMode: DocumentViewMode;
+};
+export declare const ViewModeToggle: React.FC<ViewModeToggleProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ViewModeToggle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,gBAAgB,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAA"}