@wealthx/shadcn 1.2.2 → 1.3.1

package/dist/chunk-MLNEWRWV.mjs

@@ -0,0 +1,449 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6JQFUE5I.mjs";
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem
+} from "./chunk-MARPPFOJ.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 { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { 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: 24,
+            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: 24,
+            strokeWidth: 1.75
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    Accordion,
+    {
+      value: open ? [item.href] : [],
+      onValueChange: (values) => setOpen(values.length > 0),
+      children: /* @__PURE__ */ jsxs(AccordionItem, { className: "border-none", value: item.href, children: [
+        /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+          AccordionPrimitive.Trigger,
+          {
+            className: cn(
+              "group flex h-auto w-full items-center 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: 24,
+                  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",
+                    "group-data-[panel-open]:rotate-180"
+                  ),
+                  size: 14,
+                  strokeWidth: 2
+                }
+              )
+            ]
+          }
+        ) }),
+        item.subItems && /* @__PURE__ */ jsx(AccordionContent, { className: "p-0 text-inherit", children: /* @__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);
+  const navScrollRef = React.useRef(null);
+  const expandedScrollRef = React.useRef(0);
+  React.useEffect(() => {
+    if (collapsed) setUserMenuOpen(false);
+  }, [collapsed]);
+  React.useLayoutEffect(() => {
+    const nav = navScrollRef.current;
+    if (!nav) return;
+    if (!collapsed) {
+      nav.scrollTop = expandedScrollRef.current;
+    }
+    return () => {
+      if (!collapsed && nav) {
+        expandedScrollRef.current = nav.scrollTop;
+      }
+    };
+  }, [collapsed]);
+  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: [
+        (logo || logoCollapsed) && /* @__PURE__ */ jsxs("div", { className: "relative flex items-center border-b border-white/15 py-4 overflow-hidden", children: [
+          logo && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logo,
+              alt: "Logo",
+              className: cn(
+                "h-8 w-auto object-contain object-left px-5 transition-opacity duration-200",
+                collapsed ? "opacity-0" : "opacity-100"
+              ),
+              style: { filter: "brightness(0) invert(1)" }
+            }
+          ),
+          logoCollapsed && /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logoCollapsed,
+              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"
+              ),
+              style: { filter: "brightness(0) invert(1)" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative border-b border-white/15", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                collapsed ? "opacity-0 pointer-events-none" : "opacity-100"
+              ),
+              children: /* @__PURE__ */ jsx(
+                Accordion,
+                {
+                  value: userMenuOpen ? ["user-menu"] : [],
+                  onValueChange: (values) => setUserMenuOpen(values.length > 0),
+                  children: /* @__PURE__ */ jsxs(AccordionItem, { className: "border-none", value: "user-menu", children: [
+                    /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+                      AccordionPrimitive.Trigger,
+                      {
+                        className: cn(
+                          "group flex h-auto w-full items-center justify-start gap-3 px-5 py-5 text-base transition-colors",
+                          "text-brand-secondary-foreground hover:bg-white/10"
+                        ),
+                        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) }),
+                          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left font-medium text-brand-secondary-foreground", children: userName }),
+                          /* @__PURE__ */ jsx(
+                            ChevronDown,
+                            {
+                              className: "ml-auto shrink-0 text-brand-secondary-foreground/50 transition-transform duration-200 group-data-[panel-open]:rotate-180",
+                              size: 16,
+                              strokeWidth: 2
+                            }
+                          )
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(AccordionContent, { className: "p-0 text-inherit", children: /* @__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" })
+                        ]
+                      }
+                    ) }) })
+                  ] })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(NavTooltip, { label: userName, collapsed, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute inset-0 flex items-center justify-center transition-opacity duration-200",
+                collapsed ? "opacity-100" : "opacity-0 pointer-events-none"
+              ),
+              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) })
+            }
+          ) })
+        ] }),
+        !!(metricsGroups == null ? void 0 : metricsGroups.length) && /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            value: !collapsed ? ["metrics"] : [],
+            onValueChange: () => {
+            },
+            children: /* @__PURE__ */ jsx(AccordionItem, { className: "border-none", value: "metrics", children: /* @__PURE__ */ jsx(AccordionContent, { className: "p-0 text-inherit", children: metricsGroups.map((group, i) => /* @__PURE__ */ jsx(MetricsGroup, { group }, i)) }) })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { ref: navScrollRef, 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-12 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: 24,
+                      strokeWidth: 1.75,
+                      className: "shrink-0"
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    PanelLeftClose,
+                    {
+                      size: 24,
+                      strokeWidth: 1.75,
+                      className: "shrink-0"
+                    }
+                  ),
+                  !collapsed && /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Collapse" })
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+export {
+  SidebarNav
+};

package/dist/chunk-MN5NYQCL.mjs

@@ -0,0 +1,29 @@
+// src/lib/format-currency.ts
+function formatCurrency(value, options) {
+  const { decimals = 0, showSign = false } = options != null ? options : {};
+  const abs = Math.abs(value);
+  const formatted = new Intl.NumberFormat("en-AU", {
+    style: "currency",
+    currency: "AUD",
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  }).format(abs);
+  if (!showSign) return value < 0 ? `-${formatted}` : formatted;
+  if (value > 0) return `+${formatted}`;
+  if (value < 0) return `-${formatted}`;
+  return formatted;
+}
+function formatCurrencyAbbrev(value) {
+  const abs = Math.abs(value);
+  const sign = value < 0 ? "-" : "";
+  if (abs >= 1e9)
+    return `${sign}$${(abs / 1e9).toFixed(1)}B`;
+  if (abs >= 1e6) return `${sign}$${(abs / 1e6).toFixed(1)}M`;
+  if (abs >= 1e3) return `${sign}$${(abs / 1e3).toFixed(0)}K`;
+  return `${sign}$${abs.toFixed(0)}`;
+}
+
+export {
+  formatCurrency,
+  formatCurrencyAbbrev
+};

package/dist/chunk-NL3ZO62D.mjs

@@ -0,0 +1,31 @@
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/page-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PageHeader({
+  title,
+  description,
+  actions,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "page-header",
+      className: cn("flex items-start justify-between gap-4", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold leading-tight", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions })
+      ]
+    }
+  );
+}
+
+export {
+  PageHeader
+};

package/dist/{chunk-Q76O3RIQ.mjs → chunk-NMOI6CQD.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-GYMYRIZP.mjs";
 import {
   Button
-} from "./chunk-2I5S2AMY.mjs";
+} from "./chunk-XREGSKX3.mjs";
 import {
   cn
 } from "./chunk-VLQZANBF.mjs";

package/dist/{chunk-P6AM5V7O.mjs → chunk-OODBHKG7.mjs}

@@ -1,7 +1,7 @@
 import {
   Button,
   buttonVariants
-} from "./chunk-2I5S2AMY.mjs";
+} from "./chunk-XREGSKX3.mjs";
 import {
   cn
 } from "./chunk-VLQZANBF.mjs";