@wealthx/shadcn 1.2.1 → 1.2.2

package/dist/chunk-ZRSDX6OW.mjs

@@ -0,0 +1,385 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6JQFUE5I.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 formatCurrency(value, isNetItem = false) {
+  const abs = Math.abs(value);
+  const formatted = new Intl.NumberFormat("en-AU", {
+    style: "currency",
+    currency: "AUD",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(abs);
+  if (!isNetItem) return formatted;
+  if (value > 0) return `+${formatted}`;
+  if (value < 0) return `-${formatted}`;
+  return formatted;
+}
+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, 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",
+      onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
+      className: cn(
+        "group flex 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(
+          "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",
+        onClick: () => onNavigate == null ? void 0 : onNavigate(item.href),
+        className: cn(
+          "group flex w-full items-center 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",
+        onClick: () => setOpen((prev) => !prev),
+        className: cn(
+          "group flex w-full items-center 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",
+        onClick: () => onNavigate == null ? void 0 : onNavigate(sub.href),
+        className: cn(
+          "flex w-full items-center 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(
+        "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",
+              onClick: () => !collapsed && setUserMenuOpen((prev) => !prev),
+              className: cn(
+                "group flex w-full items-center 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",
+              onClick: onLogout,
+              className: cn(
+                "flex w-full items-center 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",
+                onClick: () => onCollapsedChange(!collapsed),
+                className: cn(
+                  "flex w-full items-center 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
+};

package/dist/chunk-ZSHYDDRB.mjs

@@ -0,0 +1,249 @@
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-3GF7OVTP.mjs";
+import {
+  Input
+} from "./chunk-GYMYRIZP.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/color-picker.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var COLOR_PICKER_PRESETS = [
+  // Blues
+  "#1E40AF",
+  "#2563EB",
+  "#3B82F6",
+  "#60A5FA",
+  // Purples
+  "#7C3AED",
+  "#8B5CF6",
+  "#A78BFA",
+  "#C4B5FD",
+  // Greens
+  "#15803D",
+  "#16A34A",
+  "#22C55E",
+  "#4ADE80",
+  // Reds
+  "#B91C1C",
+  "#DC2626",
+  "#EF4444",
+  "#F87171",
+  // Oranges
+  "#C2410C",
+  "#EA580C",
+  "#F97316",
+  "#FB923C",
+  // Teals
+  "#0F766E",
+  "#0D9488",
+  "#14B8A6",
+  "#2DD4BF",
+  // Neutrals
+  "#111827",
+  "#374151",
+  "#6B7280",
+  "#D1D5DB"
+];
+function isValidHex(value) {
+  return /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(value);
+}
+function normalizeHex(value) {
+  const stripped = value.replace(/^#/, "");
+  return `#${stripped}`;
+}
+function ColorSwatch({
+  color,
+  selected,
+  size = "md",
+  onClick,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title: color,
+      "aria-label": `Select color ${color}`,
+      "aria-pressed": selected,
+      onClick: () => onClick == null ? void 0 : onClick(color),
+      className: cn(
+        "relative shrink-0 transition-all outline-none shadow-[inset_0_0_0_1px_rgba(0,0,0,0.12)]",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+        size === "md" ? "size-7" : "size-5",
+        selected && "ring-2 ring-foreground ring-offset-1 ring-offset-background",
+        className
+      ),
+      style: { backgroundColor: color }
+    }
+  );
+}
+function ColorPickerContent({
+  value,
+  onChange,
+  presets = COLOR_PICKER_PRESETS
+}) {
+  const [hexInput, setHexInput] = React.useState(value);
+  React.useEffect(() => {
+    setHexInput(value);
+  }, [value]);
+  function handleHexInputChange(e) {
+    const raw = e.target.value;
+    setHexInput(raw);
+    const normalized = normalizeHex(raw);
+    if (isValidHex(normalized)) {
+      onChange(normalized);
+    }
+  }
+  function handleHexBlur() {
+    const normalized = normalizeHex(hexInput);
+    if (isValidHex(normalized)) {
+      setHexInput(normalized);
+      if (normalized !== value) onChange(normalized);
+    } else {
+      setHexInput(value);
+    }
+  }
+  const normalizedInput = normalizeHex(hexInput);
+  const isValid = isValidHex(normalizedInput);
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "color-picker-content", className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Presets" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1.5", children: presets.map((color) => /* @__PURE__ */ jsx(
+        ColorSwatch,
+        {
+          color,
+          selected: value.toLowerCase() === color.toLowerCase(),
+          onClick: onChange
+        },
+        color
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Custom hex" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            className: "relative size-9 shrink-0 cursor-pointer border border-border",
+            title: "Open color picker",
+            style: {
+              backgroundColor: isValid ? normalizedInput : value
+            },
+            children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "color",
+                "aria-label": "Native color picker",
+                value: isValid ? normalizedInput : value,
+                onChange: (e) => {
+                  setHexInput(e.target.value);
+                  onChange(e.target.value);
+                },
+                className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "aria-label": "Hex color value",
+            placeholder: "#000000",
+            value: hexInput,
+            onChange: handleHexInputChange,
+            onBlur: handleHexBlur,
+            maxLength: 7,
+            className: "h-9 flex-1 font-mono text-sm uppercase"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ColorPicker({
+  value: controlledValue,
+  defaultValue = "#3B82F6",
+  onChange,
+  presets,
+  disabled,
+  label,
+  className
+}) {
+  const isControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const color = isControlled ? controlledValue : internalValue;
+  const [open, setOpen] = React.useState(false);
+  React.useEffect(() => {
+    if (disabled) setOpen(false);
+  }, [disabled]);
+  function handleChange(newColor) {
+    if (!isControlled) setInternalValue(newColor);
+    onChange == null ? void 0 : onChange(newColor);
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "color-picker",
+      className: cn("inline-flex flex-col gap-1.5 font-sans", className),
+      children: [
+        label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: label }),
+        /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsxs(
+            PopoverTrigger,
+            {
+              disabled,
+              className: cn(
+                "flex h-9 min-w-[140px] cursor-pointer items-center gap-2.5 border border-input bg-background px-3 text-sm outline-none transition-colors",
+                "hover:border-ring",
+                "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+                "disabled:cursor-not-allowed disabled:opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: "size-5 shrink-0 border border-border/50",
+                    style: { backgroundColor: color }
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-xs uppercase tracking-wide", children: color })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PopoverContent,
+            {
+              className: "w-[220px] p-4",
+              align: "start",
+              "data-shadcn-scope": true,
+              children: /* @__PURE__ */ jsx(
+                ColorPickerContent,
+                {
+                  value: color,
+                  onChange: handleChange,
+                  presets
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  COLOR_PICKER_PRESETS,
+  isValidHex,
+  normalizeHex,
+  ColorSwatch,
+  ColorPickerContent,
+  ColorPicker
+};

package/dist/components/ui/add-column-modal.mjs

@@ -1,11 +1,11 @@
 import {
   AddColumnModal
-} from "../../chunk-3WMX6KWS.mjs";
-import "../../chunk-7PYJD5JI.mjs";
+} from "../../chunk-Y4QFWRNR.mjs";
 import "../../chunk-FH6QVUVZ.mjs";
 import "../../chunk-NSLMILBT.mjs";
-import "../../chunk-GYMYRIZP.mjs";
+import "../../chunk-7PYJD5JI.mjs";
 import "../../chunk-XIRTEFKH.mjs";
+import "../../chunk-GYMYRIZP.mjs";
 import "../../chunk-2I5S2AMY.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-FEZKMUCF.mjs";

package/dist/components/ui/add-lead-modal.mjs

@@ -1,10 +1,10 @@
 import {
   AddLeadModal
-} from "../../chunk-PR6V5XKM.mjs";
+} from "../../chunk-CGH4DRNG.mjs";
 import "../../chunk-RGVKLTLH.mjs";
 import "../../chunk-7YAU5CY6.mjs";
-import "../../chunk-GYMYRIZP.mjs";
 import "../../chunk-XIRTEFKH.mjs";
+import "../../chunk-GYMYRIZP.mjs";
 import "../../chunk-2I5S2AMY.mjs";
 import "../../chunk-DBHJ5KC3.mjs";
 import "../../chunk-FEZKMUCF.mjs";