@admin-layout/tailwind-design-pro 12.2.4-alpha.8 → 12.2.4-alpha.84

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

@@ -1,4 +1,74 @@
-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 = ({
+import React__default,{useState,useRef,useEffect}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';// Motion system for the icon rail — sliding active indicator + icon micro-interactions.
+// All transforms/opacity/filter only; layout untouched. Honors prefers-reduced-motion.
+const RAIL_MOTION_CSS = `
+    /* Staggered entrance for the top-level rail items. opacity + transform are
+       compositor-only, so the reveal is GPU-accelerated and never reflows. Runs once
+       on mount; the per-item delay is set inline via --ql-rail-i. */
+    .ql-rail-enter {
+        animation: qlRailItemIn 0.34s cubic-bezier(0.16, 1, 0.3, 1) both;
+        animation-delay: calc(var(--ql-rail-i, 0) * 45ms);
+        will-change: transform, opacity;
+    }
+    @keyframes qlRailItemIn {
+        from { opacity: 0; transform: translateX(-8px) scale(0.92); }
+        to   { opacity: 1; transform: translateX(0) scale(1); }
+    }
+    .ql-rail-indicator {
+        position: absolute;
+        left: 2px;
+        top: 0;
+        width: 3px;
+        border-radius: 9999px;
+        background: hsl(var(--primary));
+        box-shadow: 0 0 0 0.5px hsl(var(--primary) / 0.25), 0 0 12px hsl(var(--primary) / 0.55);
+        pointer-events: none;
+        will-change: transform, height, opacity;
+        z-index: 1;
+    }
+    .ql-rail-indicator--animated {
+        transition:
+            transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
+            height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
+            opacity 0.2s ease-out;
+    }
+    .ql-rail-icon {
+        transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), filter 0.24s ease-out;
+        will-change: transform;
+    }
+    .ql-rail-item:hover .ql-rail-icon {
+        transform: translateY(-1px) scale(1.12);
+    }
+    .ql-rail-item:active .ql-rail-icon {
+        transform: scale(0.94);
+        transition-duration: 0.1s;
+    }
+    .ql-rail-icon-active {
+        transform: scale(1.08);
+        filter: drop-shadow(0 1px 6px hsl(var(--primary) / 0.45));
+    }
+    .ql-rail-item:hover .ql-rail-icon-active {
+        transform: translateY(-1px) scale(1.14);
+    }
+    .ql-hover-accent {
+        background: hsl(var(--primary) / 0.35);
+        animation: qlHoverAccentIn 0.22s cubic-bezier(0.16, 1, 0.3, 1);
+    }
+    @keyframes qlHoverAccentIn {
+        from { opacity: 0; transform: scaleY(0.4); }
+        to   { opacity: 1; transform: scaleY(1); }
+    }
+    @media (prefers-reduced-motion: reduce) {
+        .ql-rail-indicator--animated { transition: opacity 0.12s ease-out; }
+        .ql-rail-icon,
+        .ql-rail-item:hover .ql-rail-icon,
+        .ql-rail-item:active .ql-rail-icon,
+        .ql-rail-item:hover .ql-rail-icon-active { transition: none; transform: none; }
+        .ql-rail-icon-active { transform: none; }
+        .ql-hover-accent { animation: none; }
+        .ql-rail-enter { animation: none; }
+    }
+`;
+const PerplexSidebarMenu = ({
   menuData,
   routeParams,
   settings,
@@ -20,6 +90,17 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   const hoverCloseTimeout = React__default.useRef(null);
   const hoverOpenTimeout = React__default.useRef(null);
   const currentHoveredMenu = useRef(null);
+  // Refs + state for the shared "magic" active indicator that springs between items.
+  const navRef = useRef(null);
+  const itemRefs = useRef({});
+  const [indicator, setIndicator] = useState({
+    y: 0,
+    h: 0,
+    visible: false
+  });
+  // Suppresses the very first slide (so the bar fades in place instead of flying from y=0).
+  const indicatorPrimed = useRef(false);
+  const [indicatorAnimated, setIndicatorAnimated] = useState(false);
   const {
     PushpinLineIcon,
     PushpinFillIcon
@@ -29,6 +110,31 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   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;
+  // Tear down any transient hover/flyout state whenever the route changes.
+  // Navigating from inside a flyout (or while hovering a parent) never fires the
+  // mouse-leave handlers, so hoveredMenu/flyoutVisible/activeMenuItem would otherwise
+  // stay stuck — leaving the parent item highlighted and the flyout panel covering
+  // the content. Pinned flyouts are intentionally kept open.
+  useEffect(() => {
+    if (hoverCloseTimeout.current) {
+      window.clearTimeout(hoverCloseTimeout.current);
+      hoverCloseTimeout.current = null;
+    }
+    if (hoverOpenTimeout.current) {
+      window.clearTimeout(hoverOpenTimeout.current);
+      hoverOpenTimeout.current = null;
+    }
+    if (pinnedPath) {
+      // Keep the pinned flyout open and highlighted; just drop any other hover.
+      currentHoveredMenu.current = pinnedPath;
+      return;
+    }
+    currentHoveredMenu.current = null;
+    setFlyoutVisible(false);
+    setHoveredMenu(null);
+    setActiveMenuItem(null);
+    setMenuTransition('opening');
+  }, [location.pathname, pinnedPath]);
   const isMenuItemActive = itemPath => {
     const currentPath = location.pathname;
     const menuPath = generateMenuPath(itemPath, routeParams);
@@ -42,6 +148,67 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     }
     return false;
   };
+  // Measure the active top-level item and move the shared indicator to it.
+  // Returns true once it has settled (placed on an item, or no active item exists).
+  const measureIndicator = () => {
+    if (typeof window === 'undefined') return false;
+    const nav = navRef.current;
+    if (!nav) return false;
+    const activeItem = menuData.find(item => isMenuItemActive(item.path));
+    const el = activeItem ? itemRefs.current[activeItem.path] : null;
+    if (el) {
+      setIndicator({
+        y: el.offsetTop,
+        h: el.offsetHeight,
+        visible: true
+      });
+      return true;
+    }
+    setIndicator(prev => ({
+      ...prev,
+      visible: false
+    }));
+    // "Settled" only if there is genuinely no active item to point at.
+    return !activeItem;
+  };
+  // Keep a ref to the latest closure so observers always see current data.
+  const measureRef = useRef(measureIndicator);
+  measureRef.current = measureIndicator;
+  // Re-measure whenever the rail actually lays out or resizes. ResizeObserver
+  // fires once on observe (after layout) — the most reliable signal that item
+  // geometry is ready — and again on async menu load, hydration, or viewport change.
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const nav = navRef.current;
+    if (!nav) return;
+    const run = () => measureRef.current();
+    const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(run) : null;
+    ro?.observe(nav);
+    window.addEventListener('resize', run);
+    return () => {
+      ro?.disconnect();
+      window.removeEventListener('resize', run);
+    };
+  }, []);
+  // On navigation / data change: measure now (+ a couple of frame retries for the
+  // hydration race) and enable the sliding transition after the first placement.
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const rafs = [];
+    if (!measureRef.current()) {
+      rafs.push(requestAnimationFrame(() => {
+        if (!measureRef.current()) rafs.push(requestAnimationFrame(() => measureRef.current()));
+      }));
+    }
+    if (!indicatorPrimed.current) {
+      indicatorPrimed.current = true;
+      rafs.push(requestAnimationFrame(() => setIndicatorAnimated(true)));
+    } else {
+      setIndicatorAnimated(true);
+    }
+    return () => rafs.forEach(r => cancelAnimationFrame(r));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [location.pathname, menuData, routeParams, collapsed]);
   const toggleMenu = (path, depth, e) => {
     e.preventDefault();
     if (collapsed) return;
@@ -90,6 +257,7 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
         window.clearTimeout(hoverOpenTimeout.current);
         hoverOpenTimeout.current = null;
       }
+      // Always update the current hovered menu ref
       currentHoveredMenu.current = item.path;
       // Update which item is being hovered and its children data
       if (hoveredMenu !== item.path) {
@@ -97,6 +265,10 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
         setActiveMenuItem(item);
         // If we're already showing a menu, just update content without closing/reopening
         if (flyoutVisible) {
+          // If menu is closing, cancel the close and reopen
+          if (menuTransition === 'closing') {
+            setMenuTransition('opening');
+          }
           // Just update the hovered menu path without animation
           setHoveredMenu(item.path);
         } else {
@@ -105,6 +277,13 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
           setFlyoutVisible(true);
           setHoveredMenu(item.path);
         }
+      } else {
+        // Same menu item, but ensure state is consistent
+        // This handles the case where we re-enter after leaving
+        if (!flyoutVisible || menuTransition === 'closing') {
+          setMenuTransition('opening');
+          setFlyoutVisible(true);
+        }
       }
       // If a different top-level item is hovered while pinned, update pinnedPath
       if (depth === 0 && pinnedPath) {
@@ -127,20 +306,33 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
         window.clearTimeout(hoverOpenTimeout.current);
         hoverOpenTimeout.current = null;
       }
-      currentHoveredMenu.current = null;
-      // Add a longer delay before closing the menu
+      // Don't immediately clear currentHoveredMenu - wait to see if user moves to flyout
+      // The flyout's onMouseEnter will restore it if user moves there
+      // If user moves to content, the timeout will clear it
+      // Add a delay before closing the menu to allow movement to flyout
       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);
