@ixo/ui 0.0.3 → 0.0.5

package/dist/{components-CHw5jEoW.cjs → components-DmVrcjoe.cjs}

@@ -24,7 +24,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const radash = require("radash");
 const react = require("@emotion/react");
-const UsersSolid = require("./UsersSolid-Cr_JcwNT.cjs");
+const UsersSolid = require("./UsersSolid-Bj2vwEHq.cjs");
 const react$1 = require("react");
 const constants = require("./constants-DFJRYpE2.cjs");
 const core = require("@mantine/core");
@@ -797,8 +797,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-VaICO7W_.cjs")));
-const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-ENvEnnl-.cjs")));
+const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-DrypVliv.cjs")));
+const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-DJEwZuHm.cjs")));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -882,7 +882,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-DzhUdjUL.cjs")));
+const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-Bc_MmoiM.cjs")));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = react$1.useRef(null);
   const handleOnClick = react$1.useCallback(
@@ -1317,7 +1317,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-DuQW8UvT.cjs")));
+const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-BnU1ktcj.cjs")));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = react$1.useRef(null);
   const wrapperContentAreaRef = react$1.useRef(null);
@@ -5082,13 +5082,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-B_ZmmwEe.cjs")));
-const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-VDoa1Q1D.cjs")));
-const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-CVdy8C9p.cjs")));
+const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-BQ3DAXnq.cjs")));
+const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CEFoRpvx.cjs")));
+const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-CxWtsgMl.cjs")));
 const Map = react$1.lazy(() => Promise.resolve().then(() => require("./index-D4PsPquZ.cjs")));
 const CustomContent = react$1.lazy(() => Promise.resolve().then(() => require("./index-ByrCNpS2.cjs")));
-const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-BGuk50yr.cjs")));
-const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-C_KUatu4.cjs")));
+const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-wyaeB3FQ.cjs")));
+const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-CZf9DVqp.cjs")));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = react$1.useRef(null);
@@ -8737,7 +8737,7 @@ function UserNav({ workspaces, user, onWorkspaceChange, onItemHover, onItemLeave
         isActive: true,
         showNotification: activeWorkspace.notification !== void 0 && activeWorkspace.notification > 0,
         notificationContent: activeWorkspace.notification,
-        onHover: (e) => handleItemHover("workspace", e),
+        onHover: (e) => handleItemHover("workspaces", e),
         onLeave: handleItemLeave,
         onClick: () => onWorkspaceChange?.(activeWorkspace)
       }
@@ -9471,22 +9471,6 @@ function NavigationActionSelector({ action, onClick }) {
     color: "rgba(255, 255, 255, 0.5)",
     margin: 0
   };
-  const premiumTagStyle = {
-    display: "flex",
-    alignItems: "center",
-    padding: "0 8px",
-    height: "20px",
-    background: "rgba(0, 210, 255, 0.2)",
-    borderRadius: "16px",
-    fontSize: "12px",
-    fontWeight: "400",
-    color: "#00D2FF",
-    fontFamily: theme.font.main,
-    position: "absolute",
-    right: "16px",
-    top: "50%",
-    transform: "translateY(-50%)"
-  };
   const handleClick = () => {
     onClick?.(action);
   };
@@ -9500,53 +9484,12 @@ function NavigationActionSelector({ action, onClick }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("button", { style: containerStyle, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: iconContainerStyle, children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {}) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: textContentStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: titleStyle, children: action.title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: descriptionStyle, children: action.description })
-    ] }),
-    action.isPremium && /* @__PURE__ */ jsxRuntime.jsx("div", { style: premiumTagStyle, children: "Premium" })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: titleStyle, children: action.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: descriptionStyle, children: action.label })
+    ] })
   ] });
 }
