@admin-layout/tailwind-design-pro 10.1.1-alpha.9 → 11.2.1-alpha.1

package/lib/components/Layout/Sidebar/PerplexSidebar.js

@@ -0,0 +1,254 @@
+import React__default,{useEffect}from'react';import {useTranslation}from'react-i18next';import {getMenuSeparation}from'@admin-layout/client';import {Divider}from'./Divider.js';import {PerplexSidebarMenu}from'./PerplexSidebarMenu.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import'@common-stack/components-pro';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {SideMenuLogoSlot}from'../slot-fill/SideMenuLogo.js';import {BottomMenu}from'./BottomMenu.js';import {icons}from'../../../icons.js';import {MainSidebarMenu}from'./MainSidebarMenu.js';const PerplexSidebar = props => {
+  const {
+    isSideMenuOpen,
+    closeSideMenu,
+    menuData,
+    collapsed,
+    routeParams,
+    settings,
+    location,
+    siderPinned,
+    setSiderPinned,
+    layoutSettings,
+    deviceSettings,
+    actor,
+    sideBarMarginTop,
+    showHeader,
+    menuHeaderRender,
+    isSideMenuLayout,
+    authorities,
+    picture
+  } = props;
+  const [iconModule, setIconModule] = React__default.useState(null);
+  const {
+    t,
+    i18n
+  } = useTranslation('menu');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const {
+    ChevronLeftIcon,
+    ChevronRightIcon
+  } = icons;
+  // Helper function to get value from settings with route/device override support
+  const getUILayoutValue = path => {
+    // Check for route/device-specific override first
+    const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
+    const uiOverride = settings?.uiSettings?.[routeDeviceKey];
+    if (uiOverride) {
+      const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
+      if (value !== undefined) return value;
+    }
+    // Fallback to settings (flattened uilayout from configuration-registries)
+    return path.split('.').reduce((obj, key) => obj?.[key], settings);
+  };
+  // Get layout settings from the new flat structure
+  const deviceLayout = {
+    navigationMode: getUILayoutValue('navigationMode'),
+    sideMenuType: getUILayoutValue('sideMenuType'),
+    contentWidth: getUILayoutValue('contentWidth'),
+    fixedHeader: getUILayoutValue('fixedHeader'),
+    fixedSidebar: getUILayoutValue('fixedSidebar'),
+    splitMenus: getUILayoutValue('splitMenus'),
+    upperMenuDividerName: getUILayoutValue('upperMenuDividerName'),
+    middleMenuDividerName: getUILayoutValue('middleMenuDividerName'),
+    lowerMenuDividerName: getUILayoutValue('lowerMenuDividerName')
+  };
+  useEffect(() => {
+    if (!iconModule) {
+      import('./DynamicIcon.js').then(module => {
+        setIconModule(module);
+      });
+    }
+  }, []);
+  // Close sidebar when clicking outside on mobile
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const sidebar = document.getElementById('mobile-sidebar');
+      if (sidebar && !sidebar.contains(event.target) && isSideMenuOpen) {
+        closeSideMenu();
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isSideMenuOpen, closeSideMenu]);
+  // Close sidebar when pressing escape
+  useEffect(() => {
+    const handleEscape = event => {
+      if (event.key === 'Escape' && isSideMenuOpen) {
+        closeSideMenu();
+      }
+    };
+    document.addEventListener('keydown', handleEscape);
+    return () => {
+      document.removeEventListener('keydown', handleEscape);
+    };
+  }, [isSideMenuOpen, closeSideMenu]);
+  const {
+    middleMenus,
+    lowerMenus,
+    bottomMenus
+  } = getMenuSeparation(menuData || []);
+  const updateMenuIcons = (menuItems = []) => {
+    if (!menuItems || !Array.isArray(menuItems)) return [];
+    return menuItems.map(item => {
+      const updatedItem = {
+        ...item,
+        name: t(item.name),
+        icon: iconModule && item.icon ? iconModule.renderDynamicIcon(item.icon) : null
+      };
+      if (updatedItem.children) {
+        updatedItem.children = updateMenuIcons(updatedItem.children);
+      }
+      return updatedItem;
+    });
+  };
+  ({
+    menuData: updateMenuIcons(bottomMenus)
+  });
+  // Use CSS classes instead of theme-based styling
+  const getSidebarClasses = () => {
+    let classes = `text-gray-500 dark:text-gray-400 h-full flex flex-col`;
+    if (settings?.navTheme === 'realDark') {
+      classes += ' themed-sidebar';
+    }
+    if (showHeader) {
+      classes += ' md:h-[82vh]';
+    }
+    if (!showHeader) {
+      classes += ' md:h-[84vh]';
+    }
+    if (!showHeader && !menuHeaderRender) {
+      classes += ' md:h-[91vh]';
+    }
+    return classes;
+  };
+  const SidebarStyles = React__default.useMemo(() => ({
+    backgroundColor: settings?.navTheme === 'realDark' ? '#222' : undefined,
+    color: settings?.navTheme === 'realDark' ? '#fff !important' : undefined
+  }), [settings]);
+  // Helper function to render a separator with a name
+  const renderSeparator = name => {
+    if (!deviceLayout?.splitMenus) return null;
+    return collapsed ? React__default.createElement("hr", {
+      className: "border-t border-border"
+    }) : React__default.createElement(Divider, {
+      className: "text-muted-foreground border-border my-2 p-0",
+      plain: true
+    }, name);
+  };
+  const renderSidebarContent = () => {
+    return React__default.createElement("div", {
+      className: getSidebarClasses(),
+      style: SidebarStyles
+    }, React__default.createElement("div", {
+      className: "relative"
+    }), React__default.createElement("div", {
+      className: "flex-grow overflow-y-auto"
+    }, middleMenus?.length > 0 && React__default.createElement("div", {
+      className: "removeBoxShadow"
+    }, renderSeparator(deviceLayout?.middleMenuDividerName), React__default.createElement(PerplexSidebarMenu, {
+      menuData: updateMenuIcons(middleMenus),
+      routeParams: routeParams,
+      settings: settings,
+      collapsed: collapsed,
+      siderPinned: siderPinned,
+      setSiderPinned: setSiderPinned,
+      actor: actor,
+      deviceSettings: deviceSettings
+    })), lowerMenus?.length > 0 && React__default.createElement("div", {
+      className: "removeBoxShadow"
+    }, renderSeparator(deviceLayout?.lowerMenuDividerName), React__default.createElement(PerplexSidebarMenu, {
+      menuData: updateMenuIcons(lowerMenus),
+      routeParams: routeParams,
+      settings: settings,
+      collapsed: collapsed,
+      siderPinned: siderPinned,
+      setSiderPinned: setSiderPinned,
+      actor: actor,
+      deviceSettings: deviceSettings
+    }))));
+  };
+  const renderMobileSidebarContent = () => {
+    return React__default.createElement("div", {
+      className: getSidebarClasses(),
+      style: SidebarStyles
+    }, React__default.createElement("div", {
+      className: "relative"
+    }, React__default.createElement("button", {
+      onClick: closeSideMenu,
+      className: "w-6 h-6 text-center bg-card text-muted-foreground flex items-center justify-center rounded-full shadow-themed-sm hover:text-foreground hover:shadow-themed-md transition-colors text-[22px] absolute right-[-13px] top-[20px]",
+      "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar'
+    }, collapsed ? React__default.createElement(ChevronRightIcon, {
+      fontSize: '11px'
+    }) : React__default.createElement(ChevronLeftIcon, {
+      fontSize: '11px'
+    }))), React__default.createElement("div", {
+      className: "flex-grow overflow-y-auto"
+    }, React__default.createElement("div", null, middleMenus?.length > 0 && React__default.createElement("div", {
+      className: "removeBoxShadow"
+    }, renderSeparator(deviceLayout?.middleMenuDividerName), React__default.createElement(MainSidebarMenu, {
+      menuData: updateMenuIcons(middleMenus),
+      routeParams: routeParams,
+      settings: settings,
+      collapsed: collapsed
+    })), lowerMenus?.length > 0 && React__default.createElement("div", {
+      className: "removeBoxShadow"
+    }, renderSeparator(deviceLayout?.lowerMenuDividerName), React__default.createElement(MainSidebarMenu, {
+      menuData: updateMenuIcons(lowerMenus),
+      routeParams: routeParams,
+      settings: settings,
+      collapsed: collapsed
+    })))));
+  };
+  return React__default.createElement("div", null, !isMobile && React__default.createElement("aside", {
+    style: SidebarStyles,
+    className: `${deviceLayout?.fixedSidebar ? 'fixed' : 'relative'} border-r border-border z-20 h-screen bg-card text-card-foreground md:block flex-shrink-0 transition-all duration-300 ease-in-out w-[92px]`
+  }, menuHeaderRender && isSideMenuLayout && React__default.createElement("div", {
+    className: "border-b border-border py-1 flex items-center justify-center"
+  }, React__default.createElement(SideMenuLogoSlot, {
+    settings: settings,
+    location: location
+  })), React__default.createElement("div", null, renderSidebarContent()), React__default.createElement("div", {
+    className: "flex-shrink-0 p-4 border-t border-border"
+  }, React__default.createElement(BottomMenu, {
+    match: null,
+    menuData: menuData,
+    settings: settings,
+    routeParams: routeParams,
+    getMenuSeparation: getMenuSeparation,
+    scrolled: undefined,
+    authorities: authorities,
+    picture: picture
+  }))), isSideMenuOpen && isMobile && React__default.createElement("div", {
+    className: "fixed mt-16 inset-0 z-40 bg-black bg-opacity-50 transition-opacity duration-300 ease-in-out",
+    onClick: closeSideMenu
+  }), React__default.createElement("aside", {
+    id: "mobile-sidebar",
+    style: SidebarStyles,
+    className: `fixed mt-16 top-0 left-0 z-50 h-full w-[280px] shadow-xl transform transition-transform duration-300 ease-in-out md:hidden ${isSideMenuOpen ? 'translate-x-0' : '-translate-x-full'}`
+  }, React__default.createElement("div", {
+    className: "flex flex-col h-[calc(100vh-64px)]"
+  }, React__default.createElement("div", {
+    className: "flex-1 overflow-y-auto py-2 px-4"
+  }, React__default.createElement("div", {
+    className: "space-y-1"
+  }, renderMobileSidebarContent())), React__default.createElement("div", {
+    className: "flex-shrink-0 p-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"
+  }, React__default.createElement(BottomMenu, {
+    match: null,
+    menuData: menuData,
+    settings: settings,
+    routeParams: routeParams,
+    getMenuSeparation: getMenuSeparation,
+    scrolled: undefined,
+    authorities: authorities,
+    picture: picture,
+    isMobile: isMobile
+  })))));
+};export{PerplexSidebar};//# sourceMappingURL=PerplexSidebar.js.map

