@wealthx/shadcn 1.5.29 → 1.5.31

package/dist/components/ui/frontend-signup-steps.js

@@ -804,6 +804,9 @@ var import_select = require("@base-ui/react/select");
 var import_react3 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var ThemeVarsContext = (0, import_react3.createContext)({});
+function useThemeVars() {
+  return (0, import_react3.useContext)(ThemeVarsContext);
+}
 
 // src/components/ui/select.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -812,29 +815,102 @@ var SelectPortalContext = React7.createContext(
 );
 
 // src/components/ui/password-strength-tooltip.tsx
+var React8 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
-
-// src/components/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
 var import_jsx_runtime14 = require("react/jsx-runtime");
-
-// src/components/ui/password-strength-tooltip.tsx
-var import_jsx_runtime15 = require("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 = React8.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React8.useRef(null);
+  const composedRef = React8.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_runtime14.jsxs)(import_popover.Popover.Root, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref: composedRef, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_popover.Popover.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_popover.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_runtime14.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_runtime14.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_runtime14.jsx)(import_lucide_react6.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
 
 // src/components/ui/signup-form-primitives.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function FormField({ label, required, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Field, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(FieldLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Field, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(FieldLabel, { children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-destructive ml-0.5", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-destructive ml-0.5", children: "*" })
     ] }),
     children
   ] });
 }
 
 // src/components/ui/frontend-signup-steps.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var fmt = (v) => new Intl.NumberFormat("en-AU", {
   style: "currency",
   currency: "AUD",
@@ -863,17 +939,17 @@ function PhoneVerifyStep({
     if (value.length === 6) onVerify == null ? void 0 : onVerify(value);
   };
   const lastFour = phone.slice(-4);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-2xl font-bold text-foreground", children: "We sent you a text." }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-2xl font-bold text-foreground", children: "We sent you a text." }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
         "Number we have ends in \u2022\u2022\u2022\u2022 ",
         lastFour,
         "."
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         InputOTP,
         {
           maxLength: 6,
@@ -882,41 +958,41 @@ function PhoneVerifyStep({
           disabled: isLoading,
           "aria-label": "6-digit verification code",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(InputOTPGroup, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPSlot, { index: 0, "aria-invalid": !!error || void 0 }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPSlot, { index: 1, "aria-invalid": !!error || void 0 }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPSlot, { index: 2, "aria-invalid": !!error || void 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(InputOTPGroup, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSlot, { index: 0, "aria-invalid": !!error || void 0 }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSlot, { index: 1, "aria-invalid": !!error || void 0 }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSlot, { index: 2, "aria-invalid": !!error || void 0 })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPSeparator, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(InputOTPGroup, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPSlot, { index: 3, "aria-invalid": !!error || void 0 }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPSlot, { index: 4, "aria-invalid": !!error || void 0 }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPSlot, { index: 5, "aria-invalid": !!error || void 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSeparator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(InputOTPGroup, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSlot, { index: 3, "aria-invalid": !!error || void 0 }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSlot, { index: 4, "aria-invalid": !!error || void 0 }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSlot, { index: 5, "aria-invalid": !!error || void 0 })
             ] })
           ]
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { role: "alert", className: "text-sm text-destructive", children: error })
     ] }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         role: "status",
         "aria-label": "Verifying code",
         className: "flex items-center gap-2 text-sm text-muted-foreground",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { className: "size-4" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, { className: "size-4" }) }),
           "Verifying\u2026"
         ]
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-sm text-muted-foreground", "aria-live": "polite", children: [
+    ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-sm text-muted-foreground", "aria-live": "polite", children: [
       "Didn't receive a code?",
       " ",
