@wealthx/shadcn 1.5.5 → 1.5.7

package/dist/components/ui/pipeline-board.mjs

@@ -1,18 +1,17 @@
 import {
   PipelineBoard
-} from "../../chunk-QRVEI6J3.mjs";
-import "../../chunk-ODO6BUOF.mjs";
-import "../../chunk-RAKBWNQH.mjs";
+} from "../../chunk-BQBSYM2I.mjs";
+import "../../chunk-HRHXZIX5.mjs";
+import "../../chunk-5WCIGJ3E.mjs";
 import "../../chunk-2WCIORP7.mjs";
 import "../../chunk-JPGL36WQ.mjs";
 import "../../chunk-IKXYTCSB.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-PNSYFE3K.mjs";
 import "../../chunk-HNDTLT5X.mjs";
-import "../../chunk-6SR4K5T5.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-WL6WVV47.mjs";
-import "../../chunk-PV3Y7QGK.mjs";
+import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-LBTHZSBT.mjs";

package/dist/components/ui/pipeline-chart.js

@@ -1,10 +1,39 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -93,8 +122,66 @@ function formatCurrencyAbbrev(value) {
   return `${sign}$${abs.toFixed(0)}`;
 }
 
-// src/components/ui/pipeline-chart.tsx
+// src/components/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delay = 0
+  } = _b, props = __objRest(_b, [
+    "delay"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_tooltip.Tooltip.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delay
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 8,
+    side,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "side",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Positioner, { sideOffset, side, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_tooltip.Tooltip.Popup,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative z-50 w-fit animate-in overflow-visible bg-brand-secondary px-3 py-1.5 text-caption text-balance text-brand-secondary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+        className
+      ),
+      "data-slot": "tooltip-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 bg-brand-secondary data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1" })
+      ]
+    })
+  ) }) });
+}
+
+// src/components/ui/pipeline-chart.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function formatValue(v) {
   return formatCurrencyAbbrev(v);
 }
@@ -112,12 +199,10 @@ function PipelineChart({
 }) {
   const themeVars = useThemeVars();
   const [activeId, setActiveId] = React2.useState(null);
-  const [tooltipX, setTooltipX] = React2.useState(0);
-  const barRef = React2.useRef(null);
   const nonEmpty = stages.filter((s) => s.value > 0);
   const total = nonEmpty.reduce((sum, s) => sum + s.value, 0);
   if (total === 0 || stages.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "div",
       {
         className: cn(
@@ -130,75 +215,63 @@ function PipelineChart({
       }
     );
   }
-  const activeStage = activeId ? stages.find((s) => s.id === activeId) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       className: cn("flex flex-col gap-3", className),
       "data-slot": "pipeline-chart",
       style: themeVars,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "div",
           {
-            ref: barRef,
             className: "relative flex w-full overflow-hidden",
             style: { height: barHeight },
-            children: [
-              nonEmpty.map((stage, i) => {
-                var _a;
-                const pct = stage.value / total * 100;
-                const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];
-                const isActive = activeId === stage.id;
-                return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                  "div",
+            children: nonEmpty.map((stage, i) => {
+              var _a;
+              const pct = stage.value / total * 100;
+              const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];
+              const isActive = activeId === stage.id;
+              return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  TooltipTrigger,
                   {
-                    role: "img",
-                    className: "relative h-full cursor-pointer transition-opacity",
-                    style: {
-                      width: `${pct}%`,
-                      backgroundColor: color,
-                      opacity: activeId && !isActive ? 0.5 : 1,
-                      minWidth: 2
-                    },
-                    onMouseEnter: (e) => {
-                      setActiveId(stage.id);
-                      const bar = barRef.current;
-                      if (!bar) return;
-                      const rect = e.currentTarget.getBoundingClientRect();
-                      const barRect = bar.getBoundingClientRect();
-                      setTooltipX(rect.left + rect.width / 2 - barRect.left);
-                    },
-                    onMouseLeave: () => setActiveId(null),
-                    "aria-label": `${stage.name}: ${formatValue(stage.value)}`
-                  },
-                  stage.id
-                );
-              }),
-              activeStage && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                "div",
-                {
-                  className: "pointer-events-none absolute -top-8 z-10 whitespace-nowrap border border-border bg-popover px-2 py-1 text-xs text-popover-foreground shadow-sm",
-                  style: { left: tooltipX, transform: "translateX(-50%)" },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-medium", children: activeStage.name }),
-                    " \u2014 ",
-                    formatValue(activeStage.value)
-                  ]
-                }
-              )
-            ]
+                    render: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      "div",
+                      {
+                        role: "img",
+                        className: "relative h-full cursor-pointer transition-opacity",
+                        style: {
+                          width: `${pct}%`,
+                          backgroundColor: color,
+                          opacity: activeId && !isActive ? 0.5 : 1,
+                          minWidth: 2
+                        },
+                        onMouseEnter: () => setActiveId(stage.id),
+                        onMouseLeave: () => setActiveId(null),
+                        "aria-label": `${stage.name}: ${formatValue(stage.value)}`
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TooltipContent, { side: "top", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "font-medium", children: stage.name }),
+                  " \u2014 ",
+                  formatValue(stage.value)
+                ] })
+              ] }, stage.id);
+            })
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-wrap gap-x-4 gap-y-1.5", children: nonEmpty.map((stage, i) => {
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-wrap gap-x-4 gap-y-1.5", children: nonEmpty.map((stage, i) => {
           var _a;
           const color = (_a = stage.color) != null ? _a : FALLBACK_COLORS[i % FALLBACK_COLORS.length];
