@wealthx/shadcn 1.5.18 → 1.5.20

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

@@ -796,6 +796,7 @@ function FieldLabel(_a) {
 }
 
 // src/components/ui/select.tsx
+var React7 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 
@@ -806,6 +807,9 @@ var ThemeVarsContext = (0, import_react3.createContext)({});
 
 // src/components/ui/select.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
+var SelectPortalContext = React7.createContext(
+  void 0
+);
 
 // src/components/ui/password-strength-tooltip.tsx
 var import_lucide_react6 = require("lucide-react");

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

@@ -6,14 +6,14 @@ import {
   FrontendSuccessStep,
   PhoneVerifyStep,
   RetrieveBankDataStep
-} from "../../chunk-ANERULZS.mjs";
+} from "../../chunk-4UCRTTVL.mjs";
 import "../../chunk-HK4HUQTV.mjs";
-import "../../chunk-2UA4CPE5.mjs";
+import "../../chunk-DWJHPNFL.mjs";
 import "../../chunk-WHIW6KOB.mjs";
 import "../../chunk-KPGARKFC.mjs";
 import "../../chunk-ET4MTPIY.mjs";
 import "../../chunk-ISUA7DSB.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-LSRGA5BI.mjs";

package/dist/components/ui/opportunity-edit-modals.js

@@ -67,7 +67,7 @@ __export(opportunity_edit_modals_exports, {
   EditLoanScenarioModal: () => EditLoanScenarioModal
 });
 module.exports = __toCommonJS(opportunity_edit_modals_exports);
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_lucide_react10 = require("lucide-react");
 
 // src/lib/utils.ts