-      timer > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+      timer > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
         "Resend it in ",
         timer,
         "s"
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Button,
         {
           variant: "link",
@@ -946,11 +1022,11 @@ function BrokerRequestStep({ onValuesChange }) {
       return next;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground", children: "You have access for the first 3 months covered by us. After this date you will need to be connected with a mortgage broker or financial planner to maintain access." }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormField, { label: "First Name", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-muted-foreground", children: "You have access for the first 3 months covered by us. After this date you will need to be connected with a mortgage broker or financial planner to maintain access." }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { label: "First Name", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Input,
           {
             id: "broker-first-name",
@@ -960,7 +1036,7 @@ function BrokerRequestStep({ onValuesChange }) {
             onChange: (e) => update("firstName", e.target.value)
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormField, { label: "Last Name", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { label: "Last Name", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Input,
           {
             id: "broker-last-name",
@@ -971,7 +1047,7 @@ function BrokerRequestStep({ onValuesChange }) {
           }
         ) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormField, { label: "Email Address", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { label: "Email Address", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Input,
         {
           id: "broker-email",
@@ -982,7 +1058,7 @@ function BrokerRequestStep({ onValuesChange }) {
           onChange: (e) => update("email", e.target.value)
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormField, { label: "Phone Number", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormField, { label: "Phone Number", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Input,
         {
           id: "broker-phone",
@@ -998,7 +1074,7 @@ function BrokerRequestStep({ onValuesChange }) {
 }
 var BANKS = ["CBA", "ANZ", "NAB", "WBC", "MAC", "BOQ"];
 function ConnectBankStep({ onConnect }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "button",
     {
       type: "button",
@@ -1006,22 +1082,22 @@ function ConnectBankStep({ onConnect }) {
       onClick: onConnect,
       className: "flex flex-col gap-4 border border-border p-6 text-left transition-colors hover:border-primary/60",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-3 gap-3", "aria-hidden": "true", children: BANKS.map((abbr) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-3 gap-3", "aria-hidden": "true", children: BANKS.map((abbr) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "div",
           {
             className: "flex h-14 items-center justify-center border border-border bg-muted/30",
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold text-foreground", children: abbr })
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-semibold text-foreground", children: abbr })
           },
           abbr
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Connect Bank" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-semibold text-foreground", children: "Connect Bank" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "div",
             {
               "aria-hidden": "true",
               className: "flex h-7 w-7 items-center justify-center bg-primary text-primary-foreground",
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.PlusIcon, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.PlusIcon, { className: "size-4" })
             }
           )
         ] })
@@ -1030,17 +1106,17 @@ function ConnectBankStep({ onConnect }) {
   ) });
 }
 function RetrieveBankDataStep() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
       role: "status",
       "aria-label": "Retrieving bank data",
       className: "flex flex-col items-center justify-center gap-4 py-16 text-center",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { className: "size-10 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-base font-semibold text-foreground", children: "Retrieving your bank data\u2026" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-muted-foreground", children: "This may take a few seconds. Please don't close this window." })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, { className: "size-10 text-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-base font-semibold text-foreground", children: "Retrieving your bank data\u2026" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-muted-foreground", children: "This may take a few seconds. Please don't close this window." })
         ] })
       ]
     }
@@ -1063,8 +1139,8 @@ function ConnectPropertyStep({
     setGoalValue(v);
     onGoalChange == null ? void 0 : onGoalChange(v);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       ToggleGroup,
       {
         type: "single",
@@ -1077,13 +1153,13 @@ function ConnectPropertyStep({
         },
         className: "w-full",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: "yes", className: "flex-1", children: "Yes, I have a property" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToggleGroupItem, { value: "no", className: "flex-1", children: "No, I don't" })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToggleGroupItem, { value: "yes", className: "flex-1", children: "Yes, I have a property" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToggleGroupItem, { value: "no", className: "flex-1", children: "No, I don't" })
         ]
       }
     ),
-    hasProperty === true && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    hasProperty === true && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         AddressAutocomplete,
         {
           value: addressValue,
@@ -1094,29 +1170,29 @@ function ConnectPropertyStep({
           }
         }
       ),
-      properties.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { role: "list", className: "flex flex-col gap-2", children: properties.map((p) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      properties.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { role: "list", className: "flex flex-col gap-2", children: properties.map((p) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "li",
         {
           className: "flex items-center justify-between border border-border px-4 py-3",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 import_lucide_react8.HomeIcon,
                 {
                   "aria-hidden": "true",
                   className: "size-4 shrink-0 text-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm font-medium text-foreground", children: p.address }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm font-medium text-foreground", children: p.address }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
                   p.suburb,
                   ", ",
                   p.state
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               import_lucide_react8.CheckIcon,
               {
                 "aria-hidden": "true",
@@ -1128,12 +1204,12 @@ function ConnectPropertyStep({
         p.id
       )) })
     ] }),
-    hasProperty === false && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-4 border border-border p-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm font-medium text-foreground", children: "What's your property budget?" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs text-muted-foreground", children: "Set your estimated buying goal to help us tailor your experience." })
+    hasProperty === false && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-4 border border-border p-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm font-medium text-foreground", children: "What's your property budget?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground", children: "Set your estimated buying goal to help us tailor your experience." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "p",
         {
           "aria-live": "polite",
@@ -1141,7 +1217,7 @@ function ConnectPropertyStep({
           children: fmt(goalValue)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Slider,
         {
           min: GOAL_MIN,
@@ -1152,14 +1228,14 @@ function ConnectPropertyStep({
           "aria-label": "Property buying goal"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "div",
         {
           "aria-hidden": "true",
           className: "flex justify-between text-xs text-muted-foreground",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: fmt(GOAL_MIN) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: fmt(GOAL_MAX) })
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: fmt(GOAL_MIN) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: fmt(GOAL_MAX) })
           ]
         }
       )
@@ -1172,9 +1248,9 @@ function BuyingGoalStep({
   onConfirm
 }) {
   const [value, setValue] = (0, import_react5.useState)(initialValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-6 border border-border p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-6 border border-border p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "p",
         {
           "aria-live": "polite",
@@ -1182,20 +1258,20 @@ function BuyingGoalStep({
           children: fmt(value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Button,
         {
           variant: "default",
           onClick: () => onConfirm == null ? void 0 : onConfirm(value),
           disabled: isLoading,
-          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { className: "size-4" }) }),
+          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, { className: "size-4" }) }),
             "Adding\u2026"
           ] }) : "Confirm"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Slider,
       {
         min: GOAL_MIN,
@@ -1207,14 +1283,14 @@ function BuyingGoalStep({
         "aria-label": "Buying goal"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         "aria-hidden": "true",
         className: "flex justify-between text-xs text-muted-foreground",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: fmt(GOAL_MIN) }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: fmt(GOAL_MAX) })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: fmt(GOAL_MIN) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: fmt(GOAL_MAX) })
         ]
       }
     )