+        // Check if we're still hovering the flyout (activeMenuItem matches)
+        if (activeMenuItem?.path === item.path) {
+          // User is hovering the flyout, don't close
+          return;
+        }
+        // Check if we re-entered the menu item
+        if (currentHoveredMenu.current === item.path) {
+          // User re-entered menu item, don't close
+          return;
         }
+        // Safe to close now
+        currentHoveredMenu.current = null;
+        setMenuTransition('closing');
+        // Additional delay to complete closing animation
+        setTimeout(() => {
+          // Double-check before closing
+          if (activeMenuItem?.path !== item.path && currentHoveredMenu.current !== item.path) {
+            setFlyoutVisible(false);
+            setHoveredMenu(null);
+            setActiveMenuItem(null);
+          }
+        }, 150);
       }, 300); // Extended delay to give more time to move between items
     }
   };
@@ -187,54 +379,102 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     if (!flyoutVisible || !activeMenuItem) return null;
     const sidebarWidth = 92; // Updated fixed sidebar rail width
     const item = activeMenuItem; // Use the currently active menu item
+    // Anchor the flyout to the vertical position of the hovered rail item (measured in
+    // handleMenuHover), so moving Notion -> Marketplace slides the panel to the new
+    // item instead of leaving it as a static full-height column. Clamp to keep it on
+    // screen. The `top`/`max-height` change is CSS-transitioned (see .ql-flyout-anchored),
+    // so the panel glides between items while its content cross-fades.
+    const minTop = !showHeader ? 8 : 16;
+    const anchorTop = Math.max(minTop, Math.round(popupPosition.top || minTop));
     return React__default.createElement("div", {
-      className: `fixed border border-border z-[999] overflow-hidden bg-background menu-${menuTransition}`,
+      className: `fixed z-[999] flex flex-col overflow-hidden border border-border menu-${menuTransition} ql-flyout-anchored`,
       style: {
         left: `${sidebarWidth}px`,
-        top: !showHeader ? '0px' : '5rem',
-        height: !showHeader ? '100vh' : 'calc(100vh - 5rem)',
+        top: `${anchorTop}px`,
+        maxHeight: `calc(100vh - ${anchorTop}px - 16px)`,
         width: '228px',
         maxWidth: 'calc(100vw - 100px)',
+        transformOrigin: 'left top',
+        borderRadius: '12px',
+        background: 'hsl(var(--background) / 0.82)',
+        backdropFilter: 'blur(20px) saturate(1.4)',
+        WebkitBackdropFilter: 'blur(20px) saturate(1.4)',
+        boxShadow: '0 24px 70px -24px rgba(0,0,0,0.45)',
         pointerEvents: menuTransition === 'closing' ? 'none' : 'auto',
         ...SidebarStyles
       },
       onMouseEnter: () => {
+        // Clear any pending close timeouts
         if (hoverCloseTimeout.current) {
           window.clearTimeout(hoverCloseTimeout.current);
           hoverCloseTimeout.current = null;
         }
-        // Keep the flyout open while hovering it
+        // Restore the hovered menu ref when entering the flyout
+        // This ensures state consistency when moving between menu item and flyout
+        if (activeMenuItem) {
+          currentHoveredMenu.current = activeMenuItem.path;
+          // Ensure flyout is visible and in opening state
+          if (!flyoutVisible || menuTransition === 'closing') {
+            setMenuTransition('opening');
+            setFlyoutVisible(true);
+          }
+        }
       },
       onMouseLeave: () => {
         if (pinnedPath === item.path) return; // don't close if pinned
+        // Clear any existing timeouts
         if (hoverCloseTimeout.current) {
           window.clearTimeout(hoverCloseTimeout.current);
         }
-        currentHoveredMenu.current = null;
+        // Don't immediately set to null - wait for timeout
+        // This allows re-entering the menu item to restore state
         setMenuTransition('closing');
         hoverCloseTimeout.current = window.setTimeout(() => {
+          // Only close if we're still not hovering anything
           if (!currentHoveredMenu.current) {
             setFlyoutVisible(false);
             setHoveredMenu(null);
+            setActiveMenuItem(null);
           }
         }, 150);
       }
     }, React__default.createElement("style", {
       dangerouslySetInnerHTML: {
         __html: `
-                    @keyframes fadeIn {
-                        from { opacity: 0; transform: translateX(-10px); }
-                        to { opacity: 1; transform: translateX(0); }
+                    @keyframes flyoutIn {
+                        from { opacity: 0; transform: translateX(-14px) scale(0.98); filter: blur(6px); }
+                        to   { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
                     }
-                    @keyframes fadeOut {
-                        from { opacity: 1; transform: translateX(0); }
-                        to { opacity: 0; transform: translateX(-10px); }
+                    @keyframes flyoutOut {
+                        from { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
+                        to   { opacity: 0; transform: translateX(-10px) scale(0.99); filter: blur(4px); }
                     }
                     .menu-opening {
-                        animation: fadeIn 0.15s ease-out forwards;
+                        animation: flyoutIn 0.26s cubic-bezier(0.16, 1, 0.3, 1) forwards;
                     }
                     .menu-closing {
-                        animation: fadeOut 0.15s ease-in forwards;
+                        animation: flyoutOut 0.16s cubic-bezier(0.4, 0, 1, 1) forwards;
+                    }
+                    /* Slide the anchored panel between rail items as the hover target
+                       changes. top/max-height only — no layout thrash on the rail. */
+                    .ql-flyout-anchored {
+                        transition:
+                            top 0.3s cubic-bezier(0.22, 1, 0.36, 1),
+                            max-height 0.3s cubic-bezier(0.22, 1, 0.36, 1);
+                    }
+                    @keyframes flyoutItemIn {
+                        from { opacity: 0; transform: translateX(10px); }
+                        to   { opacity: 1; transform: translateX(0); }
+                    }
+                    .ql-flyout-item {
+                        opacity: 0;
+                        animation: flyoutItemIn 0.34s cubic-bezier(0.22, 1, 0.36, 1) forwards;
+                        animation-delay: calc(60ms + var(--i, 0) * 38ms);
+                    }
+                    @media (prefers-reduced-motion: reduce) {
+                        .menu-opening, .menu-closing { animation-duration: 0.01ms; filter: none; }
+                        .ql-flyout-item { animation: none; opacity: 1; }
+                        .ql-flyout-anchored { transition: none; }
                     }
                     `
       }
@@ -251,16 +491,16 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     }) : React__default.createElement(PushpinLineIcon, {
       className: "h-4 w-4"
     }))), React__default.createElement("div", {
-      className: "overflow-y-auto overflow-x-hidden py-1",
+      className: "overflow-y-auto overflow-x-hidden py-1 flex-1 min-h-0"
+    }, item.children?.map((child, idx) => React__default.createElement("div", {
+      key: child.path,
+      className: "ql-flyout-item w-full min-w-max hover:text-primary",
       style: {
-        height: !showHeader ? 'calc(100vh - 44px)' : 'calc(100vh - 5rem - 44px)'
+        ['--i']: idx
       }
-    }, 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 renderMenuItem = (item, depth = 0, isHoverMenu = false, index = 0) => {
     const hasChildren = item.children && item.children.length > 0;
     const isOpen = openMenus.includes(item.path);
     const isActive = isMenuItemActive(item.path);
@@ -271,11 +511,17 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     const shouldApplyBackground = isHovered || !isParentWithChildren && isActive;
     return React__default.createElement("div", {
       key: item.path,
-      className: `w-full relative group hover:text-primary`,
+      ref: depth === 0 && !isHoverMenu ? el => {
+        itemRefs.current[item.path] = el;
+      } : undefined,
+      className: `w-full relative group hover:text-primary ${depth === 0 && !isHoverMenu ? 'ql-rail-item ql-rail-enter' : ''}`,
+      style: depth === 0 && !isHoverMenu ? {
+        ['--ql-rail-i']: index
+      } : undefined,
       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"
+    }, depth === 0 && isParentWithChildren && isHovered && !isActive && React__default.createElement("span", {
+      className: "absolute left-0 top-1.5 bottom-1.5 w-0.5 rounded-full ql-hover-accent"
     }), 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}`,
@@ -286,12 +532,12 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
     }, 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]' : ''}`,
+      className: `flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'} ${depth === 0 && !isHoverMenu ? `text-[20px] ql-rail-icon ${isActive ? 'ql-rail-icon-active' : ''}` : ''}`,
       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' : ''}`,
+      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 ql-rail-icon ${isActive ? 'ql-rail-icon-active' : ''}` : ''}`,
       style: {
         color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
       }
@@ -312,7 +558,23 @@ import React__default,{useState,useRef}from'react';import {useSelector}from'@xst
   };
   return React__default.createElement("div", {
     className: "overflow-hidden"
-  }, React__default.createElement("nav", {
+  }, React__default.createElement("style", {
+    dangerouslySetInnerHTML: {
+      __html: RAIL_MOTION_CSS
+    }
+  }), React__default.createElement("nav", {
+    ref: navRef,
+    style: {
+      position: 'relative'
+    },
     className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`
-  }, menuData.map(item => renderMenuItem(item))), renderSingleFlyout());
+  }, React__default.createElement("span", {
+    "aria-hidden": "true",
+    className: `ql-rail-indicator ${indicatorAnimated ? 'ql-rail-indicator--animated' : ''}`,
+    style: {
+      transform: `translateY(${indicator.y + 6}px)`,
+      height: `${Math.max(indicator.h - 12, 0)}px`,
+      opacity: indicator.visible ? 1 : 0
+    }
+  }), menuData.map((item, i) => renderMenuItem(item, 0, false, i))), renderSingleFlyout());
 };export{PerplexSidebarMenu};//# sourceMappingURL=PerplexSidebarMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PerplexSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"qOAQO,MAAM,kBAAkB,GAAqC,CAAC;AASpE,EAAA,QAAI;aACM;UACD;WACC;AACP,EAAA,WAAO;gBACA;OACP;gBACM,GAAA,EAAA;MACN;AACA,EAAA,MAAA,CAAA,uBAA2B,CAAA,GAAA,QAA4B,CAAA,EAAA,CAAA;QACvD,CAAA,WAAQ,EAAA,cAAiB,CAAA,GAAA,QAAe,CAAA,IAAA,CAAA;AACxC,EAAA,MAAA,CAAA,cAAiB,EAAA,iBAAc,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AAC/B,EAAA,MAAA,CAAA,aAAkB,EAAA,gBAAe,CAAA,GAAO,QAAQ,CAAA;IAChD,GAAA,EAAA,CAAM;IACN,MAAA,EAAA;AACA,GAAA,CAAA;AAEQ,EAAA,MAAA,CAAC,cAAC,EAAe,iBAAiB,CAAA,GAAA,QAAA,CAAA,SAAA,CAAA;QAClC,CAAC,aAAM,EAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAEf,EAAA,MAAA,iBAAM,GAAgBA,cAAI,CAAA,MAAkB,CAAA,IAAE,CAAA;AAC1C,EAAA,MAAA,gBAAM,GAAWA,cAAG,CAAA,YAAiB;QACrC,kBAAiB,GAAA,MAAA,CAAA,IAAA,CAAgB;QAEjC;AACA,mBAEC;;WAGD;AACI,EAAA,MAAA,QAAA,GAAO,WAAK,EAAA;QAChB,YAAC,GAAA,WAAA,CAAA,KAAA,EAAA,KAAA,IAAA,KAAA,CAAA;AAED,EAAA,MAAA,aAAa,YAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,IAAA,IAAA;AACjB;QAEA,UAAM,iBAAyC,IAAqB,cAAI,CAAA,MAAA,IAAA,cAAA,CAAA,MAAA,CAAA,UAAA,KAAA,SAAA,GAAA,cAAA,CAAA,MAAA,CAAA,UAAA,GAAA,IAAA;QACpE,gBAAgB,GAAG,QAAA,IAAA;AACnB,IAAA,MAAA,WAAa,GAAA,QAAA,CAAA,QAAA;kBAAE,GAAO,gBAAA,CAAA,QAAA,EAAA,WAAA,CAAA;AAEtB;AACI,IAAA,IAAA,gBAAS,QAAS,EAAI;AAClB,MAAA,OAAA,IAAA;;;AAEA,IAAA,IAAA,QAAA,IAAA,WAAe,CAAA,UAAQ,CAAA,QAAA,GAAA,GAAA,CAAA,EAAA;aAC1B,IAAA;AACL,IAAA;AACJ,IAAA,OAAE,KAAA;;AAGE,EAAA,MAAA,UAAI,GAAA,CAAA,IAAW,EAAK,KAAA,EAAA,CAAA,KAAY;AAC5B,IAAA,CAAA,CAAA,cAAA,EAAU;QACd,SAAC,EAAA;AACL,IAAA,YAAE,CAAA,IAAA,IAAA;AAEF,MAAA,IAAM,IAAA,CAAA,QAAA,CAAc,IAAI,CAAA,EAAA;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAG,IAAA,IAAA,KAAc,IAAA,CAAA;AACxC,MAAE,CAAA,MAAA;AAEF,QAAA,OAAM,CAAA,GAAA,IAAY,EAAG,IAAC,CAAY;AAC9B,MAAA;AAAW,IAAA,CAAA,CAAA;;AAEX,EAAA,MAAA,eAAe,GAAA,CAAI,IAAI,EAAC,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;AAC5B,IAAA,IAAE,WAAA,IAAA,CAAA,SAAA,EAAA;AAEF,MAAA,UAAM,CAAA,IAAA,EAAA,KAAkB,EAAoB,CAAA,CAAE;;;AAG1C,EAAA,MAAA,cAAS,GAAQ,IAAI,IAAI;AACrB,IAAA,OAAA,IAAA,CAAA,MAAM,CAAA,CAAA,CAAO,CAAA;AACb,EAAA,CAAA;oBAEA,GAAA,IAAA,IAAA;AACA,IAAA,IAAA,CAAA,IAAA,EAAA,OAAM,EAAA;AACN,IAAA,MAAA,KAAA,GAAI,IAAM,CAAA,IAAK,GAAG,KAAC,CAAA,KAAA,CAAA;AACnB,IAAA,OAAA,KAAA,CAAA,CAAM,CAAA,IAAA,IAAS;;4BACe,EAAC,IAAA,EAAA,WAAA,EAAA,KAAA,GAAA,CAAA,KAAA;AAE/B;AACI,IAAA,MAAA,iBAAQ,GAAA,SAAA,IAAA,CAAA,WAAA,IAAA,CAAA,SAAA,IAAA,KAAA,KAAA,CAAA,IAAA,CAAA,WAAA;qBACR,IAAQ,IAAK,CAAA,QAAM,CAAA,MAAA,GAAA,CAAA,IAAA,iBAAA,EAAA;AACtB,MAAA,MAAA,OAAE,GAAA,CAAA,CAAA,aAAA;YAEH,IAAA,GAAA,OAAA,CAAA,qBAA8B,EAAA;AAC9B;AACI,MAAA,MAAA,cAAO,GAAA,MAAY,CAAC;AACpB,MAAA,IAAA,GAAA,GAAA,IAAA,CAAA,GAAA;YACJ,MAAC,GAAA,IAAA,CAAA,GAAA,CAAA,CAAA,EAAA,cAAA,GAAA,GAAA,CAAA,CAAA;AACD,MAAA,IAAA,GAAA,GAAI,MAAA,EAAA,GAAA,GAAA,MAAiB;AACjB,MAAA,gBAAM,CAAC;AACP,QAAA,GAAA,EAAA,GAAA;cACH,EAAA,IAAA,CAAA;AAED,OAAA,CAAA;;AAGA,MAAA,IAAA,iBAAe,CAAA,OAAK,EAAK;2BACrB,CAAA,iBAAA,CAAA,OAAA,CAAA;yBACA,CAAA,OAAiB,GAAC,IAAM;;0BAGpB,CAAA,SAAgB;2BAChB,CAAA,gBAAA,CAAA,OAAA,CAAA;AACA,QAAA,gBAAA,CAAA,OAAA,GAAe,IAAI;;wBACf,CAAA,OAAA,GAAA,IAAA,CAAA,IAAA;;qBAEJ,KAAA,IAAA,CAAA,IAAA,EAAiB;;AAEjB,QAAA,iBAAA,CAAA,IAAA,CAAA;;YAER,aAAC,EAAA;;AAGD,UAAA,cAAS,CAAA,IAAM,CAAA,IAAI,CAAA;;AAEX;AACA,UAAA,iBAAO,CAAA,SAAE,CAAA;AACZ,UAAA,gBAAE,CAAA,IAAA,CAAA;wBACN,CAAA,IAAA,CAAA,IAAA,CAAA;QACL;AACJ,MAAE;AAEF;UACI,KAAK,KAAA,CAAA,IAAW,UAAG,EAAA;aACf,EAAA,IAAA,CAAA;AACA,UAAA,IAAA,EAAI,kBAAkB;AAClB,UAAA,KAAA,EAAA;YACJ,oBAAC,EAAA,IAAA,CAAA;AACD;AACI,SAAA,CAAA;AACA,MAAA;;AAGJ,EAAA,CAAA;uBAEA,GAAA,CAAA,IAAA,EAAA,WAAA,KAAA;oBACA,EAAA;AACI;2BACI,CAAA,OAAA,EAAA;2BACA,CAAA,iBAAkB,CAAA,OAAW,CAAA;;0BAG7B,CAAA,OAAc,EAAE;AACZ,QAAA,MAAA,CAAA,YAAA,CAAI,gBAAC,CAAA,OAAmB,CAAA;gCACpB,GAAA,IAAA;;wBAEJ,CAAC,OAAA,GAAA,IAAA;;uBAER,CAAA,OAAA,GAAA,MAAA,CAAA,UAAA,CAAA,MAAA;AACL,QAAA,IAAA,CAAC,kBAAQ,CAAA,OAAA,EAAA;;AAEjB,UAAE,iBAAA,CAAA,SAAA,CAAA;;AAKU,UAAA,UAAA,CAAA,MAAiB;AACjB,YAAA,IAAO,CAAA,kBAAkB,CAAA,OAAK,EAAA;AACT,cAC5B,gBACH,CAAA,KAAA,CAAA;AAEF,4BAAuB,CAAA,IAAK,CAAE;YACxB;UACA,CAAA,EAAA,GAAA,CAAA;AACF,QAAA;SACA,GAAA,CAAK,CAAA;AACD,IAAA;AACA,EAAA,CAAA;AACH,EAAA,MAAA,aAAE,GAAAA,cAAA,CAAA,OAAA,CAAA,OAAA;mBAEH,EAAA,QAAA,EAAA,QAAA,KAAA,UAAA,GAAA,MAAkD,GAAA,SAAA;SAClD,EAAA,QAAI,EAAA,QAAa,KAAA,UAAA,GAAA,iBAAA,GAAA;AACb,GAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;AACI,EAAA,MAAA,iBAAK,GAAM,CAAA,CAAA,EAAI,IAAI;AACf,IAAA,CAAA,CAAA,cAAA,EAAA;AAA8B,IAAA,CAAA,CAAA,eAAA,EAAA;AAC9B,IAAA,MAAA,UAAA,GAAA,UAAS,KAAQ,IAAG,GAAA,IAAA,GAAA,IAAA;;AAEhB,MAAA,IAAA,EAAA,kBAAI;AAAO,MAAA,KAAA,EAAA;4BACd,EAAA;;AAEL,KAAA,CAAA;AACJ;kBAEM,EAAA;YACN,cAAc,GAAC,CAAA,KAAA,EAAA,UAAA,KAAA;mBACX,IAAA,IAAA,KAAA,EAAkB;kBAClB,CAAA,IAAA,KAAA,UAAqB,EAAA,OAAA,IAAA;kBACrB,CAAA,QAAA,EAAA;YACJ,MAAC,KAAA,GAAA,cAAA,CAAA,IAAA,CAAA,QAAA,EAAA,UAAA,CAAA;YACJ,IAAA,KAAA,EAAA,OAAA,KAAA;;;eAEG,IAAA;;AAGJ,MAAA,MAAA,QAAA,GAAe,cAAc,CAAA,QAAA,EAAA,IAAA,CAAA;AACjC,MAAE,IAAA,QAAA,EAAA;QAEF,iBAAA,CAAA,QAAA,CAAA;QACA,cAAM,CAAA,IAAA,CAAkB;AACpB,QAAA,gBAAK,CAAA,IAAa,CAAI;AAAiB,MAAA;AAEvC,IAAA,CAAA,MAAA;AACA,MAAA,gBAAa,CAAA,KAAA,CAAA;;;kBAOD,CAAG,CAAA,WAAG,CAAU;;AAEhB;AACA,EAAA,MAAA,kBAAU,GAAA,MAAA;sBACV,IAAA,CAAA,cAAe,EAAA,OAAmB,IAAA;AAClC,IAAA,MAAA,YAAG,GAAA,EAAA,CAAA;cACN,GACD,cAAc,CAAG;AACb,IAAA,OAAAA,cAAA,CAAA,aAAI,CAAA,KAAA,EAAkB;AAClB,MAAA,SAAA,EAAA,CAAA,sEAA+C,EAAA,cAAA,CAAA,CAAA;AAC/C,MAAA,KAAA,EAAA;iBACH,YAAA,CAAA,EAAA,CAAA;wBACD,GAAA,KAAA,GAAA,MAAA;AACJ,QAAA,MAAC,EACD,CAAA,UAAY,GAAE,OAAK,GAAA,oBAAA;AACf,QAAA,KAAA,EAAA,OAAI;AAA0B,QAAA,QAAA,EAAA,qBAAQ;AAEtC,QAAA,aAAI,EAAA,cAAiB,KAAC,SAAU,GAAA,MAAA,GAAA,MAAA;AAC5B,QAAA,GAAA;;AAGJ,MAAA,YAAA,EAAA,MAAA;6BACA,CAAA,OAAkB,EAAA;gBAElB,CAAA,YAAA,CAAA,iBAA4B,CAAA,OAAO,CAAA;AAC/B,UAAA,iBAAK,CAAA,OAAA,GAAA,IAAA;;;;kBAIR,EAAE,MAAK;YACZ,UAAC,KAAA,IAAA,CAAA,IAAA,EAAA,OAAA;AAED,QAAA,IAAA,iBAAA,CAAA,OAAA,EAAA;AAEQ,UAAA,MAAA,CAAA,YAAQ,CAAA,iBAAA,CAAA,OAAA,CAAA;;;;;;;;;;;;;;;AAeX;;;AAID;AAGA;;AAwBhB;AAEA;AACI;;;AAGA;AACA;oBAEA;AACA;QACAA,cAAA,CAAM,aAAA,CAAA,KAAA,EAAqB;AAE3B,MAAA,SAAO,EACH;AAOK,KAAA,EAAAA,cAAA,CAAA,aAAW,CAAI,MAAC,EAAA;eAGjB,EAAA;AAGY,KAAA,EAAA,IAAA,CAAA,IAAA,CAAA,EAAAA,cAAE,CAAG,aAAA,CAAA,QAAA,EAAA;;AAOT,MAAA,YAAA,EAAA,UAAA,KAAa,IAAK,CAAA,IAAM,GAAA,OAAK,GAAA,KAAa;oBAE9C,iBAAgB,CAAA,CAAA,EAAA,IAAA,CAAA,IAAe;iBAE/B,KAAA,IAAA,CAAA,IAAA,GAAAA,cAAA,CAAA,aACI,CAAS,eACA;AACD,MAAA,SAAA,EAAA;uDAER;AAEC,MAAA,SAAA,EAAA;AAMW,KAAA,CAAA,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAO,EAAC;AACX,MAAA,SAAA,EAAA,wCAKL;AAKQ,MAAA,KAAA,EAAA;AACH,QAAA,MAAA,EAAA,CAAA,UAAA,uBAEoB,GAAI;;AASrB,KAAA,EAAA,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,KAAA,IAAOA,cAAC,CAAA,aAAa,CAAA,KAAkB,EAAA;AAC1C,MAAA,GAAA,EAAA,KAAA,CAAA,IAAA;;AAce,KAAA,EAAA,cAAA,CAAA,KAAA,EAAA,CAAA,EAAA,IAAE,CAAA,CAAA,CAAA,CAAM,CAAA;AACR,EAAA,CAAA;AACX,EAAA,MAAA,cAAA,GAAA,CAAA,WAEK,GAEb,CACJ,EAEF,WAAA,GAAA,KAAA,KAAA;AAKN,IAAA,MAAA,WAAA,OAAe,CAAA,QAAU,IAAC,IAAA,CAAA,eAAsB,GAAI,CACjD;AAMhB,IAAA,MAAE,MAAA,GAAA,SAAA,CAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA;AAEF,IAAA,MAAA,QACI,GAAA,gBAAA,CAAA,IAAK,CAAA,IAAA,CAAA;AACD,IAAA,MAAA,SAAA,GAAA,WAAA,KAAK,IAAA,CAAA,IAAS;UAIb,WAAA,GAAA,CAAA,EAAkB,KAEzB,GAAA,CAAA,CAAA,GAAA,CAAA;AACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PerplexSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+OAQA;AACA;AACA,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEvB;AAEM,MAAM,kBAAkB,GAAqC,CAAC;AASpE,EAAA,QAAI;aACM;UACD;WACC;AACP,EAAA,WAAO;gBACA;OACP;gBACM,GAAA,EAAA;MACN;AACA,EAAA,MAAA,CAAA,uBAA2B,CAAA,GAAA,QAA4B,CAAA,EAAA,CAAA;QACvD,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AACA,EAAA,MAAA,CAAA,cAAe,EAAM,iBAA2B,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AAChD,EAAA,MAAA,CAAA,aAAiB,EAAA,gBAA+C,CAAA,GAAA,QAAA,CAAA;AAChE,IAAA,GAAA,EAAA,CAAM;AACF,IAAA,QAAI;AACJ,GAAA,CAAA;AACA,EAAA,MAAA,CAAA,cAAc,EAAA,iBAAA,CAAA,GAAA,QAAA,CAAA,SAAA,CAAA;AACjB,EAAA,MAAE,CAAA,aAAA,EAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACH,iBAAA,GAAAA,cAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AACA,EAAA,MAAA,mBAAqBA,cAAG,CAAA,MAAO,CAAK,IAAE,CAAA;QACtC,kBAAO,GAAiB,MAAE,CAAA,IAAA,CAAA;;AAE1B,EAAA,MAAA,MAAM,GAAA,MAAW,CAAA,IAAA,CAAA;AACjB,EAAA,MAAA,QAAM,GAAA,MAAe,CAAA,EAAA,CAAA;QACrB,CAAA,SAAM,EAAU,YAAI,CAAA,GAAoB,QAAS,CAAA;IACjD,CAAA,EAAA,CAAA;AACA,IAAA,CAAA,EAAA,CAAA;AAEQ,IAAA,OAAE,EAAA;;;QAIV,eAAA,GAAA,MAAA,CAAA,KAAA,CAAA;QACA,CAAA,iBAAA,EAAA,oBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACA;IAGI,eAAI;AACA,IAAA;AACA,GAAA,GAAA,KAAA;QACJ,QAAC,GAAA,WAAA,EAAA;AACD,EAAA,MAAA,YAAI,GAAA,WAAiB,CAAA,KAAU,EAAA,KAAA,IAAA,KAAA,CAAA;AAC3B,EAAA,MAAA,UAAM,GAAC,8BAA8B,EAAA,UAAS,IAAA,IAAA;AAC9C;QACJ,UAAC,GAAA,cAAA,IAAA,cAAA,CAAA,MAAA,IAAA,cAAA,CAAA,MAAA,CAAA,UAAA,KAAA,SAAA,GAAA,cAAA,CAAA,MAAA,CAAA,UAAA,GAAA,IAAA;;;AAIG;;;AAIJ,EAAA,SAAA,CAAA,MAAA;QACA,iBAAiB,CAAA,OAAO,EAAA;YACxB,CAAA,YAAe,CAAA,iBAAM,CAAA,OAAA,CAAA;uBACrB,CAAA,OAAuB,GAAC,IAAA;;IAE5B,IAAI,iBAAiB,OAAE,EAAA;AAEvB,MAAA,MAAM,CAAA,YAAA,CAAgB,gBAAwB,CAAA,OAAA,CAAA;AAC1C,MAAA,gBAAM,CAAA,OAAc,GAAA,IAAS;;QAG7B,UAAA,EAAA;AACA;AACI,MAAA,kBAAY,CAAA,OAAA,GAAA,UAAA;;;sBAIJ,CAAA,OAAI,GAAA,IAAY;AACxB,IAAA,sBAAY,CAAA;kBACf,CAAA,IAAA,CAAA;AAED,IAAA,iBAAa,CAAA,IAAA,CAAA;AACjB,IAAA,iBAAE,CAAA,SAAA,CAAA;KAEF,CAAA,QAAA,CAAA,QAAA,EAAA,UAAA,CAAA,CAAA;QACA,gBAAA,GAAA,QAAA,IAAA;IACA,MAAM,WAAA,GAAA,QAA+B,CAAA,QAAE;UACnC,QAAI,GAAO,gBAAW,CAAA,QAAW,EAAA,WAAA,CAAA;AAAE;AACnC,IAAA,IAAA,WAAS,KAAG,UAAc;AAC1B,MAAA,OAAK,IAAG;AAAE,IAAA;AACV;AACA,IAAA,IAAA,QAAQ,IAAG,WAAY,CAAC,UAAS,CAAA,QAAQ,GAAA,GAAA,CAAA,EAAW;aAChD,IAAK;AACL,IAAA;AACA,IAAA,OAAA,KAAA;;AAEJ;;QAEA,mBAAmB,MAAA;AACvB,IAAA,IAAE,OAAA,MAAA,KAAA,WAAA,EAAA,OAAA,KAAA;IACF,MAAA,GAAA,GAAA,MAAA,CAAA,OAAA;AACA,IAAA,IAAA,CAAA,YAAgB,KAAG;AACnB,IAAA,MAAA,UAAW,GAAO,QAAG,CAAA,IAAA,CAAA,IAAgB,IAAC,gBAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;IAEtC,MAAA,EAAA,GAAA,UAAA,GAAA,QAAA,CAAA,OAAA,CAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAA;IACA,IAAA,EAAA,EAAA;MACA,YAAA,CAAA;QACA,CAAA,EAAA,EAAS,CAAC,SAAK;QACX,CAAA,EAAA,EAAI,CAAA,YAAa;eAAkB,EAAA;AACnC,OAAA,CAAA;AACA,MAAA,OAAK,IAAG;;gBACF,CAAG,IAAG,KAAM;AAClB,MAAA,GAAA,IAAA;AACA,MAAA,OAAI,EAAA;AACJ,KAAA,CAAA,CAAA;AACA;YACI,UAAI;AACJ,EAAA,CAAA;AACJ;QACD,UAAI,GAAA,MAAA,CAAA,gBAAA,CAAA;YAEP,CAAA,OAAA,GAAA,gBAAA;;;;YAGuC,MAAA;QACnC,OAAM,MAAiB,KAAG,WAAA,EAAA;AAC1B,IAAA,MAAA,GAAK,GAAA,MAAA,CAAU,OAAC;AACZ,IAAA,IAAA,CAAA,GAAA,EAAA;AAEQ,IAAA,MAAA,GAAA,GAAA,MAAK,UAAW,CAAA,OAAO,EAAE;AAAE,IAAA,MAAA,EAAA,GAAA,OAAA,cAAU,KAAA,WAAsB,GAAG,IAAG,cAAW,CAAA,GAAO,CAAE,GAAG,IAAA;eAE/F,CAAC,GAAA,CAAA;UACL,CAAA,gBAAA,CAAA,QAAA,EAAA,GAAA,CAAA;AACD,IAAA,OAAA,MAAK;AACD,MAAA,EAAA,EAAA,UAAA,EAAA;AACA,MAAA,MAAA,CAAA,mBAAU,CAAA,QAAA,EAAqB,GAAC,CAAG;;;;;AAIvC,EAAA,SAAA,CAAA,MAAU;QACV,OAAA,MAAA,KAAA,WAAA,EAAA;AACJ,IAAA,MAAI,IAAA,GAAS,EAAA;IAEb,IAAA,CAAA,UAAM,CAAU,OAAI,IAAc;UAC5B,CAAA,IAAA,CAAA,qBAAiB,CAAA,MAAA;AACnB,QAAA,IAAI,CAAA,UAAS,CAAA,OAAA,EAAA,EAAA,IAAA,CAAA,IAAA,CAAA,qBAAA,CAAA,MAAA,UAAA,CAAA,OAAA,EAAA,CAAA,CAAA;;AAEb,IAAA;AACI,IAAA,IAAA,CAAA,eAAS,CAAA,OAAS,EAAI;AAClB,MAAA,eAAA,CAAA,OAAY,GAAA,IAAQ;eACvB,CAAA,qBAAA,CAAA,MAAA,oBAAA,CAAA,IAAA,CAAA,CAAA,CAAA;;AACG,MAAA,oBAAQ,CAAG,IAAI,CAAA;;AAEvB,IAAA,OAAG,MAAA,IAAA,CAAA,OAAA,CAAA,CAAA,IAAA,oBAAA,CAAA,CAAA,CAAA,CAAA;AACP;KAEA,CAAA,QAAM,CAAA,QAAA,EAAe,QAAgB,EAAE,WAAoB,EAAE,SAAkC,CAAE,CAAA;AAC7F,EAAA,MAAA,UAAI,GAAA,CAAA,IAAW,EAAK,KAAA,EAAA,CAAA,KAAY;AAC5B,IAAA,CAAA,CAAA,cAAA,EAAU;QACd,SAAC,EAAA;AACL,IAAA,YAAE,CAAA,IAAA,IAAA;AAEF,MAAA,IAAM,IAAA,CAAA,QAAA,CAAc,IAAI,CAAA,EAAA;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,IAAG,IAAA,IAAA,KAAc,IAAA,CAAA;AACxC,MAAE,CAAA,MAAA;AAEF,QAAA,OAAM,CAAA,GAAA,IAAY,EAAG,IAAC,CAAY;AAC9B,MAAA;AAAW,IAAA,CAAA,CAAA;;AAEX,EAAA,MAAA,eAAe,GAAA,CAAI,IAAI,EAAC,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;AAC5B,IAAA,IAAE,WAAA,IAAA,CAAA,SAAA,EAAA;AAEF,MAAA,UAAM,CAAA,IAAA,EAAA,KAAkB,EAAoB,CAAA,CAAE;;;AAG1C,EAAA,MAAA,cAAS,GAAQ,IAAI,IAAI;AACrB,IAAA,OAAA,IAAA,CAAA,MAAM,CAAA,CAAA,CAAO,CAAA;AACb,EAAA,CAAA;oBAEA,GAAA,IAAA,IAAA;AACA,IAAA,IAAA,CAAA,IAAA,EAAA,OAAM,EAAA;AACN,IAAA,MAAA,KAAA,GAAI,IAAM,CAAA,IAAK,GAAG,KAAC,CAAA,KAAA,CAAA;AACnB,IAAA,OAAA,KAAA,CAAA,CAAM,CAAA,IAAA,IAAS;;4BACe,EAAC,IAAA,EAAA,WAAA,EAAA,KAAA,GAAA,CAAA,KAAA;AAE/B;AACI,IAAA,MAAA,iBAAQ,GAAA,SAAA,IAAA,CAAA,WAAA,IAAA,CAAA,SAAA,IAAA,KAAA,KAAA,CAAA,IAAA,CAAA,WAAA;qBACR,IAAQ,IAAK,CAAA,QAAM,CAAA,MAAA,GAAA,CAAA,IAAA,iBAAA,EAAA;AACtB,MAAA,MAAA,OAAE,GAAA,CAAA,CAAA,aAAA;YAEH,IAAA,GAAA,OAAA,CAAA,qBAA8B,EAAA;AAC9B;AACI,MAAA,MAAA,cAAO,GAAA,MAAY,CAAC;AACpB,MAAA,IAAA,GAAA,GAAA,IAAA,CAAA,GAAA;YACJ,MAAC,GAAA,IAAA,CAAA,GAAA,CAAA,CAAA,EAAA,cAAA,GAAA,GAAA,CAAA,CAAA;AACD,MAAA,IAAA,GAAA,GAAI,MAAA,EAAA,GAAA,GAAA,MAAiB;AACjB,MAAA,gBAAM,CAAC;AACP,QAAA,GAAA,EAAA,GAAA;cACH,EAAA,IAAA,CAAA;;AAGD;2BAEA,CAAA,OAAA,EAAA;AACA,QAAA,MAAA,CAAA,YAAe,CAAA,iBAAiB,CAAA,OAAA,CAAA;yBAC5B,CAAA,OAAA,GAAA,IAAA;;0BAGA,CAAA,OAAA,EAAA;2BACI,CAAA,gBAAgB,CAAA,OAAA,CAAA;wBAChB,CAAA,OAAA,GAAA,IAAA;AACA,MAAA;;wBAEC,CAAA,OAAA,GAAA,IAAA,CAAA,IAAA;;AAED,MAAA,IAAA,WAAA,KAAA,IAAA,CAAA,IAAe,EAAA;;yBACX,CAAA,IAAA,CAAA;;yBAEJ,EAAA;;AAEA,UAAA,IAAA,cAAA,KAAA,SAAoB,EAAI;6BAC3B,CAAA,SAAA,CAAA;;;wBAED,CAAA,IAAA,CAAA,IAAA,CAAA;;AAEA;2BACI,CAAA,SAAiB,CAAC;0BAClB,CAAA,IAAA,CAAA;wBACH,CAAA,IAAA,CAAA,IAAA,CAAA;;aAGL;AACA;;AAEQ,QAAA,IAAA,CAAA,aAAM,IAAA,cAAkB,KAAA,SAAA,EAAA;AACxB,UAAA,iBAAO,CAAA,SAAE,CAAA;AACZ,UAAA,gBAAE,CAAA,IAAA,CAAA;;;AAGf;AAEA,MAAA,IAAM,eAAe,UAAwB,EAAA;QACzC,KAAK,EAAA,IAAA,CAAA;cACD,EAAA,kBAAA;AACA,UAAA,KAAA,EAAI;AACA,YAAA,oBAAO,EAAA;;AAEX,SAAA,CAAA;AACI,MAAA;AACA,IAAA;;uBAGJ,GAAA,CAAA,IAAA,EAAA,WAAA,KAAA;oBACA,EAAA;;2BAGA,CAAA,OAAA,EAAA;cACA,CAAA,YAAA,CAAA,iBAA4B,CAAM,OAAC,CAAA;;0BAE3B,CAAA,OAAc,EAAE;2BAChB,CAAA,gBAAA,CAAA,OAAA,CAAA;wBACA,CAAA,OAAO,GAAA,IAAA;;;;;;uBAMV,CAAA,OAAA,GAAA,MAAA,CAAA,UAAA,CAAA,MAAA;;AAED,QAAA,IAAA,cAAA,EAAA,IAAA,KAAmB,IAAA,CAAO,IAAG,EAAA;;;;;AAMzB,QAAA,IAAA,0BAAkB,KAAE,IAAI,CAAA,IAAK,EAAK;;;;;0BAK9B,CAAA,OAAA,GAAA,IAAA;AACZ,QAAA,iBAAS,CAAA,SAAA,CAAA;;AAEjB,QAAE,UAAA,CAAA,MAAA;;AAKU,UAAA,IAAA,cAAiB,EAAA,IAAQ,KAAE,IAAQ,CAAA,IAAK,IAAA,kBAAsB,CAAA,OAAA,KAAS,IAAA,CAAA,IAAA,EAAA;AACvE,YAAA,gBAAiB,CAAA,KAAQ,CAAA;AAC5B,YACJ,cACH,CAAA,IAAA,CAAA;AAEF,6BAAuB,CAAG,IAAI,CAAA;UACxB;QACF,CAAC,EAAC,GAAA,CAAA;AACF,MAAA,CAAA,EAAA,GAAA,CAAA,CAAM;;AAEF,EAAA,CAAA;AACA,EAAA,MAAA,aAAS,GAAAA,cAAA,CAAA,OAAA,CAAA;AACZ,IAAA,eAAE,EAAA,QAAA,EAAA,QAAA,KAAA,UAAA,GAAA,MAAA,GAAA,SAAA;SAEH,EAAA,QAAA,EAAA,QAAA,KAAA,UAAA,GAAA,iBAAkD,GAAA;eAC9C,CAAA,CAAA;AACA,EAAA,MAAA,wBAAoB,IAAI,KAAqB;AACzC,IAAA,CAAA,CAAA,cAAA,EAAK;AACD,IAAA,CAAA,CAAA,eAAA,EAAA;AAA8B,IAAA,MAAA,UAAA,GAAA,eAAY,IAAA,GAAA,IAAA,GAAA,IAAA;AAC1C,IAAA,KAAA,EAAA,IAAA,CAAA;8BACU;AACN,MAAA,KAAA,EAAA;AAAW,QAAA,oBAAA,EAAA;;;AAGnB;AACJ,IAAA,IAAA,UAAE,EAAA;YAEF,cAAc,GAAG,CAAA,KAAA,EAAA,eAAuB;aACxC,MAAI,IAAA,IAAW,KAAA,EAAA;kBACX,CAAA,IAAA,KAAA,UAAkB,EAAA,OAAU,IAAA;kBAC5B,CAAA,QAAA,EAAA;kBACA,KAAA,GAAA,cAAuB,CAAA,IAAA,CAAA,QAAA,EAAA,UAAA,CAAA;YAC3B,IAAC,KAAA,EAAA,OAAA,KAAA;UACJ;;eACG,IAAA;;YAEH,QAAA,GAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA;AAED,MAAA,IAAA,QAAA,EAAA;AACJ,QAAE,iBAAA,CAAA,QAAA,CAAA;QAEF,cAAA,CAAA,IAAA,CAAA;QACA,gBAAM,CAAA,IAAkB,CAAA;AACpB,MAAA;AAAuC,IAAA,CAAA,MAAA;AAEvC,MAAA,gBAAM,CAAA,KAAY,CAAG;AACrB,MAAA,cAAU,CAAG,IAAA,CAAA;;kBAGb,CAAA,CAAA,WAAA,CAAA;;;QAGA,kBAAA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,aAAY,IAAI,CAAA,cAAiB,EAAE,OAAC,IAAA;AACpC,IAAA,MAAA,eAAe,EAAG,CAAA;UAElB,IAAA;;;;AAOY;AACA;AACA,IAAA,MAAA,MAAA,GAAA,CAAA,UAAA,GAAiB,CAAA,GAAA,EAAA;AACjB,IAAA,MAAA,SAAA,GAAA,IAAA,CAAA,GAAc,CAAA,MAAM,EAAA,IAAA,CAAA,KAAA,CAAA,aAAA,CAAA,GAAA,IAAA,MAAA,CAAA,CAAA;AACpB,IAAA,OAAAA,cAAA,CAAA,aAAY,CAAA,KAAA,EAAA;AACZ,MAAA,SAAA,EAAA,CAAA,sEAA0C,EAAA,cAAA,CAAA,mBAAA,CAAA;AAC1C,MAAA,KAAA,EAAA;AACA,QAAA,IAAA,EAAA,CAAA,EAAA,YAAW,CAAA,EAAA,CAAA;gBACX,SAAA,CAAA,EAAA,CAAa;AACb,QAAA,SAAA,EAAG,CAAA,aAAa,EAAA,SAAA,CAAA,UAAA,CAAA;aACnB,EACD,OAAA;gBACI,EAAA,qBAAA;AACA,QAAA,eAAI,EAAA,UAAA;AACA,QAAA,YAAA,EAAA,MAAO;AACP,QAAA,UAAA,EAAA,+BAA4B;sBAC/B,EAAA,0BAAA;4BACD,EAAA,0BAAA;iBACA,EAAA,oCAAA;qBACI,EAAA,cAAiB,KAAA,SAAA,GAAA,MAAA,GAAA,MAAA;AACjB,QAAA,GAAA;;AAEA,MAAA,YAAA,EAAA,MAAK;;6BAED,CAAA,OAAA,EAAA;6BACH,CAAA,iBAAA,CAAA,OAAA,CAAA;2BACJ,CAAA,OAAA,GAAA,IAAA;AACL,QAAA;AAEI;AAA8B;0BAE9B,EAAA;AACA,UAAA,kBAAI,CAAA,OAAA,GAAkB,cAAU,CAAA,IAAA;AAC5B;4BACH,IAAA,cAAA,KAAA,SAAA,EAAA;6BAED,CAAA,SAAA,CAAA;4BACA,CAAA,IAAA,CAAA;;;;AAKI,MAAA,YAAA,EAAA,MAAK;2BACD,IAAA,CAAA,IAAA,EAAA,OAAiB;;6BAEjB,CAAA,OAAA,EAAA;6BACH,CAAA,iBAAA,CAAA,OAAA,CAAA;;;AAIT;AAEQ,QAAA,iBAAA,CAAM,SAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCX;;;AAID;AAGA;;AAyBhB;AAEA;AACI;;;AAGA;AACA;;AAGA,KAAA,CAAA,EAAAA,cAAA,CAAM,qBAAoB;eACpB,EAAA;AAEN,KAAA,EAAAA,cAAA,CAAA,aACI,CAAA,MAAA,EAAA;AAIY,MAAA,SAAA,EAAC;iCACK,CAAA,aAAiB,CAAA,QAAU,EAAA;iBAC9B,4DAAA;AACH,MAAA,YAAE,EAAA,UAEV,KAAA,KAAW,IAAA,GAAA,OAAA,GAAA,KAAA;AASV,MAAA,OAAA,EAAA,CAAA,qBAAe,CAAA,CAAA,EAAA,IAAA,CAAA,IAAoB;iBAGpC,KAAA,IAAA,CAAA,IAAA,GAACA,eACG,6BAC6B,EAAA;AACrB,MAAA,SAAA,EAAA;qCACE,CAAA,eAAqB;AAM3B,MAAA,SAAA,EAAA;sCAEM,CAAC,KAAK,EAAA;iBAEhB;AAGY,KAAA,EAAA,IAAA,CAAA,QAAA,EAAA,GAAC,CAAC,CAAA,KAAA,EAAA,GAAA,KAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;qEAMF;;AAGQ,QAAA,CAAA,KAAA,GAAA;AAGJ;AACH,KAAA,EAAA,cAAA,CAAA,KAAA,EAEA,CAAA,EAAA,IAAK,CAAA,CAAI,CACP,CACV,CAAC;;AASc,EAAA,MAAA,cAAA,GAAA,CAAA,IAAE,EACV,SACK,EAAE,WAAA,GAAA,KAAA,EAAA,KAAA,GAAA,CAAA,KAAA;AACH,IAAA,MAAA,WAAA,GAAA,IAAA,CAAA,QAAQ,IAAA,IAAQ,CAAA,QAAK,CAAA,MAAkB,GAAA,CAAA;AAC1C,IAAA,MAAA,MAAA,GAAA,SAAA,CAEA,cAAc,IAAC,CAAI;qBAG3B,gBAAgB,CAAA,IAAA,CAAA,IAAW,CAAC;AAMjB,IAAA,MAAA,SAAA,GAAA,WAAK,KAAG,IAAA,CAAA,IAAQ;AACnB,IAAA,MAAA,WAAA,GAAA,CAAA,EACD,KAAK,GAAE,CAAA,CAAA,GAAK,CAAA;;AAaI,IAAA,MAAA,oBAAA,GAAC,WAAO,IAAA,KAAA,KAAA,CAAA;AACR,IAAA,MAAA,qBAAA,GAAE,SAAS,IAAA,CAAA,oBAAA,IAAA,QAAA;AACtB,IAAA,OAAAA,cAAA,CAAA,mBAEK,EAAI;AAU7B,MAAA,GAAA,EAAA,IAAA,CAAA,IAAA;AAOb,MAAE,GAAA,EAAA,KAAA,KAAA,CAAA,IAAA,CAAA,WAAA,GAAA,EAAA,IAAA;AAEF,QAAA,QACI,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,EAAA;AACI,MAAA,CAAA,GAAA,SAAA;eACA,EAAA,CAAA,yCAEa,EAAA,KAAA,KAAU,CAAA,IAAA,CAAA,6CACoB,EAAC,CAAA,CAAA;AAGxC,MAAA,KAAA,EAAA,KAAA,KAAA,CAAA,IAAA,CAAA,WAAA,GAAA;AAIQ,QAAA,CAAA,aAAA,GAAA;AACA,OAAA,GAAA,SAAA;oBACA,CAAA,IAAA,eAAmB,CAAA,CAAA,EAAA,IAAS,EAAE,WAAI,EAAA,KAAA,CAAA;kBACrC,EACH,MAAA,eAAA,CAAA,IAAA,EAAA,WAAA;YACD,KAAA,CAAA,qCAAyC,IAAM,CAAC,QAAO,IAAKA,cAC3D,CAAA,aAAA,CAAA,MAAA,EAAA;eAEL,EAAA;AAGb,KAAE,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+/**
+ * SidebarRailFX — an opt-in ambient backdrop that lives *behind* the icon rail.
+ *
+ * mode:
+ *   'off'    — render nothing (default; zero cost).
+ *   'aurora' — lightweight CSS-only drifting aurora (works everywhere).
+ *   'webgpu' — a GPU shader aurora when the browser supports WebGPU,
+ *              gracefully falling back to the CSS aurora otherwise.
+ *
+ * It is purely decorative: `pointer-events: none`, sits at `z-index: -1` inside
+ * the rail's stacking context (above the card background, below the icons), and
+ * honors `prefers-reduced-motion` by holding a static frame.
+ */
+export type RailFxMode = 'off' | 'aurora' | 'webgpu';
+interface SidebarRailFXProps {
+    mode?: RailFxMode;
+    /** Brand color as an `r,g,b` triplet in 0..1. Defaults to a calm indigo. */
+    rgb?: [number, number, number];
+}
+export declare const SidebarRailFX: React.FC<SidebarRailFXProps>;
+export default SidebarRailFX;
+//# sourceMappingURL=SidebarRailFX.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarRailFX.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarRailFX.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErD,UAAU,kBAAkB;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AA4CD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuKtD,CAAC;AAEF,eAAe,aAAa,CAAC"}