@wealthx/shadcn 1.5.33 → 1.5.35

package/dist/components/ui/ai-conversations/index.mjs

@@ -9,7 +9,7 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "../../../chunk-EEI4FLEE.mjs";
+} from "../../../chunk-WLELT6L7.mjs";
 import "../../../chunk-3S6KVFF5.mjs";
 import "../../../chunk-WE4YKBDE.mjs";
 import "../../../chunk-T5FRVEJQ.mjs";

package/dist/components/ui/sidebar-nav.js

@@ -559,42 +559,53 @@ function CollapsibleNavItem({
 function SidebarNav({
   items,
   userName = "Anonymous User",
-  collapsed = false,
   logo,
   logoCollapsed,
   metricsGroups,
   onNavigate,
   onLogout,
-  onCollapsedChange,
+  defaultLocked = false,
+  onLockedChange,
   className
 }) {
+  const [isLocked, setIsLocked] = React3.useState(defaultLocked);
+  const [isHovered, setIsHovered] = React3.useState(false);
+  const isExpanded = isLocked || isHovered;
   const [userMenuOpen, setUserMenuOpen] = React3.useState(false);
   const navScrollRef = React3.useRef(null);
   const expandedScrollRef = React3.useRef(0);
+  const handleLockToggle = () => {
+    const next = !isLocked;
+    setIsLocked(next);
+    onLockedChange == null ? void 0 : onLockedChange(next);
+  };
   React3.useEffect(() => {
-    if (collapsed) setUserMenuOpen(false);
-  }, [collapsed]);
+    if (!isExpanded) setUserMenuOpen(false);
+  }, [isExpanded]);
   React3.useLayoutEffect(() => {
     const nav = navScrollRef.current;
     if (!nav) return;
-    if (!collapsed) {
+    if (isExpanded) {
       nav.scrollTop = expandedScrollRef.current;
     }
     return () => {
-      if (!collapsed && nav) {
+      if (isExpanded && nav) {
         expandedScrollRef.current = nav.scrollTop;
       }
     };
-  }, [collapsed]);
+  }, [isExpanded]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "nav",
     {
       "data-slot": "sidebar-nav",
-      "data-collapsed": collapsed,
+      "data-expanded": isExpanded,
+      "data-locked": isLocked,
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
       className: cn(
         "flex h-full flex-col bg-brand-secondary text-brand-secondary-foreground",
         "transition-all duration-200 ease-in-out",
-        collapsed ? "w-14" : "w-[279px]",
+        isExpanded ? "w-[279px]" : "w-14",
         className
       ),
       children: [
@@ -606,7 +617,7 @@ function SidebarNav({
               alt: "Logo",
               className: cn(
                 "h-8 w-auto object-contain object-left px-5 transition-opacity duration-200",
-                collapsed ? "opacity-0" : "opacity-100"
+                !isExpanded ? "opacity-0" : "opacity-100"
               )
             }
           ),
@@ -617,7 +628,7 @@ function SidebarNav({
               alt: "Logo",
               className: cn(
                 "absolute inset-y-0 left-0 right-0 m-auto h-8 w-8 object-contain transition-opacity duration-200",
-                collapsed ? "opacity-100" : "opacity-0"
+                !isExpanded ? "opacity-100" : "opacity-0"
               )
             }
           )
@@ -627,7 +638,7 @@ function SidebarNav({
             "div",
             {
               className: cn(
-                collapsed ? "opacity-0 pointer-events-none" : "opacity-100"
+                !isExpanded ? "opacity-0 pointer-events-none" : "opacity-100"
               ),
               children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 Accordion,
@@ -684,12 +695,12 @@ function SidebarNav({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NavTooltip, { label: userName, collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NavTooltip, { label: userName, collapsed: !isExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
               className: cn(
                 "absolute inset-0 flex items-center justify-center transition-opacity duration-200",
-                collapsed ? "opacity-100" : "opacity-0 pointer-events-none"
+                !isExpanded ? "opacity-100" : "opacity-0 pointer-events-none"
               ),
               children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center font-semibold text-xs bg-primary text-primary-foreground", children: getInitials(userName) })
             }
@@ -698,7 +709,7 @@ function SidebarNav({
         !!(metricsGroups == null ? void 0 : metricsGroups.length) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Accordion,
           {
-            value: !collapsed ? ["metrics"] : [],
+            value: isExpanded ? ["metrics"] : [],
             onValueChange: () => {
             },
             children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AccordionItem, { className: "border-none", value: "metrics", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AccordionContent, { className: "p-0 text-inherit", children: metricsGroups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MetricsGroup, { group }, i)) }) })
@@ -709,7 +720,7 @@ function SidebarNav({
             CollapsibleNavItem,
             {
               item,
-              collapsed,
+              collapsed: !isExpanded,
               onNavigate
             },
             item.href
@@ -717,45 +728,39 @@ function SidebarNav({
             SidebarNavItemView,
             {
               item,
-              collapsed,
+              collapsed: !isExpanded,
               onNavigate
             },
             item.href
           )
         ) }),
-        onCollapsedChange && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-auto border-t border-white/15 bg-white/8", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-auto border-t border-white/15 bg-white/10", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           NavTooltip,
           {
-            label: collapsed ? "Expand" : "Collapse",
-            collapsed,
+            label: isLocked ? "Unpin sidebar" : "Pin sidebar open",
+            collapsed: !isExpanded,
             children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               Button,
               {
                 type: "button",
                 variant: "ghost",
-                onClick: () => onCollapsedChange(!collapsed),
+                onClick: handleLockToggle,
                 className: cn(
-                  "h-12 w-full justify-start gap-3 px-3 py-3 transition-colors",
+                  "h-12 w-full items-center gap-3 py-3 transition-colors",
                   "text-brand-secondary-foreground/80 hover:bg-white/10 hover:text-brand-secondary-foreground",
-                  collapsed && "justify-center px-2"
+                  isExpanded ? "justify-start px-3" : "justify-center px-2",
+                  isLocked && "text-primary"
                 ),
                 children: [
-                  collapsed ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                    import_lucide_react3.PanelLeftOpen,
-                    {
-                      size: 24,
-                      strokeWidth: 1.75,
-                      className: "shrink-0"
-                    }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                    import_lucide_react3.PanelLeftClose,
+                  isLocked ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.Pin, { size: 24, strokeWidth: 1.75, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    import_lucide_react3.PinOff,
                     {
                       size: 24,
                       strokeWidth: 1.75,
-                      className: "shrink-0"
+                      className: "shrink-0 opacity-60"
                     }
                   ),
-                  !collapsed && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-sm", children: "Collapse" })
+                  isExpanded && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-sm", children: isLocked ? "Pinned" : "Pin sidebar" })
                 ]
               }
             )

package/dist/components/ui/sidebar-nav.mjs

@@ -1,6 +1,6 @@
 import {
   SidebarNav
-} from "../../chunk-RSEVIQEO.mjs";
+} from "../../chunk-E432NK23.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";