@wealthx/shadcn 1.3.0 → 1.3.2

package/dist/chunk-ZC45IGZO.mjs

@@ -1,388 +0,0 @@
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-6JQFUE5I.mjs";
-import {
-  formatCurrency
-} from "./chunk-MN5NYQCL.mjs";
-import {
-  Button
-} from "./chunk-XREGSKX3.mjs";
-import {
-  cn
-} from "./chunk-VLQZANBF.mjs";
-
-// src/components/ui/sidebar-nav.tsx
-import * as React from "react";
-import {
-  ChevronDown,
-  ChevronRight,
-  Info,
-  LogOut,
-  PanelLeftClose,
-  PanelLeftOpen
-} from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function getInitials(name) {
-  return name.split(" ").filter(Boolean).map((word) => word[0]).join("").toUpperCase().slice(0, 2);
-}
-function navIconCn(isActive) {
-  return cn(
-    "shrink-0 transition-colors",
-    isActive ? "text-primary" : "text-brand-secondary-foreground/50 group-hover:text-brand-secondary-foreground"
-  );
-}
-function NavTooltip({ label, collapsed, children }) {
-  if (!collapsed) return children;
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { render: children }),
-    /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: label })
-  ] });
-}
-function MetricsGroup({ group }) {
-  return /* @__PURE__ */ jsx("div", { className: "border-b border-white/15 py-4 px-5 flex flex-col gap-1.5", children: group.items.map((item) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex items-center justify-between gap-2",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "text-sm truncate text-brand-secondary-foreground/80",
-                item.isNetItem && "font-semibold text-brand-secondary-foreground border-b-2 border-primary pb-px"
-              ),
-              children: item.name
-            }
-          ),
-          item.info && /* @__PURE__ */ jsx(
-            Info,
-            {
-              size: 11,
-              strokeWidth: 2,
-              className: "shrink-0 text-brand-secondary-foreground/50"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "text-sm font-semibold tabular-nums shrink-0 text-brand-secondary-foreground",
-              item.isNetItem && item.value < 0 && "text-destructive"
-            ),
-            children: formatCurrency(item.value, { showSign: item.isNetItem })
-          }
-        )
-      ]
-    },
-    item.name
-  )) });
-}
-function SidebarNavItemView({
-  item,
-  collapsed,
-  onNavigate
-}) {
-  var _a;
-  const Icon = item.icon;
-  return /* @__PURE__ */ jsx(NavTooltip, { label: item.title, collapsed, children: /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      variant: "ghost",
-      onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
-      className: cn(
-        "group h-auto w-full items-center gap-3 py-2.5 text-base font-medium transition-colors",
-        "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
-        collapsed ? "justify-center px-2" : cn(
-          "justify-start px-3 border-l-4",
-          item.isActive ? "bg-white/15 text-brand-secondary-foreground border-primary" : "border-transparent"
-        )
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          Icon,
-          {
-            className: navIconCn((_a = item.isActive) != null ? _a : false),
-            size: 18,
-            strokeWidth: 1.75
-          }
-        ),
-        !collapsed && /* @__PURE__ */ jsx("span", { className: "truncate", children: item.title })
-      ]
-    }
-  ) });
-}
-function CollapsibleNavItem({
-  item,
-  collapsed,
-  onNavigate
-}) {
-  var _a, _b;
-  const Icon = item.icon;
-  const hasActiveChild = (_b = (_a = item.subItems) == null ? void 0 : _a.some((sub) => sub.isActive)) != null ? _b : false;
-  const [open, setOpen] = React.useState(hasActiveChild);
-  React.useEffect(() => {
-    if (hasActiveChild) setOpen(true);
-  }, [hasActiveChild]);
-  if (collapsed) {
-    return /* @__PURE__ */ jsx(NavTooltip, { label: item.title, collapsed, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
-        className: cn(
-          "group h-auto w-full justify-center px-2 py-2.5 transition-colors",
-          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
-          hasActiveChild && "bg-white/15 text-brand-secondary-foreground"
-        ),
-        children: /* @__PURE__ */ jsx(
-          Icon,
-          {
-            className: navIconCn(hasActiveChild),
-            size: 18,
-            strokeWidth: 1.75
-          }
-        )
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        onClick: () => setOpen((prev) => !prev),
-        className: cn(
-          "group h-auto w-full justify-start gap-3 px-3 py-2.5 text-base font-medium transition-colors",
-          "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground",
-          "border-l-4 border-transparent",
-          hasActiveChild && "bg-white/15 text-brand-secondary-foreground border-primary"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              className: navIconCn(hasActiveChild),
-              size: 18,
-              strokeWidth: 1.75
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: item.title }),
-          /* @__PURE__ */ jsx(
-            ChevronDown,
-            {
-              className: cn(
-                "ml-auto shrink-0 text-brand-secondary-foreground/40 transition-transform duration-200",
-                open && "rotate-180"
-              ),
-              size: 14,
-              strokeWidth: 2
-            }
-          )
-        ]
-      }
-    ),
-    open && item.subItems && /* @__PURE__ */ jsx("div", { className: "ml-9 border-l border-white/15 pl-3", children: item.subItems.map((sub) => /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        onClick: () => onNavigate == null ? void 0 : onNavigate(sub.href),
-        className: cn(
-          "h-auto w-full justify-start gap-2 py-1.5 pl-1 text-sm transition-colors",
-          "text-brand-secondary-foreground/50 hover:text-brand-secondary-foreground",
-          sub.isActive && "text-primary font-medium"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            ChevronRight,
-            {
-              size: 11,
-              strokeWidth: 2,
-              className: cn(
-                "shrink-0",
-                sub.isActive ? "text-primary" : "text-brand-secondary-foreground/30"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: sub.title })
-        ]
-      },
-      sub.href
-    )) })
-  ] });
-}
-function SidebarNav({
-  items,
-  userName = "Anonymous User",
-  collapsed = false,
-  logo,
-  logoCollapsed,
-  metricsGroups,
-  onNavigate,
-  onLogout,
-  onCollapsedChange,
-  className
-}) {
-  const [userMenuOpen, setUserMenuOpen] = React.useState(false);
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      "data-slot": "sidebar-nav",
-      "data-collapsed": collapsed,
-      className: cn(
-        // Force dark-mode CSS variable resolution — sidebar is always dark-backgrounded
-        // regardless of system theme, so semantic tokens (destructive, success, etc.)
-        // must use their dark-mode values to maintain WCAG contrast.
-        "dark flex h-full flex-col bg-brand-secondary text-brand-secondary-foreground",
-        "transition-all duration-200 ease-in-out",
-        collapsed ? "w-14" : "w-[279px]",
-        className
-      ),
-      children: [
-        !collapsed && logo && /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-white/15 px-5 py-4", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: logo,
-            alt: "Logo",
-            className: "h-8 w-auto object-contain object-left",
-            style: { filter: "brightness(0) invert(1)" }
-          }
-        ) }),
-        collapsed && logoCollapsed && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center border-b border-white/15 py-4", children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: logoCollapsed,
-            alt: "Logo",
-            className: "h-8 w-8 object-contain",
-            style: { filter: "brightness(0) invert(1)" }
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "border-b border-white/15", children: [
-          /* @__PURE__ */ jsx(NavTooltip, { label: userName, collapsed, children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              onClick: () => !collapsed && setUserMenuOpen((prev) => !prev),
-              className: cn(
-                "group h-auto w-full justify-start gap-3 px-5 py-5 text-base transition-colors",
-                "text-brand-secondary-foreground hover:bg-white/10",
-                collapsed && "justify-center px-2 py-4"
-              ),
-              children: [
-                /* @__PURE__ */ 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) }),
-                !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left font-medium text-brand-secondary-foreground", children: userName }),
-                  /* @__PURE__ */ jsx(
-                    ChevronDown,
-                    {
-                      className: cn(
-                        "shrink-0 text-brand-secondary-foreground/50 transition-transform duration-200",
-                        userMenuOpen && "rotate-180"
-                      ),
-                      size: 16,
-                      strokeWidth: 2
-                    }
-                  )
-                ] })
-              ]
-            }
-          ) }),
-          !collapsed && userMenuOpen && /* @__PURE__ */ jsx("div", { className: "border-t border-white/15 bg-black/20", children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              onClick: onLogout,
-              className: cn(
-                "h-auto w-full justify-start gap-3 px-5 py-3 text-base",
-                "text-brand-secondary-foreground/70 hover:bg-white/10 hover:text-brand-secondary-foreground transition-colors"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  LogOut,
-                  {
-                    size: 16,
-                    strokeWidth: 1.75,
-                    className: "shrink-0 text-destructive"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { children: "Logout" })
-              ]
-            }
-          ) })
-        ] }),
-        !collapsed && !!(metricsGroups == null ? void 0 : metricsGroups.length) && /* @__PURE__ */ jsx("div", { children: metricsGroups.map((group, i) => /* @__PURE__ */ jsx(MetricsGroup, { group }, i)) }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col overflow-y-auto py-3", children: items.map(
-          (item) => item.isCollapsible ? /* @__PURE__ */ jsx(
-            CollapsibleNavItem,
-            {
-              item,
-              collapsed,
-              onNavigate
-            },
-            item.href
-          ) : /* @__PURE__ */ jsx(
-            SidebarNavItemView,
-            {
-              item,
-              collapsed,
-              onNavigate
-            },
-            item.href
-          )
-        ) }),
-        onCollapsedChange && /* @__PURE__ */ jsx("div", { className: "mt-auto border-t border-white/15 bg-white/8", children: /* @__PURE__ */ jsx(
-          NavTooltip,
-          {
-            label: collapsed ? "Expand" : "Collapse",
-            collapsed,
-            children: /* @__PURE__ */ jsxs(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                onClick: () => onCollapsedChange(!collapsed),
-                className: cn(
-                  "h-auto w-full justify-start gap-3 px-3 py-3 transition-colors",
-                  "text-brand-secondary-foreground/80 hover:bg-white/10 hover:text-brand-secondary-foreground",
-                  collapsed && "justify-center px-2"
-                ),
-                children: [
-                  collapsed ? /* @__PURE__ */ jsx(
-                    PanelLeftOpen,
-                    {
-                      size: 18,
-                      strokeWidth: 1.75,
-                      className: "shrink-0"
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    PanelLeftClose,
-                    {
-                      size: 18,
-                      strokeWidth: 1.75,
-                      className: "shrink-0"
-                    }
-                  ),
-                  !collapsed && /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Collapse" })
-                ]
-              }
-            )
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-
-export {
-  SidebarNav
-};