@fernir2/saas-kit 0.0.177 → 0.0.179

package/packages/level2/fd-app-toolbox/menu/notifications-menu/notification-list/NotificationList.funcs.cjs.js

@@ -4,7 +4,7 @@
 var dateTimes = require('../../../../../fd-toolbox/dates/date-times.cjs.js');
 var elements = require('../../../../../fd-toolbox/constants/elements.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x3cb153,_0x305914)=>__defProp(_0x3cb153,'name',{'value':_0x305914,'configurable':!![]});function getDateLabelForNotificationGroup(_0x19c18d){const _0x32b1d2=dateTimes.getNowUtc(),_0x14051c=dateTimes.getNowUtc();_0x14051c['setDate'](_0x32b1d2['getDate']()-(-0x460+0xe3+0x37e));if(_0x19c18d['toDateString']()===_0x32b1d2['toDateString']())return dateLabels['today'];else return _0x19c18d['toDateString']()===_0x14051c['toDateString']()?dateLabels['yesterday']:dateTimes.formatUtcDateOnlyForDisplay(_0x19c18d);}__name(getDateLabelForNotificationGroup,'getDateLabelForNotificationGroup');function checkNotificationGroupDateLabel(_0x31ecba,_0x199c13,_0x3154d9){if(isFirstNotification(_0x3154d9))return !![];else {const _0xf6e5a8=_0x31ecba[_0x3154d9-(0x5*-0x7+0x1*0x15d7+-0x15b3)];return dateTimes.parseToUtc(_0x199c13['createdDate'])['toDateString']()!==dateTimes.parseToUtc(_0xf6e5a8['createdDate'])['toDateString']();}}__name(checkNotificationGroupDateLabel,'checkNotificationGroupDateLabel');function getNotificationListMessageId(_0x1e410d,_0x1bc684){return _0x1e410d+_0x1bc684+elements.elements['notification']['message'];}__name(getNotificationListMessageId,'getNotificationListMessageId');function getNotificationListDescriptionId(_0x1f19cc,_0x3c9922){return _0x1f19cc+_0x3c9922+elements.elements['notification']['description'];}__name(getNotificationListDescriptionId,'getNotificationListDescriptionId');function getNotificationListItemId(_0x11f42c,_0x24fd2a){return _0x11f42c+_0x24fd2a+elements.elements['notification']['item'];}__name(getNotificationListItemId,'getNotificationListItemId');function getNotificationMenuListId(_0x1ab642){return _0x1ab642+elements.elements['notification']['list'];}__name(getNotificationMenuListId,'getNotificationMenuListId');function isFirstNotification(_0x110361){return _0x110361===0x23a0+0x2b7*0x6+-0x33ea;}__name(isFirstNotification,'isFirstNotification');const dateLabels={'today':'Today','yesterday':'Yesterday','justNow':'just\x20now'};
+var __defProp=Object['defineProperty'],__name=(_0x378485,_0x25a755)=>__defProp(_0x378485,'name',{'value':_0x25a755,'configurable':!![]});function getDateLabelForNotificationGroup(_0x1cc899){const _0x3a8ad8=dateTimes.getNowUtc(),_0x4e76e4=dateTimes.getNowUtc();_0x4e76e4['setDate'](_0x3a8ad8['getDate']()-(-0xd14+-0x1*0x652+0x1*0x1367));if(_0x1cc899['toDateString']()===_0x3a8ad8['toDateString']())return dateLabels['today'];else return _0x1cc899['toDateString']()===_0x4e76e4['toDateString']()?dateLabels['yesterday']:dateTimes.formatUtcDateOnlyForDisplay(_0x1cc899);}__name(getDateLabelForNotificationGroup,'getDateLabelForNotificationGroup');function checkNotificationGroupDateLabel(_0x1584ff,_0x519dc9,_0x2a1be9){if(isFirstNotification(_0x2a1be9))return !![];else {const _0x5e2367=_0x1584ff[_0x2a1be9-(0x6b*-0x43+-0x1252+0x2e54)];return dateTimes.parseToUtc(_0x519dc9['createdDate'])['toDateString']()!==dateTimes.parseToUtc(_0x5e2367['createdDate'])['toDateString']();}}__name(checkNotificationGroupDateLabel,'checkNotificationGroupDateLabel');function getNotificationListMessageId(_0x5ad093,_0x2ce4ed){return (_0x2ce4ed??'')+_0x5ad093+elements.elements['notification']['message'];}__name(getNotificationListMessageId,'getNotificationListMessageId');function getNotificationListDescriptionId(_0x2affd6,_0x53973f){return (_0x53973f??'')+_0x2affd6+elements.elements['notification']['description'];}__name(getNotificationListDescriptionId,'getNotificationListDescriptionId');function getNotificationListItemId(_0x17dff7,_0x59d87a){return (_0x59d87a??'')+_0x17dff7+elements.elements['notification']['item'];}__name(getNotificationListItemId,'getNotificationListItemId');function getNotificationMenuListId(_0x23b016){return (_0x23b016??'')+elements.elements['notification']['list'];}__name(getNotificationMenuListId,'getNotificationMenuListId');function isFirstNotification(_0x56cbbe){return _0x56cbbe===-0xd52+-0x27*-0xb9+-0xedd*0x1;}__name(isFirstNotification,'isFirstNotification');const dateLabels={'today':'Today','yesterday':'Yesterday','justNow':'just\x20now'};
 
 exports.checkNotificationGroupDateLabel = checkNotificationGroupDateLabel;
 exports.getDateLabelForNotificationGroup = getDateLabelForNotificationGroup;

package/packages/level2/fd-app-toolbox/menu/notifications-menu/notification-list/NotificationList.funcs.d.ts

@@ -2,9 +2,9 @@ import { Notification } from "../../../resources/notification/notification.resou
 export declare function getDateLabelForNotificationGroup(date: Date): string;
 export declare function checkNotificationGroupDateLabel(notifications: Notification[], notification: Notification, index: number): boolean;
 /** @internal */
-export declare function getNotificationListMessageId(parentContextName: string, notificationId: string): string;
+export declare function getNotificationListMessageId(notificationId: string, parentContextName?: string): string;
 /** @internal */
-export declare function getNotificationListDescriptionId(parentContextName: string, notificationId: string): string;
+export declare function getNotificationListDescriptionId(notificationId: string, parentContextName?: string): string;
 /** @internal */
-export declare function getNotificationListItemId(parentContextName: string, notificationId: string): string;
-export declare function getNotificationMenuListId(parentContextName: string): string;
+export declare function getNotificationListItemId(notificationId: string, parentContextName?: string): string;
+export declare function getNotificationMenuListId(parentContextName?: string): string;

package/packages/level2/fd-app-toolbox/menu/notifications-menu/notification-list/NotificationList.funcs.js

@@ -2,6 +2,6 @@
 import { getNowUtc, formatUtcDateOnlyForDisplay, parseToUtc } from '../../../../../fd-toolbox/dates/date-times.js';
 import { elements } from '../../../../../fd-toolbox/constants/elements.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x3cb153,_0x305914)=>__defProp(_0x3cb153,'name',{'value':_0x305914,'configurable':!![]});function getDateLabelForNotificationGroup(_0x19c18d){const _0x32b1d2=getNowUtc(),_0x14051c=getNowUtc();_0x14051c['setDate'](_0x32b1d2['getDate']()-(-0x460+0xe3+0x37e));if(_0x19c18d['toDateString']()===_0x32b1d2['toDateString']())return dateLabels['today'];else return _0x19c18d['toDateString']()===_0x14051c['toDateString']()?dateLabels['yesterday']:formatUtcDateOnlyForDisplay(_0x19c18d);}__name(getDateLabelForNotificationGroup,'getDateLabelForNotificationGroup');function checkNotificationGroupDateLabel(_0x31ecba,_0x199c13,_0x3154d9){if(isFirstNotification(_0x3154d9))return !![];else {const _0xf6e5a8=_0x31ecba[_0x3154d9-(0x5*-0x7+0x1*0x15d7+-0x15b3)];return parseToUtc(_0x199c13['createdDate'])['toDateString']()!==parseToUtc(_0xf6e5a8['createdDate'])['toDateString']();}}__name(checkNotificationGroupDateLabel,'checkNotificationGroupDateLabel');function getNotificationListMessageId(_0x1e410d,_0x1bc684){return _0x1e410d+_0x1bc684+elements['notification']['message'];}__name(getNotificationListMessageId,'getNotificationListMessageId');function getNotificationListDescriptionId(_0x1f19cc,_0x3c9922){return _0x1f19cc+_0x3c9922+elements['notification']['description'];}__name(getNotificationListDescriptionId,'getNotificationListDescriptionId');function getNotificationListItemId(_0x11f42c,_0x24fd2a){return _0x11f42c+_0x24fd2a+elements['notification']['item'];}__name(getNotificationListItemId,'getNotificationListItemId');function getNotificationMenuListId(_0x1ab642){return _0x1ab642+elements['notification']['list'];}__name(getNotificationMenuListId,'getNotificationMenuListId');function isFirstNotification(_0x110361){return _0x110361===0x23a0+0x2b7*0x6+-0x33ea;}__name(isFirstNotification,'isFirstNotification');const dateLabels={'today':'Today','yesterday':'Yesterday','justNow':'just\x20now'};
+var __defProp=Object['defineProperty'],__name=(_0x378485,_0x25a755)=>__defProp(_0x378485,'name',{'value':_0x25a755,'configurable':!![]});function getDateLabelForNotificationGroup(_0x1cc899){const _0x3a8ad8=getNowUtc(),_0x4e76e4=getNowUtc();_0x4e76e4['setDate'](_0x3a8ad8['getDate']()-(-0xd14+-0x1*0x652+0x1*0x1367));if(_0x1cc899['toDateString']()===_0x3a8ad8['toDateString']())return dateLabels['today'];else return _0x1cc899['toDateString']()===_0x4e76e4['toDateString']()?dateLabels['yesterday']:formatUtcDateOnlyForDisplay(_0x1cc899);}__name(getDateLabelForNotificationGroup,'getDateLabelForNotificationGroup');function checkNotificationGroupDateLabel(_0x1584ff,_0x519dc9,_0x2a1be9){if(isFirstNotification(_0x2a1be9))return !![];else {const _0x5e2367=_0x1584ff[_0x2a1be9-(0x6b*-0x43+-0x1252+0x2e54)];return parseToUtc(_0x519dc9['createdDate'])['toDateString']()!==parseToUtc(_0x5e2367['createdDate'])['toDateString']();}}__name(checkNotificationGroupDateLabel,'checkNotificationGroupDateLabel');function getNotificationListMessageId(_0x5ad093,_0x2ce4ed){return (_0x2ce4ed??'')+_0x5ad093+elements['notification']['message'];}__name(getNotificationListMessageId,'getNotificationListMessageId');function getNotificationListDescriptionId(_0x2affd6,_0x53973f){return (_0x53973f??'')+_0x2affd6+elements['notification']['description'];}__name(getNotificationListDescriptionId,'getNotificationListDescriptionId');function getNotificationListItemId(_0x17dff7,_0x59d87a){return (_0x59d87a??'')+_0x17dff7+elements['notification']['item'];}__name(getNotificationListItemId,'getNotificationListItemId');function getNotificationMenuListId(_0x23b016){return (_0x23b016??'')+elements['notification']['list'];}__name(getNotificationMenuListId,'getNotificationMenuListId');function isFirstNotification(_0x56cbbe){return _0x56cbbe===-0xd52+-0x27*-0xb9+-0xedd*0x1;}__name(isFirstNotification,'isFirstNotification');const dateLabels={'today':'Today','yesterday':'Yesterday','justNow':'just\x20now'};
 
 export { checkNotificationGroupDateLabel, getDateLabelForNotificationGroup, getNotificationListDescriptionId, getNotificationListItemId, getNotificationListMessageId, getNotificationMenuListId };

package/packages/level2/fd-app-toolbox/menu/notifications-menu/notification-list/NotificationList.js

@@ -19,7 +19,7 @@ function NotificationList({
     id: notificationMenuListId,
     className: "h-full",
     children: notifications.length ? notifications.map((notification, index) => /* @__PURE__ */jsxs("div", {
-      id: getNotificationListItemId(notificationMenuListId, notification.id),
+      id: getNotificationListItemId(notification.id, notificationMenuListId),
       children: [checkNotificationGroupDateLabel(notifications, notification, index) && /* @__PURE__ */jsx("div", {
         className: "bg-muted/100 w-full border-b p-2 px-4",
         children: /* @__PURE__ */jsx("span", {
@@ -31,7 +31,7 @@ function NotificationList({
         children: [/* @__PURE__ */jsxs("div", {
           className: "flex flex-row items-baseline justify-between",
           children: [/* @__PURE__ */jsx("span", {
-            id: getNotificationListMessageId(notificationMenuListId, notification.id),
+            id: getNotificationListMessageId(notification.id, notificationMenuListId),
             className: "text-foreground font-semibold",
             children: notification.message
           }), /* @__PURE__ */jsxs("span", {
@@ -42,7 +42,7 @@ function NotificationList({
             }), formatUserFrendlyRelativeTime(notification.createdDate)]
           })]
         }), /* @__PURE__ */jsx("p", {
-          id: getNotificationListDescriptionId(notificationMenuListId, notification.id),
+          id: getNotificationListDescriptionId(notification.id, notificationMenuListId),
           className: "text-muted-foreground text-sm",
           children: notification.description
         })]

package/packages/level2/fd-app-toolbox/menu/top-menu/top-menu-item/TopMenuItem.funcs.cjs.js

@@ -4,6 +4,6 @@
 var paths = require('../../../../../fd-toolbox/routing/paths.cjs.js');
 var enums = require('../../../../../fd-toolbox/enums/enums.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x3d36b9,_0x572dd2)=>__defProp(_0x3d36b9,'name',{'value':_0x572dd2,'configurable':!![]});function navigateToItem(_0x49e7ed,_0x5e46da,_0x318139,_0x37b563){if(_0x49e7ed!==enums.menuItemTypes['redirectUrl'])return;if(_0x318139){const _0x53af7f=paths.addQueryParamsToPath(_0x318139,_0x37b563);_0x5e46da['push'](_0x53af7f);}}__name(navigateToItem,'navigateToItem');
+var __defProp=Object['defineProperty'],__name=(_0x46b03d,_0x479433)=>__defProp(_0x46b03d,'name',{'value':_0x479433,'configurable':!![]});function navigateToItem(_0x130141,_0x2ca1a4,_0x2695f1,_0x3009d2){if(_0x130141!==enums.menuItemTypes['redirectUrl'])return;if(_0x2695f1){const _0x314a3e=paths.addQueryParamsToPath(_0x2695f1,_0x3009d2);_0x2ca1a4['push'](_0x314a3e);}}__name(navigateToItem,'navigateToItem');
 
 exports.navigateToItem = navigateToItem;

package/packages/level2/fd-app-toolbox/menu/top-menu/top-menu-item/TopMenuItem.funcs.js

@@ -2,6 +2,6 @@
 import { addQueryParamsToPath } from '../../../../../fd-toolbox/routing/paths.js';
 import { menuItemTypes } from '../../../../../fd-toolbox/enums/enums.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x3d36b9,_0x572dd2)=>__defProp(_0x3d36b9,'name',{'value':_0x572dd2,'configurable':!![]});function navigateToItem(_0x49e7ed,_0x5e46da,_0x318139,_0x37b563){if(_0x49e7ed!==menuItemTypes['redirectUrl'])return;if(_0x318139){const _0x53af7f=addQueryParamsToPath(_0x318139,_0x37b563);_0x5e46da['push'](_0x53af7f);}}__name(navigateToItem,'navigateToItem');
+var __defProp=Object['defineProperty'],__name=(_0x46b03d,_0x479433)=>__defProp(_0x46b03d,'name',{'value':_0x479433,'configurable':!![]});function navigateToItem(_0x130141,_0x2ca1a4,_0x2695f1,_0x3009d2){if(_0x130141!==menuItemTypes['redirectUrl'])return;if(_0x2695f1){const _0x314a3e=addQueryParamsToPath(_0x2695f1,_0x3009d2);_0x2ca1a4['push'](_0x314a3e);}}__name(navigateToItem,'navigateToItem');
 
 export { navigateToItem };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.cjs.js

@@ -4,7 +4,7 @@
 
 var compilerRuntime = require('react/compiler-runtime');
 var jsxRuntime = require('react/jsx-runtime');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var menu = require('@base-ui/react/menu');
 var Select = require('../../../fd-component-toolbox/select/Select.cjs.js');
 var themes = require('../themes.cjs.js');
 var UserDropdownMenuItem = require('./user-dropdown-menu-item/UserDropdownMenuItem.cjs.js');
@@ -24,25 +24,6 @@ var elements = require('../../../../fd-toolbox/constants/elements.cjs.js');
 var VisibleWorkspacePicker = require('../visible-workspace-picker/VisibleWorkspacePicker.cjs.js');
 var UserDropdownMenu_funcs = require('./UserDropdownMenu.funcs.cjs.js');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
@@ -92,83 +73,79 @@ function UserDropdownMenu(t0) {
   } else {
     t3 = $[3];
   }
-  return jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.Root, {
+  return jsxRuntime.jsxs(menu.Menu.Root, {
     open,
     onOpenChange: setOpen,
-    children: [jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, {
-      asChild: true,
+    children: [jsxRuntime.jsx(menu.Menu.Trigger, {
       id: elements.elements.userSettings.userDropdownButton,
-      children: jsxRuntime.jsx("button", {
-        className: "hover:bg-fd-tertiary-700 cursor-pointer rounded-md p-2",
-        children: jsxRuntime.jsxs("div", {
-          id,
-          className: "flex flex-row items-center",
-          children: [jsxRuntime.jsxs(Avatar.Avatar, {
-            className: "mr-2.5 size-5",
-            children: [jsxRuntime.jsx(Avatar.AvatarImage, {
-              src: avatarImageUrl
-            }), jsxRuntime.jsx(Avatar.AvatarFallback, {})]
-          }), jsxRuntime.jsx(SubHeading.SubHeading, {
-            className: "text-fd-tertiary-50 mr-2 p-0 text-center text-sm whitespace-nowrap",
-            children: loginState.loggedIn ? loginState.displayName : "Login"
-          }), jsxRuntime.jsx(lucideReact.ChevronDown, {
-            className: "text-fd-tertiary-50 size-5 justify-end"
-          })]
-        })
+      className: "hover:bg-fd-tertiary-700 cursor-pointer rounded-md p-2",
+      children: jsxRuntime.jsxs("div", {
+        id,
+        className: "flex flex-row items-center",
+        children: [jsxRuntime.jsxs(Avatar.Avatar, {
+          className: "mr-2.5 size-5",
+          children: [jsxRuntime.jsx(Avatar.AvatarImage, {
+            src: avatarImageUrl
+          }), jsxRuntime.jsx(Avatar.AvatarFallback, {})]
+        }), jsxRuntime.jsx(SubHeading.SubHeading, {
+          className: "text-fd-tertiary-50 mr-2 p-0 text-center text-sm whitespace-nowrap",
+          children: loginState.loggedIn ? loginState.displayName : "Login"
+        }), jsxRuntime.jsx(lucideReact.ChevronDown, {
+          className: "text-fd-tertiary-50 size-5 justify-end"
+        })]
       })
-    }), jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, {
-      children: jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.Content, {
+    }), jsxRuntime.jsx(menu.Menu.Portal, {
+      children: jsxRuntime.jsx(menu.Menu.Positioner, {
         align: "start",
-        className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border p-1 shadow outline-none",
-        onCloseAutoFocus: _temp,
-        children: [!environments.isPackageMode() && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [jsxRuntime.jsxs(Select.Select, {
-            value: theme,
-            onValueChange: switchTheme,
-            children: [jsxRuntime.jsx(Select.SelectTrigger, {
-              noUnderline: true,
-              className: "hover:bg-muted/50 cursor-pointer p-2 font-medium shadow-none",
-              children: jsxRuntime.jsxs("div", {
-                className: "flex items-center gap-x-2",
-                children: [jsxRuntime.jsx(Icon.Icon, {
-                  name: UserDropdownMenu_funcs.getThemeIcon(theme),
-                  className: "size-3"
-                }), jsxRuntime.jsx("p", {
-                  children: UserDropdownMenu_funcs.getThemeLabel(theme)
-                })]
+        sideOffset: 4,
+        children: jsxRuntime.jsxs(menu.Menu.Popup, {
+          className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border p-1 shadow outline-none",
+          children: [!environments.isPackageMode() && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [jsxRuntime.jsxs(Select.Select, {
+              value: theme,
+              onValueChange: switchTheme,
+              children: [jsxRuntime.jsx(Select.SelectTrigger, {
+                noUnderline: true,
+                className: "hover:bg-muted/50 cursor-pointer p-2 font-medium shadow-none",
+                children: jsxRuntime.jsxs("div", {
+                  className: "flex items-center gap-x-2",
+                  children: [jsxRuntime.jsx(Icon.Icon, {
+                    name: UserDropdownMenu_funcs.getThemeIcon(theme),
+                    className: "size-3"
+                  }), jsxRuntime.jsx("p", {
+                    children: UserDropdownMenu_funcs.getThemeLabel(theme)
+                  })]
+                })
+              }), jsxRuntime.jsx(Select.SelectContent, {
+                children: jsxRuntime.jsxs(Select.SelectGroup, {
+                  children: [jsxRuntime.jsx(Select.SelectItem, {
+                    value: themes.themes.light,
+                    children: themes.themes.lightMode
+                  }), jsxRuntime.jsx(Select.SelectItem, {
+                    value: themes.themes.dark,
+                    children: themes.themes.darkMode
+                  }), jsxRuntime.jsx(Select.SelectItem, {
+                    value: themes.themes.system,
+                    children: themes.themes.systemMode
+                  })]
+                })
+              })]
+            }), jsxRuntime.jsx(React.Suspense, {
+              children: jsxRuntime.jsx(WorkspacePicker.WorkspacePicker, {
+                parentContextName: UserDropdownMenu_funcs$1.getUserDropDownMenuTriggerId(parentContextName ?? ""),
+                userWorkspaces
               })
-            }), jsxRuntime.jsx(Select.SelectContent, {
-              children: jsxRuntime.jsxs(Select.SelectGroup, {
-                children: [jsxRuntime.jsx(Select.SelectItem, {
-                  value: themes.themes.light,
-                  children: themes.themes.lightMode
-                }), jsxRuntime.jsx(Select.SelectItem, {
-                  value: themes.themes.dark,
-                  children: themes.themes.darkMode
-                }), jsxRuntime.jsx(Select.SelectItem, {
-                  value: themes.themes.system,
-                  children: themes.themes.systemMode
-                })]
+            }), jsxRuntime.jsx(React.Suspense, {
+              children: jsxRuntime.jsx(VisibleWorkspacePicker.VisibleWorkspacePicker, {
+                visibleWorkspaces
               })
             })]
-          }), jsxRuntime.jsx(React.Suspense, {
-            children: jsxRuntime.jsx(WorkspacePicker.WorkspacePicker, {
-              parentContextName: UserDropdownMenu_funcs$1.getUserDropDownMenuTriggerId(parentContextName),
-              userWorkspaces
-            })
-          }), jsxRuntime.jsx(React.Suspense, {
-            children: jsxRuntime.jsx(VisibleWorkspacePicker.VisibleWorkspacePicker, {
-              visibleWorkspaces
-            })
-          })]
-        }), items.map(t3)]
+          }), items.map(t3)]
+        })
       })
     })]
   });
 }
-function _temp(e) {
-  return e.preventDefault();
-}
 __name(UserDropdownMenu, "UserDropdownMenu");
 
 exports.UserDropdownMenu = UserDropdownMenu;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.funcs.cjs.js

@@ -4,7 +4,7 @@
 var themes = require('../themes.cjs.js');
 var Icon = require('../../../fd-component-toolbox/icon/Icon.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x1c9af1,_0xff99c)=>__defProp(_0x1c9af1,'name',{'value':_0xff99c,'configurable':!![]});function getThemeIcon(_0x3c0104){switch(_0x3c0104){case themes.themes['light']:return Icon.iconNames['sun'];case themes.themes['dark']:return Icon.iconNames['moon'];default:return Icon.iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x38cde1){switch(_0x38cde1){case themes.themes['light']:return themes.themes['lightMode'];case themes.themes['dark']:return themes.themes['darkMode'];default:return themes.themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
+var __defProp=Object['defineProperty'],__name=(_0x91ccb6,_0x3b6b23)=>__defProp(_0x91ccb6,'name',{'value':_0x3b6b23,'configurable':!![]});function getThemeIcon(_0x118c31){switch(_0x118c31){case themes.themes['light']:return Icon.iconNames['sun'];case themes.themes['dark']:return Icon.iconNames['moon'];default:return Icon.iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x1e2c12){switch(_0x1e2c12){case themes.themes['light']:return themes.themes['lightMode'];case themes.themes['dark']:return themes.themes['darkMode'];default:return themes.themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
 
 exports.getThemeIcon = getThemeIcon;
 exports.getThemeLabel = getThemeLabel;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.funcs.js

@@ -2,6 +2,6 @@
 import { themes } from '../themes.js';
 import { iconNames } from '../../../fd-component-toolbox/icon/Icon.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x1c9af1,_0xff99c)=>__defProp(_0x1c9af1,'name',{'value':_0xff99c,'configurable':!![]});function getThemeIcon(_0x3c0104){switch(_0x3c0104){case themes['light']:return iconNames['sun'];case themes['dark']:return iconNames['moon'];default:return iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x38cde1){switch(_0x38cde1){case themes['light']:return themes['lightMode'];case themes['dark']:return themes['darkMode'];default:return themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
+var __defProp=Object['defineProperty'],__name=(_0x91ccb6,_0x3b6b23)=>__defProp(_0x91ccb6,'name',{'value':_0x3b6b23,'configurable':!![]});function getThemeIcon(_0x118c31){switch(_0x118c31){case themes['light']:return iconNames['sun'];case themes['dark']:return iconNames['moon'];default:return iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x1e2c12){switch(_0x1e2c12){case themes['light']:return themes['lightMode'];case themes['dark']:return themes['darkMode'];default:return themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
 
 export { getThemeIcon, getThemeLabel };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.js

@@ -2,7 +2,7 @@
 'use client';
 import { c } from 'react/compiler-runtime';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Menu } from '@base-ui/react/menu';
 import { Select, SelectTrigger, SelectContent, SelectGroup, SelectItem } from '../../../fd-component-toolbox/select/Select.js';
 import { themes } from '../themes.js';
 import { UserDropdownMenuItem } from './user-dropdown-menu-item/UserDropdownMenuItem.js';
@@ -71,83 +71,79 @@ function UserDropdownMenu(t0) {
   } else {
     t3 = $[3];
   }
-  return jsxs(DropdownMenuPrimitive.Root, {
+  return jsxs(Menu.Root, {
     open,
     onOpenChange: setOpen,
-    children: [jsx(DropdownMenuPrimitive.Trigger, {
-      asChild: true,
+    children: [jsx(Menu.Trigger, {
       id: elements.userSettings.userDropdownButton,
-      children: jsx("button", {
-        className: "hover:bg-fd-tertiary-700 cursor-pointer rounded-md p-2",
-        children: jsxs("div", {
-          id,
-          className: "flex flex-row items-center",
-          children: [jsxs(Avatar, {
-            className: "mr-2.5 size-5",
-            children: [jsx(AvatarImage, {
-              src: avatarImageUrl
-            }), jsx(AvatarFallback, {})]
-          }), jsx(SubHeading, {
-            className: "text-fd-tertiary-50 mr-2 p-0 text-center text-sm whitespace-nowrap",
-            children: loginState.loggedIn ? loginState.displayName : "Login"
-          }), jsx(ChevronDown, {
-            className: "text-fd-tertiary-50 size-5 justify-end"
-          })]
-        })
+      className: "hover:bg-fd-tertiary-700 cursor-pointer rounded-md p-2",
+      children: jsxs("div", {
+        id,
+        className: "flex flex-row items-center",
+        children: [jsxs(Avatar, {
+          className: "mr-2.5 size-5",
+          children: [jsx(AvatarImage, {
+            src: avatarImageUrl
+          }), jsx(AvatarFallback, {})]
+        }), jsx(SubHeading, {
+          className: "text-fd-tertiary-50 mr-2 p-0 text-center text-sm whitespace-nowrap",
+          children: loginState.loggedIn ? loginState.displayName : "Login"
+        }), jsx(ChevronDown, {
+          className: "text-fd-tertiary-50 size-5 justify-end"
+        })]
       })
-    }), jsx(DropdownMenuPrimitive.Portal, {
-      children: jsxs(DropdownMenuPrimitive.Content, {
+    }), jsx(Menu.Portal, {
+      children: jsx(Menu.Positioner, {
         align: "start",
-        className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border p-1 shadow outline-none",
-        onCloseAutoFocus: _temp,
-        children: [!isPackageMode() && jsxs(Fragment, {
-          children: [jsxs(Select, {
-            value: theme,
-            onValueChange: switchTheme,
-            children: [jsx(SelectTrigger, {
-              noUnderline: true,
-              className: "hover:bg-muted/50 cursor-pointer p-2 font-medium shadow-none",
-              children: jsxs("div", {
-                className: "flex items-center gap-x-2",
-                children: [jsx(Icon, {
-                  name: getThemeIcon(theme),
-                  className: "size-3"
-                }), jsx("p", {
-                  children: getThemeLabel(theme)
-                })]
+        sideOffset: 4,
+        children: jsxs(Menu.Popup, {
+          className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border p-1 shadow outline-none",
+          children: [!isPackageMode() && jsxs(Fragment, {
+            children: [jsxs(Select, {
+              value: theme,
+              onValueChange: switchTheme,
+              children: [jsx(SelectTrigger, {
+                noUnderline: true,
+                className: "hover:bg-muted/50 cursor-pointer p-2 font-medium shadow-none",
+                children: jsxs("div", {
+                  className: "flex items-center gap-x-2",
+                  children: [jsx(Icon, {
+                    name: getThemeIcon(theme),
+                    className: "size-3"
+                  }), jsx("p", {
+                    children: getThemeLabel(theme)
+                  })]
+                })
+              }), jsx(SelectContent, {
+                children: jsxs(SelectGroup, {
+                  children: [jsx(SelectItem, {
+                    value: themes.light,
+                    children: themes.lightMode
+                  }), jsx(SelectItem, {
+                    value: themes.dark,
+                    children: themes.darkMode
+                  }), jsx(SelectItem, {
+                    value: themes.system,
+                    children: themes.systemMode
+                  })]
+                })
+              })]
+            }), jsx(Suspense, {
+              children: jsx(WorkspacePicker, {
+                parentContextName: getUserDropDownMenuTriggerId(parentContextName ?? ""),
+                userWorkspaces
               })
-            }), jsx(SelectContent, {
-              children: jsxs(SelectGroup, {
-                children: [jsx(SelectItem, {
-                  value: themes.light,
-                  children: themes.lightMode
-                }), jsx(SelectItem, {
-                  value: themes.dark,
-                  children: themes.darkMode
-                }), jsx(SelectItem, {
-                  value: themes.system,
-                  children: themes.systemMode
-                })]
+            }), jsx(Suspense, {
+              children: jsx(VisibleWorkspacePicker, {
+                visibleWorkspaces
               })
             })]
-          }), jsx(Suspense, {
-            children: jsx(WorkspacePicker, {
-              parentContextName: getUserDropDownMenuTriggerId(parentContextName),
-              userWorkspaces
-            })
-          }), jsx(Suspense, {
-            children: jsx(VisibleWorkspacePicker, {
-              visibleWorkspaces
-            })
-          })]
-        }), items.map(t3)]
+          }), items.map(t3)]
+        })
       })
     })]
   });
 }
-function _temp(e) {
-  return e.preventDefault();
-}
 __name(UserDropdownMenu, "UserDropdownMenu");
 
 export { UserDropdownMenu };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenu.funcs.cjs.js

@@ -3,6 +3,6 @@
 
 var elements = require('../../../../../fd-toolbox/constants/elements.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x2915f1,_0x4cc0ba)=>__defProp(_0x2915f1,'name',{'value':_0x4cc0ba,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x46ff48){return _0x46ff48+elements.elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
+var __defProp=Object['defineProperty'],__name=(_0x15f4e2,_0x289918)=>__defProp(_0x15f4e2,'name',{'value':_0x289918,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x1bff9c){return _0x1bff9c+elements.elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
 
 exports.getUserDropDownMenuTriggerId = getUserDropDownMenuTriggerId;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenu.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { elements } from '../../../../../fd-toolbox/constants/elements.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x2915f1,_0x4cc0ba)=>__defProp(_0x2915f1,'name',{'value':_0x4cc0ba,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x46ff48){return _0x46ff48+elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
+var __defProp=Object['defineProperty'],__name=(_0x15f4e2,_0x289918)=>__defProp(_0x15f4e2,'name',{'value':_0x289918,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x1bff9c){return _0x1bff9c+elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
 
 export { getUserDropDownMenuTriggerId };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenuItem.cjs.js

@@ -3,32 +3,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var menu = require('@base-ui/react/menu');
 var UserDropdownMenuItem_funcs = require('./UserDropdownMenuItem.funcs.cjs.js');
 var utils = require('../../../../../fd-toolbox/lib/utils.cjs.js');
 var Icon = require('../../../../fd-component-toolbox/icon/Icon.cjs.js');
 var Link = require('../../../../fd-component-toolbox/link/Link.cjs.js');
 var paths = require('../../../../../fd-toolbox/routing/paths.cjs.js');
 
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownMenuPrimitive);
-
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
@@ -40,8 +21,8 @@ function UserDropdownMenuItem({
   className,
   closeMenu
 }) {
-  if (item.nextSubgroupsOrMenuItems && item.nextSubgroupsOrMenuItems.length > 0) return /* @__PURE__ */jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.Sub, {
-    children: [/* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubTrigger, {
+  if (item.nextSubgroupsOrMenuItems && item.nextSubgroupsOrMenuItems.length > 0) return /* @__PURE__ */jsxRuntime.jsxs(menu.Menu.SubmenuRoot, {
+    children: [/* @__PURE__ */jsxRuntime.jsx(menu.Menu.SubmenuTrigger, {
       className: utils.cn("p-2 outline-none", className),
       id: UserDropdownMenuItem_funcs.getUserDropdownMenuItemId(item.text),
       children: /* @__PURE__ */jsxRuntime.jsxs("div", {
@@ -54,16 +35,21 @@ function UserDropdownMenuItem({
           className: "text-foreground ml-auto opacity-50"
         })]
       })
-    }), /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, {
-      children: /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubContent, {
-        className: "bg-background z-50 min-w-52 rounded-md shadow",
-        children: item.nextSubgroupsOrMenuItems.map(subItem => /* @__PURE__ */jsxRuntime.jsx(UserDropdownMenuItem, {
-          item: subItem
-        }, `${subItem.text}_${subItem.type}`))
+    }), /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Portal, {
+      children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Positioner, {
+        sideOffset: 4,
+        alignOffset: -4,
+        children: /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Popup, {
+          className: "bg-background z-50 min-w-52 rounded-md shadow",
+          children: item.nextSubgroupsOrMenuItems.map(subItem => /* @__PURE__ */jsxRuntime.jsx(UserDropdownMenuItem, {
+            item: subItem,
+            closeMenu
+          }, `${subItem.text}_${subItem.type}`))
+        })
       })
     })]
   });
-  return /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, {
+  return /* @__PURE__ */jsxRuntime.jsx(menu.Menu.Item, {
     className: utils.cn("p-2 outline-none", className),
     children: /* @__PURE__ */jsxRuntime.jsxs("div", {
       className: "text-sm font-medium",

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenuItem.funcs.cjs.js

@@ -4,7 +4,7 @@
 var enums = require('../../../../../fd-toolbox/enums/enums.cjs.js');
 var elements = require('../../../../../fd-toolbox/constants/elements.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x32b3c4,_0x3e4b2d)=>__defProp(_0x32b3c4,'name',{'value':_0x3e4b2d,'configurable':!![]});function isRedirectUrl(_0x1f1a36){return _0x1f1a36['type']===enums.menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x523142){return _0x523142['type']===enums.menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x34675){return elements.elements['userSettings']['subMenuButton']+_0x34675;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x293682,_0x44d375){_0x44d375?.(),_0x293682?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
+var __defProp=Object['defineProperty'],__name=(_0x5cbaa9,_0x2018c9)=>__defProp(_0x5cbaa9,'name',{'value':_0x2018c9,'configurable':!![]});function isRedirectUrl(_0x241037){return _0x241037['type']===enums.menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x3ad83d){return _0x3ad83d['type']===enums.menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x621e5){return elements.elements['userSettings']['subMenuButton']+_0x621e5;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x488bca,_0x8165b4){_0x8165b4?.(),_0x488bca?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
 
 exports.getUserDropdownMenuItemId = getUserDropdownMenuItemId;
 exports.isRedirectUrl = isRedirectUrl;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenuItem.funcs.js

@@ -2,6 +2,6 @@
 import { menuItemTypes } from '../../../../../fd-toolbox/enums/enums.js';
 import { elements } from '../../../../../fd-toolbox/constants/elements.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x32b3c4,_0x3e4b2d)=>__defProp(_0x32b3c4,'name',{'value':_0x3e4b2d,'configurable':!![]});function isRedirectUrl(_0x1f1a36){return _0x1f1a36['type']===menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x523142){return _0x523142['type']===menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x34675){return elements['userSettings']['subMenuButton']+_0x34675;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x293682,_0x44d375){_0x44d375?.(),_0x293682?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
+var __defProp=Object['defineProperty'],__name=(_0x5cbaa9,_0x2018c9)=>__defProp(_0x5cbaa9,'name',{'value':_0x2018c9,'configurable':!![]});function isRedirectUrl(_0x241037){return _0x241037['type']===menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x3ad83d){return _0x3ad83d['type']===menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x621e5){return elements['userSettings']['subMenuButton']+_0x621e5;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x488bca,_0x8165b4){_0x8165b4?.(),_0x488bca?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
 
 export { getUserDropdownMenuItemId, isRedirectUrl, isText, onUserDropdownMenuItemClick };