@@ -277,7 +277,7 @@ function DialogOverlay(_a) {
     __spreadValues({
       className: cn(
         // WealthX: foreground/50 scrim (matches Figma — foreground token at 50% opacity)
-        "fixed inset-0 z-50 bg-foreground/50 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
+        "fixed inset-0 z-50 bg-foreground/50 pointer-events-auto data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
         className
       ),
       "data-slot": "dialog-overlay"
@@ -328,7 +328,9 @@ function DialogContent(_a) {
           // max-w-[calc(100%-2rem)] acts as a viewport-edge guard on all sizes.
           // Fixed max-width is applied via inline style (sizeStyle) to avoid
           // Tailwind v4 class-scanning gaps with dynamic class lookups.
-          "fixed left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] gap-4 border bg-background p-6 duration-200 outline-none 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",
+          // pointer-events-auto: Vaul Drawer (Radix DismissableLayer) sets body{pointer-events:none}
+          // when open — dialog portals to body and must override that on its own element.
+          "fixed left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] gap-4 border bg-background p-6 duration-200 outline-none pointer-events-auto 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",
           // "auto" → hug content (with min-width floor); fixed sizes → fill to max-width
           isAuto ? "w-auto" : "w-full",
           align === "center" ? "top-[50%] translate-y-[-50%]" : "top-4 translate-y-0",
@@ -483,9 +485,13 @@ function Textarea(_a) {
 }
 
 // src/components/ui/select.tsx
+var React3 = __toESM(require("react"));
 var import_lucide_react3 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime7 = require("react/jsx-runtime");
+var SelectPortalContext = React3.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -532,7 +538,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const portalContainer = React3.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -711,12 +718,12 @@ function Checkbox(_a) {
 }
 
 // src/components/ui/date-picker.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_date_fns2 = require("date-fns");
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/calendar.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 
@@ -905,8 +912,8 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  const ref = React3.useRef(null);
-  React3.useEffect(() => {
+  const ref = React4.useRef(null);
+  React4.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -987,7 +994,7 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  const [open, setOpen] = React4.useState(false);
+  const [open, setOpen] = React5.useState(false);
   function handleDaySelect(day) {
     if (!day) {
       onChange == null ? void 0 : onChange(void 0);
@@ -1076,10 +1083,10 @@ function DatePicker({
 }
 
 // src/components/ui/slider.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_slider = require("@base-ui/react/slider");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var Slider = React5.forwardRef(
+var Slider = React6.forwardRef(
   ({
     className,
     value,
@@ -1202,11 +1209,11 @@ function RadioGroupItem(_a) {
 }
 
 // src/components/ui/form-primitives.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_lucide_react9 = require("lucide-react");
 
 // src/components/ui/toggle-group.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
@@ -1237,7 +1244,7 @@ var toggleVariants = (0, import_class_variance_authority2.cva)(
 
 // src/components/ui/toggle-group.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var ToggleGroupContext = React6.createContext({
+var ToggleGroupContext = React7.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -1289,7 +1296,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React6.useContext(ToggleGroupContext);
+  const context = React7.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
@@ -1333,13 +1340,13 @@ function CurrencyInputWithSlider({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React7.useState(defaultValue);
+  const [internalValue, setInternalValue] = React8.useState(defaultValue);
   const numericValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [inputText, setInputText] = React7.useState(
+  const [inputText, setInputText] = React8.useState(
     formatNumberToCurrency(numericValue)
   );
-  const [isFocused, setIsFocused] = React7.useState(false);
-  React7.useEffect(() => {
+  const [isFocused, setIsFocused] = React8.useState(false);
+  React8.useEffect(() => {
     if (!isFocused) {
       setInputText(formatNumberToCurrency(numericValue));
     }
@@ -1437,13 +1444,13 @@ function AddressAutocomplete({
   onSelect,
   className
 }) {
-  const [internalValue, setInternalValue] = React7.useState("");
+  const [internalValue, setInternalValue] = React8.useState("");
   const inputValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [open, setOpen] = React7.useState(false);
-  const [activeIndex, setActiveIndex] = React7.useState(-1);
-  const containerRef = React7.useRef(null);
-  const listRef = React7.useRef(null);
-  const filtered = React7.useMemo(() => {
+  const [open, setOpen] = React8.useState(false);
+  const [activeIndex, setActiveIndex] = React8.useState(-1);
+  const containerRef = React8.useRef(null);
+  const listRef = React8.useRef(null);
+  const filtered = React8.useMemo(() => {
     if (!inputValue.trim()) return suggestions.slice(0, 5);
     const q = inputValue.toLowerCase();
     return suggestions.filter((s) => s.label.toLowerCase().includes(q)).slice(0, 5);
@@ -1473,7 +1480,7 @@ function AddressAutocomplete({
       setOpen(false);
     }
   };
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -1550,7 +1557,7 @@ function OwnershipSplit({
   onOwnersChange,
   className
 }) {
-  const [internalOwners, setInternalOwners] = React7.useState(DEFAULT_OWNERS);
+  const [internalOwners, setInternalOwners] = React8.useState(DEFAULT_OWNERS);
   const owners = controlledOwners !== void 0 ? controlledOwners : internalOwners;
   const setOwners = (updated) => {
     if (controlledOwners === void 0) setInternalOwners(updated);
@@ -1955,9 +1962,9 @@ function EditLoanScenarioModal({
   container,
   className
 }) {
-  const [form, setForm] = React8.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
-  const initialSnapshot = React8.useRef("");
-  React8.useEffect(() => {
+  const [form, setForm] = React9.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
+  const initialSnapshot = React9.useRef("");
+  React9.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData);
       setForm(data);
@@ -2217,11 +2224,11 @@ function EditAssetsModal({
   container,
   className
 }) {
-  const [items, setItems] = React8.useState(
+  const [items, setItems] = React9.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()]
   );
-  const initialSnapshot = React8.useRef("");
-  React8.useEffect(() => {
+  const initialSnapshot = React9.useRef("");
+  React9.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()];
       setItems(data);
@@ -2514,11 +2521,11 @@ function EditDebtsModal({
   container,
   className
 }) {
-  const [items, setItems] = React8.useState(
+  const [items, setItems] = React9.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()]
   );
-  const initialSnapshot = React8.useRef("");
-  React8.useEffect(() => {
+  const initialSnapshot = React9.useRef("");
+  React9.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()];
       setItems(data);
@@ -2840,9 +2847,9 @@ function EditAboutApplicantModal({
   container,
   className
 }) {
-  const [form, setForm] = React8.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
-  const initialSnapshot = React8.useRef("");
-  React8.useEffect(() => {
+  const [form, setForm] = React9.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
+  const initialSnapshot = React9.useRef("");
+  React9.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData);
       setForm(data);
@@ -3114,7 +3121,7 @@ function EditIncomeModal({
   container,
   className
 }) {
-  const defaultItems = React8.useMemo(
+  const defaultItems = React9.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -3122,9 +3129,9 @@ function EditIncomeModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React8.useState(defaultItems);
-  const initialSnapshot = React8.useRef("");
-  React8.useEffect(() => {
+  const [items, setItems] = React9.useState(defaultItems);
+  const initialSnapshot = React9.useRef("");
+  React9.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -3341,7 +3348,7 @@ function EditExpensesModal({
   container,
   className
 }) {
-  const defaultItems = React8.useMemo(
+  const defaultItems = React9.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -3349,9 +3356,9 @@ function EditExpensesModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React8.useState(defaultItems);
-  const initialSnapshot = React8.useRef("");
-  React8.useEffect(() => {
+  const [items, setItems] = React9.useState(defaultItems);
+  const initialSnapshot = React9.useRef("");
+  React9.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];

package/dist/components/ui/opportunity-edit-modals.mjs

@@ -5,14 +5,14 @@ import {
   EditExpensesModal,
   EditIncomeModal,
   EditLoanScenarioModal
-} from "../../chunk-45V7X563.mjs";
+} from "../../chunk-JGUC3KCA.mjs";
 import "../../chunk-JTK6VJXY.mjs";
 import "../../chunk-ET4MTPIY.mjs";
 import "../../chunk-ISUA7DSB.mjs";
 import "../../chunk-IKXYTCSB.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-UMF6LLQK.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";

package/dist/components/ui/opportunity-summary-tab.js

@@ -62,7 +62,7 @@ __export(opportunity_summary_tab_exports, {
   OpportunitySummaryTab: () => OpportunitySummaryTab
 });
 module.exports = __toCommonJS(opportunity_summary_tab_exports);
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_react4 = require("react");
 var import_lucide_react12 = require("lucide-react");
 
@@ -200,6 +200,7 @@ function Badge(_a) {
 }
 
 // src/components/ui/select.tsx
+var React3 = __toESM(require("react"));
 var import_lucide_react = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 
@@ -213,6 +214,9 @@ function useThemeVars() {
 
 // src/components/ui/select.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var SelectPortalContext = React3.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -259,7 +263,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const portalContainer = React3.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -736,7 +741,7 @@ function FinancialSubtotalBlock({
 }
 
 // src/components/ui/financial-cards.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
 
 // src/lib/format-date.ts
@@ -906,7 +911,7 @@ function PropertyCard({
   interestCharged,
   principlePaidOff
 }) {
-  const [expanded, setExpanded] = React3.useState(false);
+  const [expanded, setExpanded] = React4.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
@@ -1465,7 +1470,7 @@ function ExpensesCard({
 }
 
 // src/components/ui/opportunity-edit-modals.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_lucide_react11 = require("lucide-react");
 
 // src/components/ui/dialog.tsx
@@ -1491,7 +1496,7 @@ function DialogOverlay(_a) {
     __spreadValues({
       className: cn(
         // WealthX: foreground/50 scrim (matches Figma — foreground token at 50% opacity)
-        "fixed inset-0 z-50 bg-foreground/50 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
+        "fixed inset-0 z-50 bg-foreground/50 pointer-events-auto data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
         className
       ),
       "data-slot": "dialog-overlay"
@@ -1542,7 +1547,9 @@ function DialogContent(_a) {
           // max-w-[calc(100%-2rem)] acts as a viewport-edge guard on all sizes.
           // Fixed max-width is applied via inline style (sizeStyle) to avoid
           // Tailwind v4 class-scanning gaps with dynamic class lookups.
-          "fixed left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] gap-4 border bg-background p-6 duration-200 outline-none 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",
+          // pointer-events-auto: Vaul Drawer (Radix DismissableLayer) sets body{pointer-events:none}
+          // when open — dialog portals to body and must override that on its own element.
+          "fixed left-[50%] z-50 grid max-w-[calc(100%-2rem)] translate-x-[-50%] gap-4 border bg-background p-6 duration-200 outline-none pointer-events-auto 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",
           // "auto" → hug content (with min-width floor); fixed sizes → fill to max-width
           isAuto ? "w-auto" : "w-full",
           align === "center" ? "top-[50%] translate-y-[-50%]" : "top-4 translate-y-0",
@@ -1697,12 +1704,12 @@ function Textarea(_a) {
 }
 
 // src/components/ui/date-picker.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_date_fns2 = require("date-fns");
 var import_lucide_react9 = require("lucide-react");
 
 // src/components/ui/calendar.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_lucide_react8 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -1875,8 +1882,8 @@ function CalendarDayButton(_a) {
     "modifiers"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  const ref = React4.useRef(null);
-  React4.useEffect(() => {
+  const ref = React5.useRef(null);
+  React5.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -1957,7 +1964,7 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  const [open, setOpen] = React5.useState(false);
+  const [open, setOpen] = React6.useState(false);
   function handleDaySelect(day) {
     if (!day) {
       onChange == null ? void 0 : onChange(void 0);
@@ -2046,10 +2053,10 @@ function DatePicker({
 }
 
 // src/components/ui/slider.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_slider = require("@base-ui/react/slider");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var Slider = React6.forwardRef(
+var Slider = React7.forwardRef(
   ({
     className,
     value,
@@ -2118,11 +2125,11 @@ var Slider = React6.forwardRef(
 Slider.displayName = "Slider";
 
 // src/components/ui/form-primitives.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_lucide_react10 = require("lucide-react");
 
 // src/components/ui/toggle-group.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
@@ -2153,7 +2160,7 @@ var toggleVariants = (0, import_class_variance_authority4.cva)(
 
 // src/components/ui/toggle-group.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var ToggleGroupContext = React7.createContext({
+var ToggleGroupContext = React8.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -2205,7 +2212,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React7.useContext(ToggleGroupContext);
+  const context = React8.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
@@ -2249,13 +2256,13 @@ function CurrencyInputWithSlider({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React8.useState(defaultValue);
+  const [internalValue, setInternalValue] = React9.useState(defaultValue);
   const numericValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [inputText, setInputText] = React8.useState(
+  const [inputText, setInputText] = React9.useState(
     formatNumberToCurrency(numericValue)
   );
-  const [isFocused, setIsFocused] = React8.useState(false);
-  React8.useEffect(() => {
+  const [isFocused, setIsFocused] = React9.useState(false);
+  React9.useEffect(() => {
     if (!isFocused) {
       setInputText(formatNumberToCurrency(numericValue));
     }
@@ -2353,13 +2360,13 @@ function AddressAutocomplete({
   onSelect,
   className
 }) {
-  const [internalValue, setInternalValue] = React8.useState("");
+  const [internalValue, setInternalValue] = React9.useState("");
   const inputValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [open, setOpen] = React8.useState(false);
-  const [activeIndex, setActiveIndex] = React8.useState(-1);
-  const containerRef = React8.useRef(null);
-  const listRef = React8.useRef(null);
-  const filtered = React8.useMemo(() => {
+  const [open, setOpen] = React9.useState(false);
+  const [activeIndex, setActiveIndex] = React9.useState(-1);
+  const containerRef = React9.useRef(null);
+  const listRef = React9.useRef(null);
+  const filtered = React9.useMemo(() => {
     if (!inputValue.trim()) return suggestions.slice(0, 5);
     const q = inputValue.toLowerCase();
     return suggestions.filter((s) => s.label.toLowerCase().includes(q)).slice(0, 5);
@@ -2389,7 +2396,7 @@ function AddressAutocomplete({
       setOpen(false);
     }
   };
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -2466,7 +2473,7 @@ function OwnershipSplit({
   onOwnersChange,
   className
 }) {
-  const [internalOwners, setInternalOwners] = React8.useState(DEFAULT_OWNERS);
+  const [internalOwners, setInternalOwners] = React9.useState(DEFAULT_OWNERS);
   const owners = controlledOwners !== void 0 ? controlledOwners : internalOwners;
   const setOwners = (updated) => {
     if (controlledOwners === void 0) setInternalOwners(updated);
@@ -2871,9 +2878,9 @@ function EditLoanScenarioModal({
   container,
   className
 }) {
-  const [form, setForm] = React9.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
-  const initialSnapshot = React9.useRef("");
-  React9.useEffect(() => {
+  const [form, setForm] = React10.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
+  const initialSnapshot = React10.useRef("");
+  React10.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData);
       setForm(data);
@@ -3133,11 +3140,11 @@ function EditAssetsModal({
   container,
   className
 }) {
-  const [items, setItems] = React9.useState(
+  const [items, setItems] = React10.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()]
   );
-  const initialSnapshot = React9.useRef("");
-  React9.useEffect(() => {
+  const initialSnapshot = React10.useRef("");
+  React10.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()];
       setItems(data);
@@ -3430,11 +3437,11 @@ function EditDebtsModal({
   container,
   className
 }) {
-  const [items, setItems] = React9.useState(
+  const [items, setItems] = React10.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()]
   );
-  const initialSnapshot = React9.useRef("");
-  React9.useEffect(() => {
+  const initialSnapshot = React10.useRef("");
+  React10.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()];
       setItems(data);
@@ -3756,9 +3763,9 @@ function EditAboutApplicantModal({
   container,
   className
 }) {
-  const [form, setForm] = React9.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
-  const initialSnapshot = React9.useRef("");
-  React9.useEffect(() => {
+  const [form, setForm] = React10.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
+  const initialSnapshot = React10.useRef("");
+  React10.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData);
       setForm(data);
@@ -4030,7 +4037,7 @@ function EditIncomeModal({
   container,
   className
 }) {
-  const defaultItems = React9.useMemo(
+  const defaultItems = React10.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -4038,9 +4045,9 @@ function EditIncomeModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React9.useState(defaultItems);
-  const initialSnapshot = React9.useRef("");
-  React9.useEffect(() => {
+  const [items, setItems] = React10.useState(defaultItems);
+  const initialSnapshot = React10.useRef("");
+  React10.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -4257,7 +4264,7 @@ function EditExpensesModal({
   container,
   className
 }) {
-  const defaultItems = React9.useMemo(
+  const defaultItems = React10.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -4265,9 +4272,9 @@ function EditExpensesModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React9.useState(defaultItems);
-  const initialSnapshot = React9.useRef("");
-  React9.useEffect(() => {
+  const [items, setItems] = React10.useState(defaultItems);
+  const initialSnapshot = React10.useRef("");
+  React10.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -4784,7 +4791,7 @@ function OpportunitySummaryTab({
     var _a2;
     return (_a2 = docStatusOverrides[doc.id]) != null ? _a2 : doc.status;
   }
-  const checklistProgress = React10.useMemo(() => {
+  const checklistProgress = React11.useMemo(() => {
     var _a2, _b2;
     const map = /* @__PURE__ */ new Map();
     for (const doc of documents) {
@@ -4802,7 +4809,7 @@ function OpportunitySummaryTab({
     }
     return Array.from(map.entries()).map(([name, data]) => __spreadValues({ name }, data));
   }, [documents, docStatusOverrides]);
-  const groupedDocs = React10.useMemo(() => {
+  const groupedDocs = React11.useMemo(() => {
     var _a2;
     if (documents.length <= 5 || !documents.some((d) => d.checklistItem))
       return null;