package/lib/components/Layout/Sidebar/PerplexSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerplexSidebar.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SidebarMenuProps } from '../../typings';
+export declare const PerplexSidebarMenu: React.FC<SidebarMenuProps | any>;
+//# sourceMappingURL=PerplexSidebarMenu.d.ts.map

package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerplexSidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,GAAG,CAqa/D,CAAC"}

package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js

@@ -0,0 +1,318 @@
+import React__default,{useState,useRef}from'react';import {useSelector}from'@xstate/react';import {useLocation,Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {icons}from'../../../icons.js';const PerplexSidebarMenu = ({
+  menuData,
+  routeParams,
+  settings,
+  collapsed,
+  siderPinned,
+  setSiderPinned,
+  actor,
+  deviceSettings = {} // Provide empty object as default
+}) => {
+  const [openMenus, setOpenMenus] = useState([]);
+  const [hoveredMenu, setHoveredMenu] = useState(null);
+  const [activeMenuItem, setActiveMenuItem] = useState(null);
+  const [popupPosition, setPopupPosition] = useState({
+    top: 0,
+    height: 0
+  });
+  const [menuTransition, setMenuTransition] = useState('opening');
+  const [flyoutVisible, setFlyoutVisible] = useState(false);
+  const hoverCloseTimeout = React__default.useRef(null);
+  const hoverOpenTimeout = React__default.useRef(null);
+  const currentHoveredMenu = useRef(null);
+  const {
+    PushpinLineIcon,
+    PushpinFillIcon
+  } = icons;
+  const location = useLocation();
+  const machineState = useSelector(actor, state => state);
+  const pinnedPath = machineState?.context?.sidebar?.pinnedPath || null;
+  // Extract showHeader with fallback to true if not defined
+  const showHeader = deviceSettings && deviceSettings.header && deviceSettings.header.showHeader !== undefined ? deviceSettings.header.showHeader : true;
+  const isMenuItemActive = itemPath => {
+    const currentPath = location.pathname;
+    const menuPath = generateMenuPath(itemPath, routeParams);
+    // Exact match
+    if (currentPath === menuPath) {
+      return true;
+    }
+    // Check if current path is a child of the menu item path
+    if (menuPath && currentPath.startsWith(menuPath + '/')) {
+      return true;
+    }
+    return false;
+  };
+  const toggleMenu = (path, depth, e) => {
+    e.preventDefault();
+    if (collapsed) return;
+    setOpenMenus(prev => {
+      if (prev.includes(path)) {
+        return prev.filter(item => item !== path);
+      } else {
+        return [...prev, path];
+      }
+    });
+  };
+  const handleMenuClick = (path, hasChildren, depth, e) => {
+    if (hasChildren && !collapsed) {
+      toggleMenu(path, depth, e);
+    }
+  };
+  const getFirstLetter = name => {
+    return name.charAt(0).toUpperCase();
+  };
+  const getFirstWord = name => {
+    if (!name) return '';
+    const parts = name.trim().split(/\s+/);
+    return parts[0] || name;
+  };
+  const handleMenuHover = (e, item, isHoverMenu, depth = 0) => {
+    // Only set hover state if the menu has children
+    const canShowHoverPopup = collapsed && !isHoverMenu || !collapsed && depth === 0 && !isHoverMenu;
+    if (item.children && item.children.length > 0 && canShowHoverPopup) {
+      const element = e.currentTarget;
+      const rect = element.getBoundingClientRect();
+      // Calculate position ensuring it stays within viewport roughly
+      const viewportHeight = window.innerHeight;
+      let top = rect.top;
+      const maxTop = Math.max(8, viewportHeight - 300); // crude lower bound to avoid going off screen
+      if (top > maxTop) top = maxTop;
+      setPopupPosition({
+        top: top,
+        height: rect.height
+      });
+      // Clear any existing timeouts
+      if (hoverCloseTimeout.current) {
+        window.clearTimeout(hoverCloseTimeout.current);
+        hoverCloseTimeout.current = null;
+      }
+      if (hoverOpenTimeout.current) {
+        window.clearTimeout(hoverOpenTimeout.current);
+        hoverOpenTimeout.current = null;
+      }
+      currentHoveredMenu.current = item.path;
+      // Update which item is being hovered and its children data
+      if (hoveredMenu !== item.path) {
+        // Update the active menu item data first
+        setActiveMenuItem(item);
+        // If we're already showing a menu, just update content without closing/reopening
+        if (flyoutVisible) {
+          // Just update the hovered menu path without animation
+          setHoveredMenu(item.path);
+        } else {
+          // No flyout visible yet, show it with animation
+          setMenuTransition('opening');
+          setFlyoutVisible(true);
+          setHoveredMenu(item.path);
+        }
+      }
+      // If a different top-level item is hovered while pinned, update pinnedPath
+      if (depth === 0 && pinnedPath) {
+        actor?.send({
+          type: 'UISETTING_UPDATE',
+          value: {
+            'sidebar.pinnedPath': item.path
+          }
+        });
+      }
+    }
+  };
+  const handleMenuLeave = (item, isHoverMenu) => {
+    if (!isHoverMenu) {
+      // Clear any existing timeouts
+      if (hoverCloseTimeout.current) {
+        window.clearTimeout(hoverCloseTimeout.current);
+      }
+      if (hoverOpenTimeout.current) {
+        window.clearTimeout(hoverOpenTimeout.current);
+        hoverOpenTimeout.current = null;
+      }
+      currentHoveredMenu.current = null;
+      // Add a longer delay before closing the menu
+      hoverCloseTimeout.current = window.setTimeout(() => {
+        if (!currentHoveredMenu.current) {
+          // Only close if we're not currently hovering any menu
+          setMenuTransition('closing');
+          // Additional delay to complete closing animation
+          setTimeout(() => {
+            if (!currentHoveredMenu.current) {
+              setFlyoutVisible(false);
+              setHoveredMenu(null);
+            }
+          }, 150);
+        }
+      }, 300); // Extended delay to give more time to move between items
+    }
+  };
+  const SidebarStyles = React__default.useMemo(() => ({
+    backgroundColor: settings?.navTheme === 'realDark' ? '#222' : undefined,
+    color: settings?.navTheme === 'realDark' ? '#fff !important' : undefined
+  }), [settings]);
+  const toggleSiderPinned = (e, path) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const nextPinned = pinnedPath === path ? null : path;
+    actor?.send({
+      type: 'UISETTING_UPDATE',
+      value: {
+        'sidebar.pinnedPath': nextPinned
+      }
+    });
+    // Find the menu item by path and set it as active
+    if (nextPinned) {
+      const findItemByPath = (items, targetPath) => {
+        for (const item of items) {
+          if (item.path === targetPath) return item;
+          if (item.children) {
+            const found = findItemByPath(item.children, targetPath);
+            if (found) return found;
+          }
+        }
+        return null;
+      };
+      const menuItem = findItemByPath(menuData, path);
+      if (menuItem) {
+        setActiveMenuItem(menuItem);
+        setHoveredMenu(path);
+        setFlyoutVisible(true);
+      }
+    } else {
+      setFlyoutVisible(false);
+      setHoveredMenu(null);
+    }
+    setSiderPinned(!siderPinned);
+  };
+  // Single persistent flyout component for all menus
+  const renderSingleFlyout = () => {
+    if (!flyoutVisible || !activeMenuItem) return null;
+    const sidebarWidth = 92; // Updated fixed sidebar rail width
+    const item = activeMenuItem; // Use the currently active menu item
+    return React__default.createElement("div", {
+      className: `fixed border border-border z-[999] overflow-hidden bg-background menu-${menuTransition}`,
+      style: {
+        left: `${sidebarWidth}px`,
+        top: !showHeader ? '0px' : '5rem',
+        height: !showHeader ? '100vh' : 'calc(100vh - 5rem)',
+        width: '228px',
+        maxWidth: 'calc(100vw - 100px)',
+        pointerEvents: menuTransition === 'closing' ? 'none' : 'auto',
+        ...SidebarStyles
+      },
+      onMouseEnter: () => {
+        if (hoverCloseTimeout.current) {
+          window.clearTimeout(hoverCloseTimeout.current);
+          hoverCloseTimeout.current = null;
+        }
+        // Keep the flyout open while hovering it
+      },
+      onMouseLeave: () => {
+        if (pinnedPath === item.path) return; // don't close if pinned
+        if (hoverCloseTimeout.current) {
+          window.clearTimeout(hoverCloseTimeout.current);
+        }
+        currentHoveredMenu.current = null;
+        setMenuTransition('closing');
+        hoverCloseTimeout.current = window.setTimeout(() => {
+          if (!currentHoveredMenu.current) {
+            setFlyoutVisible(false);
+            setHoveredMenu(null);
+          }
+        }, 150);
+      }
+    }, React__default.createElement("style", {
+      dangerouslySetInnerHTML: {
+        __html: `
+                    @keyframes fadeIn {
+                        from { opacity: 0; transform: translateX(-10px); }
+                        to { opacity: 1; transform: translateX(0); }
+                    }
+                    @keyframes fadeOut {
+                        from { opacity: 1; transform: translateX(0); }
+                        to { opacity: 0; transform: translateX(-10px); }
+                    }
+                    .menu-opening {
+                        animation: fadeIn 0.15s ease-out forwards;
+                    }
+                    .menu-closing {
+                        animation: fadeOut 0.15s ease-in forwards;
+                    }
+                    `
+      }
+    }), React__default.createElement("div", {
+      className: "font-medium text-sm px-3 py-2 border-b border-border sticky top-0 flex items-center justify-between"
+    }, React__default.createElement("span", {
+      className: "text-primary whitespace-nowrap overflow-hidden text-ellipsis pr-2"
+    }, item.name), React__default.createElement("button", {
+      className: "text-muted-foreground hover:text-primary transition-colors",
+      "aria-label": pinnedPath === item.path ? 'Unpin' : 'Pin',
+      onClick: e => toggleSiderPinned(e, item.path)
+    }, pinnedPath === item.path ? React__default.createElement(PushpinFillIcon, {
+      className: "h-4 w-4"
+    }) : React__default.createElement(PushpinLineIcon, {
+      className: "h-4 w-4"
+    }))), React__default.createElement("div", {
+      className: "overflow-y-auto overflow-x-hidden py-1",
+      style: {
+        height: !showHeader ? 'calc(100vh - 44px)' : 'calc(100vh - 5rem - 44px)'
+      }
+    }, item.children?.map(child => React__default.createElement("div", {
+      key: child.path,
+      className: "w-full min-w-max hover:text-primary"
+    }, renderMenuItem(child, 1, true)))));
+  };
+  const renderMenuItem = (item, depth = 0, isHoverMenu = false) => {
+    const hasChildren = item.children && item.children.length > 0;
+    const isOpen = openMenus.includes(item.path);
+    const isActive = isMenuItemActive(item.path);
+    const isHovered = hoveredMenu === item.path;
+    const paddingLeft = `${depth * 1}rem`;
+    // Determine styling based on whether it's a parent or child item
+    const isParentWithChildren = hasChildren && depth === 0;
+    const shouldApplyBackground = isHovered || !isParentWithChildren && isActive;
+    return React__default.createElement("div", {
+      key: item.path,
+      className: `w-full relative group hover:text-primary`,
+      onMouseEnter: e => handleMenuHover(e, item, isHoverMenu, depth),
+      onMouseLeave: () => handleMenuLeave(item, isHoverMenu)
+    }, depth === 0 && (isActive || isParentWithChildren && isHovered) && React__default.createElement("span", {
+      className: "absolute left-0 top-1 bottom-1 w-0.5 bg-primary rounded-sm"
+    }), React__default.createElement(Link, {
+      to: hasChildren && (collapsed || !collapsed && depth === 0) && !isHoverMenu ? '#' : generateMenuPath(item?.path, routeParams),
+      className: `flex hover:text-primary items-center justify-between w-full px-1 py-2 text-xs cursor-pointer transition-colors mx-1 my-1 whitespace-nowrap overflow-hidden text-ellipsis ${shouldApplyBackground ? 'text-primary' : undefined}`,
+      style: {
+        paddingLeft: depth === 0 && !isHoverMenu ? '0.25rem' : `calc(1rem + ${paddingLeft})`
+      },
+      onClick: e => handleMenuClick(item.path, hasChildren && depth > 0, depth, e)
+    }, React__default.createElement("div", {
+      className: `flex ${depth === 0 && !isHoverMenu ? 'flex-col items-center justify-center w-full gap-1' : 'items-center gap-3'}`
+    }, item.icon ? React__default.createElement("span", {
+      className: `flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? 'text-[20px]' : ''}`,
+      style: {
+        color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+      }
+    }, item.icon) : React__default.createElement("span", {
+      className: `flex items-center justify-center flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? 'text-[16px] h-6 w-6 select-none text-center' : ''}`,
+      style: {
+        color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+      }
+    }, getFirstLetter(item.name)), depth === 0 && !isHoverMenu ? React__default.createElement("span", {
+      className: `font-medium text-[11px] leading-4 text-center whitespace-nowrap overflow-hidden text-ellipsis w-full px-1 ${isActive ? 'text-primary' : 'text-foreground'}`,
+      style: {
+        color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+      },
+      title: item.name
+    }, getFirstWord(item.name)) : (!collapsed || isHoverMenu) && React__default.createElement("span", {
+      className: `font-medium whitespace-nowrap overflow-hidden text-ellipsis ${isActive ? 'text-primary' : 'text-foreground'}`,
+      style: {
+        color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+      }
+    }, item.name))), hasChildren && isOpen && !collapsed && depth > 0 && React__default.createElement("div", {
+      className: "transition-all duration-200 ease-in-out bg-background"
+    }, item.children.map(child => renderMenuItem(child, depth + 1))));
+  };
+  return React__default.createElement("div", {
+    className: "overflow-hidden"
+  }, React__default.createElement("nav", {
+    className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`
+  }, menuData.map(item => renderMenuItem(item))), renderSingleFlyout());
+};export{PerplexSidebarMenu};//# sourceMappingURL=PerplexSidebarMenu.js.map

package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerplexSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/Layout/TailwindLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAoEvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAsFvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}