@wealthx/shadcn 1.5.32 → 1.5.34

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

@@ -278,9 +278,10 @@ function Checkbox(_a) {
 }
 
 // src/components/ui/color-picker.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 
 // src/components/ui/popover.tsx
+var React3 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 
 // src/lib/theme-provider.tsx
@@ -293,6 +294,7 @@ function useThemeVars() {
 
 // src/components/ui/popover.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var PopoverPortalContext = React3.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -314,7 +316,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const portalContainer = React3.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -432,15 +435,19 @@ function ColorPickerContent({
   onChange,
   presets = COLOR_PICKER_PRESETS
 }) {
-  const [hexInput, setHexInput] = React3.useState(value);
-  React3.useEffect(() => {
-    setHexInput(value);
+  const [hexInput, setHexInput] = React4.useState(value);
+  const hexInputRef = React4.useRef(hexInput);
+  hexInputRef.current = hexInput;
+  React4.useEffect(() => {
+    if (value !== hexInputRef.current) {
+      setHexInput(value);
+    }
   }, [value]);
   function handleHexInputChange(e) {
     const raw = e.target.value;
     setHexInput(raw);
     const normalized = normalizeHex(raw);
-    if (isValidHex(normalized)) {
+    if (/^#[0-9A-Fa-f]{6}$/.test(normalized)) {
       onChange(normalized);
     }
   }
@@ -520,10 +527,10 @@ function ColorPicker({
   className
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React3.useState(defaultValue);
+  const [internalValue, setInternalValue] = React4.useState(defaultValue);
   const color = isControlled ? controlledValue : internalValue;
-  const [open, setOpen] = React3.useState(false);
-  React3.useEffect(() => {
+  const [open, setOpen] = React4.useState(false);
+  React4.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
   function handleChange(newColor) {
@@ -745,11 +752,11 @@ function FieldError(_a) {
 }
 
 // src/components/ui/select.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_lucide_react3 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var SelectPortalContext = React4.createContext(
+var SelectPortalContext = React5.createContext(
   void 0
 );
 function Select(_a) {
@@ -798,7 +805,7 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  const portalContainer = React4.useContext(SelectPortalContext);
+  const portalContainer = React5.useContext(SelectPortalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_select.Select.Positioner,
     {
@@ -1047,7 +1054,7 @@ var import_react5 = require("react");
 var import_lucide_react6 = require("lucide-react");
 
 // src/components/ui/password-strength-tooltip.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 var import_popover3 = require("@base-ui/react/popover");
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -1061,10 +1068,10 @@ var PASSWORD_STRENGTH_RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-var PasswordStrengthTooltip = React5.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+var PasswordStrengthTooltip = React6.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
   const themeVars = useThemeVars();
-  const anchorRef = React5.useRef(null);
-  const composedRef = React5.useCallback(
+  const anchorRef = React6.useRef(null);
+  const composedRef = React6.useCallback(
     (node) => {
       anchorRef.current = node;
       if (typeof forwardedRef === "function") {

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

@@ -6,17 +6,17 @@ import {
   PaymentView,
   PersonalDetailsStep,
   StripeView
-} from "../../chunk-IEQX4UVP.mjs";
+} from "../../chunk-EY36WDCF.mjs";
 import "../../chunk-4UT3RZ2D.mjs";
 import "../../chunk-IKVF4XE2.mjs";
 import "../../chunk-I4KVSZCH.mjs";
-import "../../chunk-IW33VLL5.mjs";
+import "../../chunk-X3VEDQPO.mjs";
 import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-IKXYTCSB.mjs";
 import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+import "../../chunk-F3CU6KEI.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";

package/dist/components/ui/bank-statement-generate-dialog.js

@@ -272,7 +272,7 @@ 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_react4 = require("lucide-react");
 
@@ -512,6 +512,7 @@ function CalendarDayButton(_a) {
 }
 
 // src/components/ui/popover.tsx
+var React4 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 
 // src/lib/theme-provider.tsx
@@ -524,6 +525,7 @@ function useThemeVars() {
 
 // src/components/ui/popover.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var PopoverPortalContext = React4.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -545,7 +547,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const portalContainer = React4.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -577,7 +580,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);
@@ -930,11 +933,11 @@ function FieldLabel(_a) {
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/select.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var SelectPortalContext = React5.createContext(
+var SelectPortalContext = React6.createContext(
   void 0
 );
 function Select(_a) {
@@ -983,7 +986,7 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  const portalContainer = React5.useContext(SelectPortalContext);
+  const portalContainer = React6.useContext(SelectPortalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_select.Select.Positioner,
     {
@@ -1250,7 +1253,7 @@ function TableCell(_a) {
 }
 
 // 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");
 
@@ -1281,7 +1284,7 @@ var toggleVariants = (0, import_class_variance_authority4.cva)(
 
 // src/components/ui/toggle-group.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var ToggleGroupContext = React6.createContext({
+var ToggleGroupContext = React7.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -1333,7 +1336,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React6.useContext(ToggleGroupContext);
+  const context = React7.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({

package/dist/components/ui/bank-statement-generate-dialog.mjs

@@ -1,6 +1,6 @@
 import {
   BankStatementGenerateDialog
-} from "../../chunk-FTQ2AKZ2.mjs";
+} from "../../chunk-4QTHK7ML.mjs";
 import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-6WRDXE7A.mjs";
 import "../../chunk-GT3RU6GA.mjs";
@@ -9,8 +9,8 @@ import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-T5FRVEJQ.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-JVMXMFBB.mjs";
-import "../../chunk-TRM3KIHT.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+import "../../chunk-ICCPK3J2.mjs";
+import "../../chunk-F3CU6KEI.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-FBNEIYSE.mjs";

package/dist/components/ui/color-picker.js

@@ -67,7 +67,7 @@ __export(color_picker_exports, {
   normalizeHex: () => normalizeHex
 });
 module.exports = __toCommonJS(color_picker_exports);
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -109,6 +109,7 @@ function cn(...inputs) {
 }
 
 // src/components/ui/popover.tsx
+var React2 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 
 // src/lib/theme-provider.tsx
@@ -121,6 +122,7 @@ function useThemeVars() {
 
 // src/components/ui/popover.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopoverPortalContext = React2.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -142,7 +144,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  const portalContainer = React2.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -188,7 +191,7 @@ var import_class_variance_authority = require("class-variance-authority");
 var import_lucide_react = require("lucide-react");
 
 // src/lib/slot.tsx
-var React2 = __toESM(require("react"));
+var React3 = __toESM(require("react"));
 function mergeRefs(...refs) {
   return (value) => {
     for (const ref of refs) {
@@ -198,11 +201,11 @@ function mergeRefs(...refs) {
     }
   };
 }
-var Slot = React2.forwardRef(
+var Slot = React3.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-    const child = React2.Children.only(children);
-    if (!React2.isValidElement(child)) return null;
+    const child = React3.Children.only(children);
+    if (!React3.isValidElement(child)) return null;
     const childProps = child.props;
     const merged = __spreadValues({}, props);
     for (const key of Object.keys(childProps)) {
@@ -226,7 +229,7 @@ var Slot = React2.forwardRef(
     }
     const childRef = child.ref;
     merged.ref = forwardedRef ? mergeRefs(forwardedRef, childRef) : childRef;
-    return React2.cloneElement(
+    return React3.cloneElement(
       child,
       merged
     );
@@ -386,15 +389,19 @@ function ColorPickerContent({
   onChange,
   presets = COLOR_PICKER_PRESETS
 }) {
-  const [hexInput, setHexInput] = React3.useState(value);
-  React3.useEffect(() => {
-    setHexInput(value);
+  const [hexInput, setHexInput] = React4.useState(value);
+  const hexInputRef = React4.useRef(hexInput);
+  hexInputRef.current = hexInput;
+  React4.useEffect(() => {
+    if (value !== hexInputRef.current) {
+      setHexInput(value);
+    }
   }, [value]);
   function handleHexInputChange(e) {
     const raw = e.target.value;
     setHexInput(raw);
     const normalized = normalizeHex(raw);
-    if (isValidHex(normalized)) {
+    if (/^#[0-9A-Fa-f]{6}$/.test(normalized)) {
       onChange(normalized);
     }
   }
@@ -474,10 +481,10 @@ function ColorPicker({
   className
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React3.useState(defaultValue);
+  const [internalValue, setInternalValue] = React4.useState(defaultValue);
   const color = isControlled ? controlledValue : internalValue;
-  const [open, setOpen] = React3.useState(false);
-  React3.useEffect(() => {
+  const [open, setOpen] = React4.useState(false);
+  React4.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
   function handleChange(newColor) {

package/dist/components/ui/color-picker.mjs

@@ -5,8 +5,8 @@ import {
   ColorSwatch,
   isValidHex,
   normalizeHex
-} from "../../chunk-IW33VLL5.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+} from "../../chunk-X3VEDQPO.mjs";
+import "../../chunk-F3CU6KEI.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";

package/dist/components/ui/date-picker.js

@@ -62,7 +62,7 @@ __export(date_picker_exports, {
   DatePicker: () => DatePicker
 });
 module.exports = __toCommonJS(date_picker_exports);
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_date_fns2 = require("date-fns");
 var import_lucide_react3 = require("lucide-react");
 
@@ -467,6 +467,7 @@ function CalendarDayButton(_a) {
 }
 
 // src/components/ui/popover.tsx
+var React4 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 
 // src/lib/theme-provider.tsx
@@ -479,6 +480,7 @@ function useThemeVars() {
 
 // src/components/ui/popover.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var PopoverPortalContext = React4.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -500,7 +502,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const portalContainer = React4.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -532,7 +535,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);

package/dist/components/ui/date-picker.mjs

@@ -1,7 +1,7 @@
 import {
   DatePicker
-} from "../../chunk-TRM3KIHT.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+} from "../../chunk-ICCPK3J2.mjs";
+import "../../chunk-F3CU6KEI.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-LBTHZSBT.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 React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_lucide_react10 = require("lucide-react");
 
 // src/lib/utils.ts
@@ -718,7 +718,7 @@ function Checkbox(_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_react7 = require("lucide-react");
 
@@ -939,8 +939,10 @@ function CalendarDayButton(_a) {
 }
 
 // src/components/ui/popover.tsx
+var React5 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var PopoverPortalContext = React5.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -962,7 +964,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const portalContainer = React5.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -994,7 +997,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);
@@ -1083,10 +1086,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_runtime13 = require("react/jsx-runtime");
-var Slider = React6.forwardRef(
+var Slider = React7.forwardRef(
   ({
     className,
     value,
@@ -1209,11 +1212,11 @@ function RadioGroupItem(_a) {
 }
 
 // src/components/ui/form-primitives.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_lucide_react9 = 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");
 
@@ -1244,7 +1247,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 = React7.createContext({
+var ToggleGroupContext = React8.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -1296,7 +1299,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React7.useContext(ToggleGroupContext);
+  const context = React8.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
@@ -1340,13 +1343,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));
     }
@@ -1444,13 +1447,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);
@@ -1480,7 +1483,7 @@ function AddressAutocomplete({
       setOpen(false);
     }
   };
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -1557,7 +1560,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);
@@ -1962,9 +1965,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);
@@ -2224,11 +2227,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);
@@ -2521,11 +2524,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);
@@ -2847,9 +2850,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);
@@ -3121,7 +3124,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()];
@@ -3129,9 +3132,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()];
@@ -3348,7 +3351,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()];
@@ -3356,9 +3359,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()];