-function MoreModal({ position, onMouseEnter, onMouseLeave, additionalItems }) {
-  const defaultNavigationActions = [
-    {
-      id: "resources",
-      title: "Resources",
-      description: "Linked Resources of the Domain",
-      Icon: UsersSolid.Resources
-    },
-    {
-      id: "activity",
-      title: "Activity",
-      description: "Show the past activity of the Domain",
-      Icon: UsersSolid.HistorySolid
-    },
-    {
-      id: "credentials",
-      title: "Credentials",
-      description: "Shows the Credentials of the Domain",
-      Icon: UsersSolid.ShieldAltSolid
-    },
-    {
-      id: "impacts",
-      title: "Impacts",
-      description: "Verify the impacts of your Domain",
-      Icon: UsersSolid.Resources,
-      // Using Resources as placeholder for impacts icon
-      isPremium: true
-    }
-  ];
-  const convertNavItemsToActions = (items) => {
-    return items.map((item) => ({
-      id: item.id,
-      title: item.label,
-      description: `Navigate to ${item.label}`,
-      // Generic description
-      Icon: item.Icon,
-      isPremium: false
-      // NavItems don't have premium flag
-    }));
-  };
-  const navigationActions = additionalItems.length > 0 ? convertNavItemsToActions(additionalItems) : defaultNavigationActions;
+function MoreModal({ onItemClick, position, onMouseEnter, onMouseLeave, items }) {
   const modalStyle = {
     position: "fixed",
     left: `${position.x}px`,
@@ -9584,12 +9527,9 @@ function MoreModal({ position, onMouseEnter, onMouseLeave, additionalItems }) {
     scrollbarWidth: "thin",
     scrollbarColor: "rgba(255, 255, 255, 0.3) transparent"
   };
-  const handleActionClick = (action) => {
-    console.log("Clicked navigation action:", action);
-  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: modalStyle, onMouseEnter, onMouseLeave, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: headerStyle, children: /* @__PURE__ */ jsxRuntime.jsx(Typography.Text, { size: "xs", color: "overPicture", children: "More" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: navigationActionsContainerStyle, children: navigationActions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(NavigationActionSelector, { action, onClick: handleActionClick }, action.id)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: navigationActionsContainerStyle, children: onItemClick && items.map((action) => /* @__PURE__ */ jsxRuntime.jsx(NavigationActionSelector, { action, onClick: () => onItemClick(action) }, action.id)) })
   ] });
 }
 function SpaceSelector({ space, onClick, className }) {
@@ -10223,18 +10163,15 @@ function NavigationBar({
             if (estimatedModalHeight <= dynamicNavHeight) {
               maxHeight = dynamicNavHeight;
               yPosition = dynamicRect.bottom - estimatedModalHeight;
-              console.log(`Small modal: positioning at Y=${yPosition} (DynamicNav bottom - modal height)`);
             } else if (estimatedModalHeight <= navBarRect.height) {
               maxHeight = navBarRect.height;
               yPosition = navBarRect.top;
-              console.log(`Medium modal: positioning at Y=${yPosition} (NavigationBar top)`);
             } else {
               maxHeight = navBarRect.height;
               yPosition = navBarRect.top;
-              console.log(`Large modal: positioning at Y=${yPosition} (NavigationBar top, will be scrollable)`);
             }
           }
-        } else if (itemId === "workspace") {
+        } else if (itemId === "workspaces") {
           maxHeight = navBarRect.height;
           yPosition = navBarRect.bottom;
         } else if (itemId === "user") {
@@ -10242,7 +10179,6 @@ function NavigationBar({
           yPosition = navBarRect.bottom;
         }
       } else {
-        console.warn("NavigationBar rect not found, using fallback positioning");
         xPosition = rect.right + 8;
         yPosition = rect.top;
         maxHeight = Math.min(400, window.innerHeight - rect.top - 20);
@@ -10250,7 +10186,7 @@ function NavigationBar({
       clearAllTimeouts();
       hoverEnterTimeoutRef.current = window.setTimeout(() => {
         let useBottomPositioning = false;
-        if (itemId === "workspace") {
+        if (itemId === "workspaces") {
           useBottomPositioning = true;
         } else if (itemId === "more") {
           useBottomPositioning = false;
@@ -10346,8 +10282,18 @@ function NavigationBar({
         onEcosystemClick
       }
     ),
-    hoveredItem === "more" && /* @__PURE__ */ jsxRuntime.jsx(MoreModal, { position: modalPosition, onClose: handleModalLeave, onMouseEnter: handleModalEnter, onMouseLeave: handleModalLeave, additionalItems: getMoreItems() }),
-    hoveredItem === "workspace" && /* @__PURE__ */ jsxRuntime.jsx(
+    hoveredItem === "more" && /* @__PURE__ */ jsxRuntime.jsx(
+      MoreModal,
+      {
+        position: modalPosition,
+        onClose: handleModalLeave,
+        onItemClick: onNavigate,
+        onMouseEnter: handleModalEnter,
+        onMouseLeave: handleModalLeave,
+        items: getMoreItems()
+      }
+    ),
+    hoveredItem === "workspaces" && /* @__PURE__ */ jsxRuntime.jsx(
       WorkspaceModal,
       {
         position: modalPosition,
@@ -10453,4 +10399,4 @@ exports.UserMessage = UserMessage;
 exports.WorkspaceModal = WorkspaceModal;
 exports.cutText = cutText;
 exports.isValidClick = isValidClick;
-//# sourceMappingURL=components-CHw5jEoW.cjs.map
+//# sourceMappingURL=components-DmVrcjoe.cjs.map