@wealthx/shadcn 1.5.28 → 1.5.30

package/dist/{chunk-RNLIZRAK.mjs → chunk-C6R42PCL.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-HK4HUQTV.mjs";
 import {
   FormField
-} from "./chunk-DWJHPNFL.mjs";
+} from "./chunk-4UT3RZ2D.mjs";
 import {
   AddressAutocomplete
 } from "./chunk-LDC6V6DJ.mjs";

package/dist/{chunk-EVUY67CY.mjs → chunk-FTQ2AKZ2.mjs}

@@ -1,7 +1,7 @@
 import {
   Field,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   PaginationNavButtons
 } from "./chunk-6WRDXE7A.mjs";

package/dist/{chunk-7T4TYUO3.mjs → chunk-H5ZD63NT.mjs}

@@ -5,7 +5,7 @@ import {
 import {
   Field,
   FieldError
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Label
 } from "./chunk-LSRGA5BI.mjs";
@@ -27,6 +27,16 @@ var DEFAULT_APPS = [
   { name: "Google Authenticator" },
   { name: "Microsoft Authenticator" }
 ];
+var STEP_META = {
+  1: {
+    subtitle: "We recommend Google Authenticator or Microsoft Authenticator",
+    defaultTitle: "2FA Setup"
+  },
+  2: {
+    title: "Open Auth App and Scan Code",
+    subtitle: "Open your authenticator app and scan the QR code"
+  }
+};
 function AppDownloadStep({
   apps,
   onNext,
@@ -34,18 +44,21 @@ function AppDownloadStep({
   required
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: apps.map((app) => {
-      var _a;
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: apps.map((app) => {
+      var _a, _b;
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "flex flex-1 flex-col items-center gap-3 border border-border bg-muted/30 p-4 text-center",
+          className: "flex items-center gap-4 border border-border bg-muted/30 p-4",
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
-              (_a = app.icon) != null ? _a : /* @__PURE__ */ jsx(Smartphone, { size: 18, className: "text-muted-foreground" }),
-              app.name
-            ] }),
-            app.qrNode ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: app.qrNode }) : /* @__PURE__ */ jsx("div", { className: "flex h-[100px] w-[100px] items-center justify-center border border-dashed border-border bg-muted/50 text-[11px] text-muted-foreground", children: "Scan to download" })
+            /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center", children: (_a = app.qrNode) != null ? _a : /* @__PURE__ */ jsx("div", { className: "flex h-[80px] w-[80px] items-center justify-center border border-dashed border-border bg-muted/50 text-[11px] text-muted-foreground", children: "Scan" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                (_b = app.icon) != null ? _b : /* @__PURE__ */ jsx(Smartphone, { size: 16, className: "text-muted-foreground" }),
+                app.name
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Scan to download" })
+            ] })
           ]
         },
         app.name
@@ -77,15 +90,17 @@ function VerificationStep({
     setIsLoading(true);
     try {
       yield onVerify(token);
-    } catch (e) {
-      setError("Invalid code. Please try again.");
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Invalid code. Please try again."
+      );
     } finally {
       setIsLoading(false);
     }
   });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