-          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               className: "flex items-center gap-1.5 text-xs text-muted-foreground",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "span",
                   {
                     className: "inline-block size-2 shrink-0 rounded-full",

package/dist/components/ui/pipeline-chart.mjs

@@ -1,6 +1,7 @@
 import {
   PipelineChart
-} from "../../chunk-D447W45Z.mjs";
+} from "../../chunk-7OLKVKJF.mjs";
+import "../../chunk-6SR4K5T5.mjs";
 import "../../chunk-WDTXHLYM.mjs";
 import "../../chunk-S4CTM3UE.mjs";
 import "../../chunk-MN5NYQCL.mjs";

package/dist/components/ui/pipeline-dialogs.mjs

@@ -2,13 +2,13 @@ import {
   ChangePriorityDialog,
   DeleteOpportunityDialog,
   PutOnHoldDialog
-} from "../../chunk-VFH632TB.mjs";
+} from "../../chunk-SDNG4XL6.mjs";
 import "../../chunk-TAX3KL66.mjs";
 import "../../chunk-NCUH54IZ.mjs";
-import "../../chunk-BFB3UH7V.mjs";
+import "../../chunk-C2QMHKLT.mjs";
 import "../../chunk-C6SWS7OW.mjs";
-import "../../chunk-Q35PNFJ7.mjs";
-import "../../chunk-PV3Y7QGK.mjs";
+import "../../chunk-FBNEIYSE.mjs";
+import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-LBTHZSBT.mjs";

package/dist/components/ui/savings-goal-modal.mjs

@@ -11,10 +11,10 @@ import {
 } from "../../chunk-NCUH54IZ.mjs";
 import {
   DatePicker
-} from "../../chunk-BFB3UH7V.mjs";
+} from "../../chunk-C2QMHKLT.mjs";
 import "../../chunk-C6SWS7OW.mjs";
-import "../../chunk-Q35PNFJ7.mjs";
-import "../../chunk-PV3Y7QGK.mjs";
+import "../../chunk-FBNEIYSE.mjs";
+import "../../chunk-LHWJQNLG.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem

package/dist/components/ui/selectable-card.js