@@ -1224,24 +1300,24 @@ function FrontendSuccessStep({
   firstName = "Alex",
   onGoToDashboard
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex min-h-full flex-col items-center justify-center gap-6 px-4 py-16 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex min-h-full flex-col items-center justify-center gap-6 px-4 py-16 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         "aria-hidden": "true",
         className: "flex size-16 items-center justify-center bg-success/10",
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.CheckIcon, { className: "size-8 text-success", strokeWidth: 2 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.CheckIcon, { className: "size-8 text-success", strokeWidth: 2 })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("h2", { className: "text-2xl font-bold text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("h2", { className: "text-2xl font-bold text-foreground", children: [
         "You're all set, ",
         firstName,
         "!"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "max-w-[360px] text-sm text-muted-foreground", children: "Your account is ready. Head to your dashboard to explore your financial overview and next steps." })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "max-w-[360px] text-sm text-muted-foreground", children: "Your account is ready. Head to your dashboard to explore your financial overview and next steps." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "default", size: "lg", onClick: onGoToDashboard, children: "Go to Dashboard" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "default", size: "lg", onClick: onGoToDashboard, children: "Go to Dashboard" })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/ui/frontend-signup-steps.mjs

@@ -6,17 +6,16 @@ import {
   FrontendSuccessStep,
   PhoneVerifyStep,
   RetrieveBankDataStep
-} from "../../chunk-RNLIZRAK.mjs";
+} from "../../chunk-C6R42PCL.mjs";
 import "../../chunk-HK4HUQTV.mjs";
-import "../../chunk-DWJHPNFL.mjs";
-import "../../chunk-WHIW6KOB.mjs";
-import "../../chunk-KPGARKFC.mjs";
+import "../../chunk-4UT3RZ2D.mjs";
+import "../../chunk-IKVF4XE2.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-LDC6V6DJ.mjs";
 import "../../chunk-ISUA7DSB.mjs";
 import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-JVMXMFBB.mjs";
-import "../../chunk-HB5BKRMH.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-LSRGA5BI.mjs";