-      qrCodeNode ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: qrCodeNode }) : /* @__PURE__ */ jsx("div", { className: "flex h-[140px] w-[140px] items-center justify-center border border-dashed border-border bg-muted/50 text-xs text-muted-foreground", children: "QR Code" }),
+      qrCodeNode != null ? qrCodeNode : /* @__PURE__ */ jsx("div", { className: "flex h-[140px] w-[140px] items-center justify-center border border-dashed border-border bg-muted/50 text-xs text-muted-foreground", children: "QR Code" }),
       /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "The temporary code will show for authentication. Insert below." })
     ] }),
     /* @__PURE__ */ jsxs(Field, { children: [
@@ -127,7 +142,7 @@ function VerificationStep({
   ] });
 }
 function TwoFASetupForm({
-  title = "2FA Setup",
+  title,
   apps = DEFAULT_APPS,
   qrCodeNode,
   onVerify,
@@ -136,10 +151,10 @@ function TwoFASetupForm({
   className
 }) {
   const [step, setStep] = useState(1);
-  const stepTitle = step === 1 ? title : "Open Auth App and Scan Code";
-  const stepSubtitle = step === 1 ? "We recommend Google Authenticator or Microsoft Authenticator" : "Open your authenticator app and scan the QR code";
+  const stepTitle = step === 1 ? title != null ? title : STEP_META[1].defaultTitle : STEP_META[2].title;
+  const stepSubtitle = STEP_META[step].subtitle;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 text-center", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: stepTitle }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: stepSubtitle })
     ] }),

package/dist/{chunk-SO4RB3XB.mjs → chunk-IEQX4UVP.mjs}

@@ -3,7 +3,7 @@ import {
   PasswordField,
   SectionHeading,
   StaffRowItem
-} from "./chunk-DWJHPNFL.mjs";
+} from "./chunk-4UT3RZ2D.mjs";
 import {
   UploadCard
 } from "./chunk-I4KVSZCH.mjs";
@@ -14,7 +14,7 @@ import {
   Field,
   FieldError,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Tooltip,
   TooltipContent,

package/dist/chunk-IKVF4XE2.mjs

@@ -0,0 +1,94 @@
+import {
+  useThemeVars
+} from "./chunk-XYSRRDBH.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/password-strength-tooltip.tsx
+import * as React from "react";
+import { Check, X } from "lucide-react";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PASSWORD_STRENGTH_RULES = [
+  { label: "Minimum 8 characters", test: (p) => p.length >= 8 },
+  { label: "At least one uppercase letter", test: (p) => /[A-Z]/.test(p) },
+  { label: "At least one lowercase letter", test: (p) => /[a-z]/.test(p) },
+  { label: "At least one number", test: (p) => /\d/.test(p) },
+  {
+    label: "At least one special character",
+    test: (p) => /[^A-Za-z0-9]/.test(p)
+  }
+];
+var PasswordStrengthTooltip = React.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React.useRef(null);
+  const composedRef = React.useCallback(
+    (node) => {
+      anchorRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef) {
+        forwardedRef.current = node;
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [forwardedRef]
+  );
+  return (
+    // PopoverPrimitive.Root with no Trigger — popup is fully controlled via `open` prop.
+    // The wrapper div has no trigger behaviors injected, so clicking the input inside
+    // works on the first click without interference.
+    /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, children: [
+      /* @__PURE__ */ jsx("div", { ref: composedRef, children }),
+      /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ jsx(
+            PopoverPrimitive.Popup,
+            {
+              initialFocus: false,
+              finalFocus: false,
+              className: cn(
+                "border border-border bg-popover shadow-md outline-hidden",
+                "w-auto max-w-[280px] p-3 font-sans",
+                "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",
+                "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95"
+              ),
+              style: themeVars,
+              children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: PASSWORD_STRENGTH_RULES.map((rule) => {
+                const valid = password ? rule.test(password) : false;
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-1.5 text-[13px] leading-[18px]",
+                      valid ? "text-success" : "text-destructive"
+                    ),
+                    children: [
+                      valid ? /* @__PURE__ */ jsx(Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ jsx(X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
+
+export {
+  PASSWORD_STRENGTH_RULES,
+  PasswordStrengthTooltip
+};

package/dist/{chunk-KPGARKFC.mjs → chunk-MS3GNXMB.mjs}

@@ -237,7 +237,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ jsx(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/{chunk-M32QNCD3.mjs → chunk-OSSS56CB.mjs}

@@ -1,7 +1,7 @@
 import {
   Field,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   AddressAutocomplete
 } from "./chunk-LDC6V6DJ.mjs";

package/dist/{chunk-36IN7YRM.mjs → chunk-SCGCGVDN.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   Field,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Checkbox
 } from "./chunk-IKXYTCSB.mjs";

package/dist/{chunk-KJQ3BVTB.mjs → chunk-X2NIDXFB.mjs}

@@ -8,7 +8,7 @@ import {
   Field,
   FieldError,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";