@@ -0,0 +1,163 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/selectable-card.tsx
+var selectable_card_exports = {};
+__export(selectable_card_exports, {
+  SelectableCard: () => SelectableCard
+});
+module.exports = __toCommonJS(selectable_card_exports);
+
+// src/components/ui/radio-group.tsx
+var import_lucide_react = require("lucide-react");
+var import_radio_group = require("@base-ui/react/radio-group");
+var import_radio = require("@base-ui/react/radio");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/radio-group.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var CIRCLE_BASE = "inline-flex items-center justify-center aspect-square size-4 shrink-0 rounded-full border border-primary bg-background";
+var INDICATOR_DOT = "size-2 fill-background text-background";
+function RadioGroupItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radio.Radio.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        CIRCLE_BASE,
+        "transition-all outline-none",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-checked:bg-primary",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        "aria-invalid:data-checked:border-destructive aria-invalid:data-checked:bg-destructive",
+        "dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      "data-slot": "radio-group-item"
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_radio.Radio.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CircleIcon, { className: INDICATOR_DOT })
+        }
+      )
+    })
+  );
+}
+
+// src/components/ui/selectable-card.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function SelectableCard({
+  value,
+  selected = false,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "label",
+    {
+      className: cn(
+        "flex cursor-pointer flex-col items-center justify-center gap-3 border border-border p-6 text-center transition-colors hover:border-primary/50",
+        selected && "border-primary bg-primary/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RadioGroupItem, { value, className: "sr-only" }),
+        children
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectableCard
+});

package/dist/components/ui/selectable-card.mjs

@@ -0,0 +1,9 @@
+import {
+  SelectableCard
+} from "../../chunk-3Z75IKFO.mjs";
+import "../../chunk-JTK6VJXY.mjs";
+import "../../chunk-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
+export {
+  SelectableCard
+};

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

@@ -607,8 +607,7 @@ function SidebarNav({
               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__ */ (0, import_jsx_runtime5.jsx)(
@@ -619,8 +618,7 @@ function SidebarNav({
               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)" }
+              )
             }
           )
         ] }),

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

@@ -1,6 +1,6 @@
 import {
   SidebarNav
-} from "../../chunk-PV7PNA6K.mjs";
+} from "../../chunk-IKDTOCSY.mjs";
 import "../../chunk-6SR4K5T5.mjs";
 import "../../chunk-WDTXHLYM.mjs";
 import "../../chunk-S4CTM3UE.mjs";

package/dist/components/ui/signup-shell.js

@@ -238,7 +238,8 @@ function StepLabel({
           "span",
           {
             className: cn(
-              "text-sm font-medium leading-tight transition-colors",
+              orientation === "vertical" && "flex h-8 items-center",
+              "text-label-small transition-colors",
               (isActive || isCompleted) && !error && "text-foreground",
               !isActive && !isCompleted && !error && "text-muted-foreground",
               error && "text-destructive"
@@ -250,7 +251,7 @@ function StepLabel({
           "span",
           {
             className: cn(
-              "mt-0.5 text-xs",
+              "mt-0.5 text-caption",
               error ? "text-destructive" : "text-muted-foreground"
             ),
             children: subtext

package/dist/components/ui/signup-shell.mjs

@@ -2,8 +2,8 @@ import {
   FrontendShell,
   SignupShell,
   SignupVideoPanel
-} from "../../chunk-UEREFDAE.mjs";
-import "../../chunk-6TX73WG7.mjs";
+} from "../../chunk-AZGLSIHF.mjs";
+import "../../chunk-TCE5L44O.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {

package/dist/components/ui/stepper.js

@@ -239,7 +239,8 @@ function StepLabel({
           "span",
           {
             className: cn(
-              "text-sm font-medium leading-tight transition-colors",
+              orientation === "vertical" && "flex h-8 items-center",
+              "text-label-small transition-colors",
               (isActive || isCompleted) && !error && "text-foreground",
               !isActive && !isCompleted && !error && "text-muted-foreground",
               error && "text-destructive"
@@ -251,7 +252,7 @@ function StepLabel({
           "span",
           {
             className: cn(
-              "mt-0.5 text-xs",
+              "mt-0.5 text-caption",
               error ? "text-destructive" : "text-muted-foreground"
             ),
             children: subtext

package/dist/components/ui/stepper.mjs

@@ -5,7 +5,7 @@ import {
   StepItem,
   StepLabel,
   Stepper
-} from "../../chunk-6TX73WG7.mjs";
+} from "../../chunk-TCE5L44O.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {