@wealthx/shadcn 1.5.29 → 1.5.31

package/dist/components/ui/two-fa-setup-form.js

@@ -367,7 +367,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.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), {
@@ -483,6 +483,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,
@@ -490,18 +500,21 @@ function AppDownloadStep({
   required
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex gap-4", children: apps.map((app) => {
-      var _a;
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-col gap-3", children: apps.map((app) => {
+      var _a, _b;
       return /* @__PURE__ */ (0, import_jsx_runtime8.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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
-              (_a = app.icon) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Smartphone, { size: 18, className: "text-muted-foreground" }),
-              app.name
-            ] }),
-            app.qrNode ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center", children: app.qrNode }) : /* @__PURE__ */ (0, import_jsx_runtime8.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__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex shrink-0 items-center justify-center", children: (_a = app.qrNode) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime8.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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                (_b = app.icon) != null ? _b : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Smartphone, { size: 16, className: "text-muted-foreground" }),
+                app.name
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-muted-foreground", children: "Scan to download" })
+            ] })
           ]
         },
         app.name
@@ -533,15 +546,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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      qrCodeNode ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center", children: qrCodeNode }) : /* @__PURE__ */ (0, import_jsx_runtime8.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__ */ (0, import_jsx_runtime8.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__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-center text-sm text-muted-foreground", children: "The temporary code will show for authentication. Insert below." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Field, { children: [
@@ -583,7 +598,7 @@ function VerificationStep({
   ] });
 }
 function TwoFASetupForm({
-  title = "2FA Setup",
+  title,
   apps = DEFAULT_APPS,
   qrCodeNode,
   onVerify,
@@ -592,10 +607,10 @@ function TwoFASetupForm({
   className
 }) {
   const [step, setStep] = (0, import_react3.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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cn("flex flex-col gap-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: stepTitle }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-muted-foreground", children: stepSubtitle })
     ] }),

package/dist/components/ui/two-fa-setup-form.mjs

@@ -1,8 +1,8 @@
 import {
   TwoFASetupForm
-} from "../../chunk-7T4TYUO3.mjs";
+} from "../../chunk-H5ZD63NT.mjs";
 import "../../chunk-7YI3HEBH.mjs";
-import "../../chunk-KPGARKFC.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
 import "../../chunk-LSRGA5BI.mjs";

package/dist/index.js

@@ -7025,7 +7025,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime43.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), {
@@ -24802,9 +24802,11 @@ var import_react39 = require("react");
 var import_lucide_react68 = require("lucide-react");
 
 // src/components/ui/password-strength-tooltip.tsx
+var React56 = __toESM(require("react"));
 var import_lucide_react67 = require("lucide-react");
+var import_popover5 = require("@base-ui/react/popover");
 var import_jsx_runtime123 = require("react/jsx-runtime");
-var RULES = [
+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) },
@@ -24814,40 +24816,73 @@ var RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-function PasswordStrengthTooltip({
-  open = false,
-  password,
-  children,
-  side = "right"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Popover, { open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { children }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-      PopoverContent,
-      {
-        side,
-        align: "start",
-        sideOffset: 8,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        className: "w-auto max-w-[280px] font-sans",
-        children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex flex-col gap-1.5", children: RULES.map((rule) => {
-          const valid = password ? rule.test(password) : false;
-          return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
-            "div",
-            {
-              className: `flex items-center gap-1.5 text-[13px] leading-[18px] ${valid ? "text-success" : "text-destructive"}`,
-              children: [
-                valid ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react67.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react67.X, { size: 14, className: "shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: rule.label })
-              ]
-            },
-            rule.label
-          );
-        }) })
+var PasswordStrengthTooltip = React56.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React56.useRef(null);
+  const composedRef = React56.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__ */ (0, import_jsx_runtime123.jsxs)(import_popover5.Popover.Root, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { ref: composedRef, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_popover5.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        import_popover5.Popover.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+            import_popover5.Popover.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__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex flex-col gap-1.5", children: PASSWORD_STRENGTH_RULES.map((rule) => {
+                const valid = password ? rule.test(password) : false;
+                return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-1.5 text-[13px] leading-[18px]",
+                      valid ? "text-success" : "text-destructive"
+                    ),
+                    children: [
+                      valid ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react67.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react67.X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
 
 // src/components/ui/signup-form-primitives.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
@@ -24863,13 +24898,6 @@ function FormField2({ label, required, children }) {
     children
   ] });
 }
-var STRENGTH_RULES = [
-  { test: (p) => p.length >= 8 },
-  { test: (p) => /[A-Z]/.test(p) },
-  { test: (p) => /[a-z]/.test(p) },
-  { test: (p) => /\d/.test(p) },
-  { test: (p) => /[^A-Za-z0-9]/.test(p) }
-];
 function PasswordField({
   label,
   placeholder,
@@ -24881,13 +24909,26 @@ function PasswordField({
   const [error, setError] = (0, import_react39.useState)("");
   const [touched, setTouched] = (0, import_react39.useState)(false);
   const [value, setValue] = (0, import_react39.useState)("");
-  const [typingStarted, setTypingStarted] = (0, import_react39.useState)(false);
-  const allRulesPass = STRENGTH_RULES.every((r) => r.test(value));
-  const isPopoverOpen = !!showStrengthPopover && typingStarted && !allRulesPass;
+  const [dismissed, setDismissed] = (0, import_react39.useState)(false);
+  const wrapperRef = (0, import_react39.useRef)(null);
+  const allRulesPass = PASSWORD_STRENGTH_RULES.every((r) => r.test(value));
+  const isPopoverOpen = !!showStrengthPopover && !dismissed && value.length > 0 && !allRulesPass;
   const validate = (v) => {
-    if (v.length > 0 && v.length < 8) return "Min. 8 characters required";
+    if (!v) return "";
+    if (v.length < 8) return "Min. 8 characters required";
+    if (!PASSWORD_STRENGTH_RULES.every((r) => r.test(v)))
+      return "Password doesn't meet all requirements";
     return "";
   };
+  (0, import_react39.useEffect)(() => {
+    if (!isPopoverOpen) return;
+    const onMouseDown = (e) => {
+      var _a;
+      if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.target))) setDismissed(true);
+    };
+    document.addEventListener("mousedown", onMouseDown, true);
+    return () => document.removeEventListener("mousedown", onMouseDown, true);
+  }, [isPopoverOpen]);
   const inputEl = /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       Input,
@@ -24900,8 +24941,16 @@ function PasswordField({
           const v = e.target.value;
           setValue(v);
           onValueChange == null ? void 0 : onValueChange(v);
-          if (!typingStarted && v.length > 0) setTypingStarted(true);
           if (touched) setError(validate(v));
+          setDismissed(false);
+        },
+        onFocus: () => setDismissed(false),
+        onKeyDown: (e) => {
+          if (e.key === "Tab") {
+            setTouched(true);
+            setError(validate(value));
+            setDismissed(true);
+          }
         },
         onBlur: () => {
           setTouched(true);
@@ -24928,13 +24977,14 @@ function PasswordField({
     showStrengthPopover ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       PasswordStrengthTooltip,
       {
+        ref: wrapperRef,
         open: isPopoverOpen,
         password: value,
         side: "right",
         children: inputEl
       }
     ) : inputEl,
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "min-h-5", children: touched && error && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(FieldError, { children: error }) })
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "min-h-5", children: touched && error && !isPopoverOpen && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(FieldError, { children: error }) })
   ] });
 }
 var DEFAULT_ROLE_OPTIONS = ["Admin", "Broker", "Support"];
@@ -25859,6 +25909,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,
@@ -25866,18 +25926,21 @@ function AppDownloadStep({
   required
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex gap-4", children: apps.map((app) => {
-      var _a;
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-col gap-3", children: apps.map((app) => {
+      var _a, _b;
       return /* @__PURE__ */ (0, import_jsx_runtime127.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__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
-              (_a = app.icon) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react71.Smartphone, { size: 18, className: "text-muted-foreground" }),
-              app.name
-            ] }),
-            app.qrNode ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-center justify-center", children: app.qrNode }) : /* @__PURE__ */ (0, import_jsx_runtime127.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__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex shrink-0 items-center justify-center", children: (_a = app.qrNode) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime127.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__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                (_b = app.icon) != null ? _b : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react71.Smartphone, { size: 16, className: "text-muted-foreground" }),
+                app.name
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-xs text-muted-foreground", children: "Scan to download" })
+            ] })
           ]
         },
         app.name
@@ -25909,15 +25972,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__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-      qrCodeNode ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex items-center justify-center", children: qrCodeNode }) : /* @__PURE__ */ (0, import_jsx_runtime127.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__ */ (0, import_jsx_runtime127.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__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-center text-sm text-muted-foreground", children: "The temporary code will show for authentication. Insert below." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Field, { children: [
@@ -25959,7 +26024,7 @@ function VerificationStep({
   ] });
 }
 function TwoFASetupForm({
-  title = "2FA Setup",
+  title,
   apps = DEFAULT_APPS,
   qrCodeNode,
   onVerify,
@@ -25968,10 +26033,10 @@ function TwoFASetupForm({
   className
 }) {
   const [step, setStep] = (0, import_react42.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__ */ (0, import_jsx_runtime127.jsxs)("div", { className: cn("flex flex-col gap-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h2", { className: "text-xl font-semibold text-foreground", children: stepTitle }),
       /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-sm text-muted-foreground", children: stepSubtitle })
     ] }),
@@ -26464,7 +26529,7 @@ function ApplicationMobileLayout({
 }
 
 // src/components/ui/income-work-details.tsx
-var React62 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 
 // src/components/ui/loan-option-group.tsx
 var import_jsx_runtime133 = require("react/jsx-runtime");
@@ -26756,10 +26821,10 @@ function IncomeWorkDetails({
   onConnectMore,
   className
 }) {
-  const [openItems, setOpenItems] = React62.useState(
+  const [openItems, setOpenItems] = React63.useState(
     sources.length > 0 ? [sources[0].id] : []
   );
-  React62.useEffect(() => {
+  React63.useEffect(() => {
     setOpenItems((current) => {
       const currentSet = new Set(current);
       const newIds = sources.map((s) => s.id).filter((id) => !currentSet.has(id));
@@ -26930,7 +26995,7 @@ function LoanEntryShell({
 }
 
 // src/components/ui/loan-wizard-shell.tsx
-var React63 = __toESM(require("react"));
+var React64 = __toESM(require("react"));
 var import_jsx_runtime137 = require("react/jsx-runtime");
 function LoanWizardShell({
   logo,
@@ -26970,7 +27035,7 @@ function LoanWizardShell({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex shrink-0 items-center justify-between px-4 py-8 sm:px-8 sm:py-12 lg:px-[200px]", children: [
           /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("h1", { className: "text-2xl font-bold text-foreground lg:text-[38px] lg:leading-tight", children: heroTitle.split("\n").map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(React63.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("h1", { className: "text-2xl font-bold text-foreground lg:text-[38px] lg:leading-tight", children: heroTitle.split("\n").map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(React64.Fragment, { children: [
               line,
               i < heroTitle.split("\n").length - 1 && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("br", {})
             ] }, i)) }),

package/dist/index.mjs

@@ -16,7 +16,7 @@ import {
   ContactAlertDialog,
   ContactAlertQueryBuilder,
   createAlertTree
-} from "./chunk-36IN7YRM.mjs";
+} from "./chunk-SCGCGVDN.mjs";
 import {
   ResourceCarousel,
   ResourceCenterHeader,
@@ -37,7 +37,7 @@ import {
 } from "./chunk-77L3UPBW.mjs";
 import {
   TwoFASetupForm
-} from "./chunk-7T4TYUO3.mjs";
+} from "./chunk-H5ZD63NT.mjs";
 import {
   VideoBackground
 } from "./chunk-ZGQIVGIN.mjs";
@@ -75,7 +75,7 @@ import {
 } from "./chunk-JUMEIPII.mjs";
 import {
   PropertyReportDialog
-} from "./chunk-M32QNCD3.mjs";
+} from "./chunk-OSSS56CB.mjs";
 import {
   ReviewAlertsDialog
 } from "./chunk-HONTZFLO.mjs";
@@ -168,7 +168,7 @@ import {
   FrontendSuccessStep,
   PhoneVerifyStep,
   RetrieveBankDataStep
-} from "./chunk-RNLIZRAK.mjs";
+} from "./chunk-C6R42PCL.mjs";
 import {
   InputOTP,
   InputOTPGroup,
@@ -264,7 +264,7 @@ import {
   ChatWidgetTopicGrid,
   ChatWidgetWindow,
   DEFAULT_CHAT_WIDGET_TOPICS
-} from "./chunk-KJQ3BVTB.mjs";
+} from "./chunk-X2NIDXFB.mjs";
 import {
   ChatWidgetHeader,
   ChatWidgetInputBar,
@@ -299,16 +299,16 @@ import {
   PaymentView,
   PersonalDetailsStep,
   StripeView
-} from "./chunk-SO4RB3XB.mjs";
+} from "./chunk-IEQX4UVP.mjs";
 import {
   FormField,
   PasswordField,
   SectionHeading,
   StaffRowItem
-} from "./chunk-DWJHPNFL.mjs";
+} from "./chunk-4UT3RZ2D.mjs";
 import {
   PasswordStrengthTooltip
-} from "./chunk-WHIW6KOB.mjs";
+} from "./chunk-IKVF4XE2.mjs";
 import {
   UploadCard,
   uploadCardVariants
@@ -326,7 +326,7 @@ import {
 } from "./chunk-7N6O3VPJ.mjs";
 import {
   BankStatementGenerateDialog
-} from "./chunk-EVUY67CY.mjs";
+} from "./chunk-FTQ2AKZ2.mjs";
 import {
   Field,
   FieldContent,
@@ -338,7 +338,7 @@ import {
   FieldSeparator,
   FieldSet,
   FieldTitle
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   BankStatementPDFViewer
 } from "./chunk-LBXIYS34.mjs";