@wealthx/shadcn 1.5.18 → 1.5.20

package/dist/index.js

@@ -381,6 +381,7 @@ __export(index_exports, {
   SelectGroup: () => SelectGroup,
   SelectItem: () => SelectItem,
   SelectLabel: () => SelectLabel,
+  SelectPortalProvider: () => SelectPortalProvider,
   SelectScrollDownButton: () => SelectScrollDownButton,
   SelectScrollUpButton: () => SelectScrollUpButton,
   SelectSeparator: () => SelectSeparator,
@@ -1092,7 +1093,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"
@@ -1143,7 +1144,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",
@@ -5133,7 +5136,7 @@ function showAgentEvaluationToast(data) {
 }
 
 // src/components/ui/add-lead-modal.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_lucide_react16 = require("lucide-react");
 
 // src/components/ui/checkbox.tsx
@@ -5375,9 +5378,19 @@ function TableCaption(_a) {
 var import_lucide_react15 = require("lucide-react");
 
 // src/components/ui/select.tsx
+var React10 = __toESM(require("react"));
 var import_lucide_react14 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime30 = require("react/jsx-runtime");
+var SelectPortalContext = React10.createContext(
+  void 0
+);
+function SelectPortalProvider({
+  container,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPortalContext.Provider, { value: container, children });
+}
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -5428,7 +5441,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  const portalContainer = React10.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -5822,8 +5836,8 @@ function AddLeadModal({
   onAdd,
   className
 }) {
-  const [selectedIds, setSelectedIds] = React10.useState(/* @__PURE__ */ new Set());
-  React10.useEffect(() => {
+  const [selectedIds, setSelectedIds] = React11.useState(/* @__PURE__ */ new Set());
+  React11.useEffect(() => {
     if (open) setSelectedIds(/* @__PURE__ */ new Set());
   }, [open]);
   const allPageSelected = contacts.length > 0 && contacts.every((c) => selectedIds.has(c.id));
@@ -5968,7 +5982,7 @@ function AddLeadModal({
 }
 
 // src/components/ui/ai-assistant-drawer.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_lucide_react18 = require("lucide-react");
 
 // src/components/ui/sheet.tsx
@@ -6075,7 +6089,10 @@ function SheetFooter(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     __spreadValues({
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      className: cn(
+        "mt-auto flex flex-row justify-end gap-2 border-t border-border p-4",
+        className
+      ),
       "data-slot": "sheet-footer"
     }, props)
   );
@@ -6195,26 +6212,26 @@ function AiAssistantDrawer({
   className
 }) {
   var _a;
-  const [inputValue, setInputValue] = React11.useState("");
-  const messagesEndRef = React11.useRef(null);
-  const textareaRef = React11.useRef(null);
+  const [inputValue, setInputValue] = React12.useState("");
+  const messagesEndRef = React12.useRef(null);
+  const textareaRef = React12.useRef(null);
   const suggestions = taskSuggestions != null ? taskSuggestions : DEFAULT_SUGGESTIONS;
   const hasMessages = messages.length > 0;
   const canSend = inputValue.trim().length > 0 && !isStreaming && !isLoading;
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!messagesEndRef.current) return;
     messagesEndRef.current.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
   }, [messages.length]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
     el.style.height = `${Math.min(el.scrollHeight, 120)}px`;
   }, [inputValue]);
-  const handleSend = React11.useCallback(() => {
+  const handleSend = React12.useCallback(() => {
     const text = inputValue.trim();
     if (!text || !canSend) return;
     onSendMessage == null ? void 0 : onSendMessage(text);
@@ -7648,7 +7665,7 @@ function AlertDialogCancel(_a) {
 var import_react12 = __toESM(require("react"));
 
 // src/components/ui/date-picker.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_date_fns2 = require("date-fns");
 var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -7661,7 +7678,7 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  const [open, setOpen] = React13.useState(false);
+  const [open, setOpen] = React14.useState(false);
   function handleDaySelect(day) {
     if (!day) {
       onChange == null ? void 0 : onChange(void 0);
@@ -8502,14 +8519,14 @@ function AppointmentRescheduleDialog({
 var import_react14 = __toESM(require("react"));
 
 // src/components/ui/form-primitives.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_lucide_react24 = require("lucide-react");
 
 // src/components/ui/slider.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_slider = require("@base-ui/react/slider");
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var Slider = React16.forwardRef(
+var Slider = React17.forwardRef(
   ({
     className,
     value,
@@ -8597,13 +8614,13 @@ function CurrencyInputWithSlider({
   onValueChange,
   className
 }) {
-  const [internalValue, setInternalValue] = React17.useState(defaultValue);
+  const [internalValue, setInternalValue] = React18.useState(defaultValue);
   const numericValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [inputText, setInputText] = React17.useState(
+  const [inputText, setInputText] = React18.useState(
     formatNumberToCurrency(numericValue)
   );
-  const [isFocused, setIsFocused] = React17.useState(false);
-  React17.useEffect(() => {
+  const [isFocused, setIsFocused] = React18.useState(false);
+  React18.useEffect(() => {
     if (!isFocused) {
       setInputText(formatNumberToCurrency(numericValue));
     }
@@ -8673,7 +8690,7 @@ function ConcernScale({
   className
 }) {
   var _a;
-  const [internalValue, setInternalValue] = React17.useState(defaultValue);
+  const [internalValue, setInternalValue] = React18.useState(defaultValue);
   const selected = controlledValue !== void 0 ? controlledValue : internalValue;
   const handleValueChange = (val) => {
     const n = val ? Number(val) : 0;
@@ -8759,13 +8776,13 @@ function AddressAutocomplete({
   onSelect,
   className
 }) {
-  const [internalValue, setInternalValue] = React17.useState("");
+  const [internalValue, setInternalValue] = React18.useState("");
   const inputValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [open, setOpen] = React17.useState(false);
-  const [activeIndex, setActiveIndex] = React17.useState(-1);
-  const containerRef = React17.useRef(null);
-  const listRef = React17.useRef(null);
-  const filtered = React17.useMemo(() => {
+  const [open, setOpen] = React18.useState(false);
+  const [activeIndex, setActiveIndex] = React18.useState(-1);
+  const containerRef = React18.useRef(null);
+  const listRef = React18.useRef(null);
+  const filtered = React18.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);
@@ -8795,7 +8812,7 @@ function AddressAutocomplete({
       setOpen(false);
     }
   };
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -8872,7 +8889,7 @@ function OwnershipSplit({
   onOwnersChange,
   className
 }) {
-  const [internalOwners, setInternalOwners] = React17.useState(DEFAULT_OWNERS);
+  const [internalOwners, setInternalOwners] = React18.useState(DEFAULT_OWNERS);
   const owners = controlledOwners !== void 0 ? controlledOwners : internalOwners;
   const setOwners = (updated) => {
     if (controlledOwners === void 0) setInternalOwners(updated);
@@ -13502,7 +13519,7 @@ function Chip(_a) {
 }
 
 // src/components/ui/color-picker.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var COLOR_PICKER_PRESETS = [
   // Blues
@@ -13580,8 +13597,8 @@ function ColorPickerContent({
   onChange,
   presets = COLOR_PICKER_PRESETS
 }) {
-  const [hexInput, setHexInput] = React29.useState(value);
-  React29.useEffect(() => {
+  const [hexInput, setHexInput] = React30.useState(value);
+  React30.useEffect(() => {
     setHexInput(value);
   }, [value]);
   function handleHexInputChange(e) {
@@ -13668,10 +13685,10 @@ function ColorPicker({
   className
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React29.useState(defaultValue);
+  const [internalValue, setInternalValue] = React30.useState(defaultValue);
   const color = isControlled ? controlledValue : internalValue;
-  const [open, setOpen] = React29.useState(false);
-  React29.useEffect(() => {
+  const [open, setOpen] = React30.useState(false);
+  React30.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
   function handleChange(newColor) {
@@ -14078,7 +14095,7 @@ function SelectedFile({
 }
 
 // src/components/ui/create-contact-modal.tsx
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function Field2({
   id,
@@ -14110,8 +14127,8 @@ function CreateContactModal({
   className
 }) {
   var _a, _b;
-  const [form, setForm] = React30.useState(EMPTY_FORM);
-  React30.useEffect(() => {
+  const [form, setForm] = React31.useState(EMPTY_FORM);
+  React31.useEffect(() => {
     if (open) setForm(EMPTY_FORM);
   }, [open]);
   function set(field, value) {
@@ -14267,7 +14284,7 @@ function DeleteContactComponent({
 }
 
 // src/components/ui/review-alerts-dialog.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var SEVERITY_CONFIG = {
   NEED_ACTION: { dot: "bg-destructive", text: "text-destructive" },
@@ -14281,10 +14298,10 @@ function ReviewAlertsDialog({
   onSave,
   className
 }) {
-  const [markDone, setMarkDone] = React31.useState(false);
-  const [snooze, setSnooze] = React31.useState(false);
+  const [markDone, setMarkDone] = React32.useState(false);
+  const [snooze, setSnooze] = React32.useState(false);
   const activeAlert = alerts.find((a) => !a.dismissed && !a.snoozedUntil);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (open) {
       setMarkDone(false);
       setSnooze(false);
@@ -14373,7 +14390,7 @@ function ReviewAlertsDialog({
 }
 
 // src/components/ui/contact-alert-dialog/contact-alert-dialog.tsx
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_lucide_react42 = require("lucide-react");
 var import_ui4 = require("@react-awesome-query-builder/ui");
 
@@ -14625,7 +14642,7 @@ function isTreeValid(tree) {
 }
 
 // src/components/ui/contact-alert-dialog/builder-ui.tsx
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_lucide_react41 = require("lucide-react");
 var import_accordion2 = require("@base-ui/react/accordion");
 var import_ui3 = require("@react-awesome-query-builder/ui");
@@ -15117,11 +15134,11 @@ function CustomBuilderUI({
   const rootId = (_a = treeJson == null ? void 0 : treeJson.id) != null ? _a : "root";
   const conjunction = (_c = (_b = treeJson == null ? void 0 : treeJson.properties) == null ? void 0 : _b.conjunction) != null ? _c : "AND";
   const children = (_d = treeJson == null ? void 0 : treeJson.children1) != null ? _d : [];
-  const longestFieldLabel = React32.useMemo(
+  const longestFieldLabel = React33.useMemo(
     () => longestOf(fields.map((f) => f.label)),
     [fields]
   );
-  const longestOperatorLabel = React32.useMemo(
+  const longestOperatorLabel = React33.useMemo(
     () => longestOf(allOperatorLabels(fields)),
     [fields]
   );
@@ -15231,7 +15248,7 @@ function ContactAlertQueryBuilder({
   fields = ALERT_QUERY_FIELDS,
   className
 }) {
-  const defaultOpenItems = React33.useMemo(() => {
+  const defaultOpenItems = React34.useMemo(() => {
     var _a;
     const json = import_ui4.Utils.getTree(value);
     return ((_a = json == null ? void 0 : json.children1) != null ? _a : []).map((c) => {
@@ -15239,7 +15256,7 @@ function ContactAlertQueryBuilder({
       return (_a2 = c.id) != null ? _a2 : "";
     }).filter(Boolean);
   }, []);
-  const renderBuilder = React33.useCallback(
+  const renderBuilder = React34.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (props) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       CustomBuilderUI,
@@ -15276,15 +15293,15 @@ function ContactAlertDialog({
   isLoading = false,
   className
 }) {
-  const [name, setName] = React33.useState(initialName);
-  const [severity, setSeverity] = React33.useState(initialSeverity);
-  const [tree, setTree] = React33.useState(
+  const [name, setName] = React34.useState(initialName);
+  const [severity, setSeverity] = React34.useState(initialSeverity);
+  const [tree, setTree] = React34.useState(
     () => createAlertTree(initialQuery)
   );
-  const [shareAcrossCompany, setShareAcrossCompany] = React33.useState(
+  const [shareAcrossCompany, setShareAcrossCompany] = React34.useState(
     initialShareAcrossCompany
   );
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (open) {
       setName(initialName);
       setSeverity(initialSeverity);
@@ -15292,7 +15309,7 @@ function ContactAlertDialog({
       setShareAcrossCompany(initialShareAcrossCompany);
     }
   }, [open]);
-  const hasValidRule = React33.useMemo(() => isTreeValid(tree), [tree]);
+  const hasValidRule = React34.useMemo(() => isTreeValid(tree), [tree]);
   const canSave = name.trim().length > 0 && hasValidRule && !isLoading;
   function handleSave() {
     if (!canSave) return;
@@ -15392,7 +15409,7 @@ function ContactAlertDialog({
 }
 
 // src/components/ui/share-details-dialog.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_lucide_react43 = require("lucide-react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function Field3({
@@ -15418,7 +15435,7 @@ function ShareDetailsDialog({
   isSendingEmail = false,
   className
 }) {
-  const [copied, setCopied] = React34.useState(false);
+  const [copied, setCopied] = React35.useState(false);
   function handleCopy() {
     navigator.clipboard.writeText(shareUrl).catch(() => {
     });
@@ -15478,9 +15495,9 @@ function EmailTemplateDialog({
   isSending = false,
   className
 }) {
-  const [subject, setSubject] = React34.useState(defaultSubject);
-  const [body, setBody] = React34.useState(defaultBody);
-  React34.useEffect(() => {
+  const [subject, setSubject] = React35.useState(defaultSubject);
+  const [body, setBody] = React35.useState(defaultBody);
+  React35.useEffect(() => {
     if (open) {
       setSubject(defaultSubject);
       setBody(defaultBody);
@@ -15547,14 +15564,14 @@ function ShareContactDialog({
   isSending = false,
   className
 }) {
-  const [tab, setTab] = React34.useState("internal");
-  const [search, setSearch] = React34.useState("");
-  const [selectedId, setSelectedId] = React34.useState(null);
-  const [internalNotes, setInternalNotes] = React34.useState("");
-  const [firstName, setFirstName] = React34.useState("");
-  const [lastName, setLastName] = React34.useState("");
-  const [email, setEmail] = React34.useState("");
-  const [externalNotes, setExternalNotes] = React34.useState("");
+  const [tab, setTab] = React35.useState("internal");
+  const [search, setSearch] = React35.useState("");
+  const [selectedId, setSelectedId] = React35.useState(null);
+  const [internalNotes, setInternalNotes] = React35.useState("");
+  const [firstName, setFirstName] = React35.useState("");
+  const [lastName, setLastName] = React35.useState("");
+  const [email, setEmail] = React35.useState("");
+  const [externalNotes, setExternalNotes] = React35.useState("");
   function reset() {
     setTab("internal");
     setSearch("");
@@ -15730,7 +15747,7 @@ function ShareContactDialog({
 }
 
 // src/components/ui/file-preview-dialog.tsx
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_lucide_react44 = require("lucide-react");
 
 // src/components/ui/progress.tsx
@@ -15848,8 +15865,8 @@ function FilePreviewDialog({
   staffSelector,
   className
 }) {
-  const [page, setPage] = React35.useState(0);
-  React35.useEffect(() => {
+  const [page, setPage] = React36.useState(0);
+  React36.useEffect(() => {
     setPage(0);
   }, [rows.length]);
   const totalPages = Math.ceil(rows.length / pageSize);
@@ -16014,7 +16031,7 @@ function FilePreviewDialog({
 }
 
 // src/components/ui/data-table.tsx
-var React36 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
@@ -16253,20 +16270,20 @@ function DataTable({
   onColumnFiltersChange: onColumnFiltersChangeProp
 }) {
   var _a;
-  const [internalSorting, setInternalSorting] = React36.useState(
+  const [internalSorting, setInternalSorting] = React37.useState(
     []
   );
-  const [internalColumnFilters, setInternalColumnFilters] = React36.useState([]);
-  const [internalPagination, setInternalPagination] = React36.useState({
+  const [internalColumnFilters, setInternalColumnFilters] = React37.useState([]);
+  const [internalPagination, setInternalPagination] = React37.useState({
     pageIndex: 0,
     pageSize: (_a = pageSizeOptions[0]) != null ? _a : 10
   });
-  const [columnVisibility, setColumnVisibility] = React36.useState({});
-  const [rowSelection, setRowSelection] = React36.useState({});
+  const [columnVisibility, setColumnVisibility] = React37.useState({});
+  const [rowSelection, setRowSelection] = React37.useState({});
   const sorting = controlledSorting != null ? controlledSorting : internalSorting;
   const columnFilters = controlledColumnFilters != null ? controlledColumnFilters : internalColumnFilters;
   const pagination = controlledPagination != null ? controlledPagination : internalPagination;
-  const resolvedColumns = React36.useMemo(() => {
+  const resolvedColumns = React37.useMemo(() => {
     if (!enableRowSelection) return userColumns;
     return [getSelectionColumn(), ...userColumns];
   }, [userColumns, enableRowSelection]);
@@ -16356,7 +16373,7 @@ function DataTable({
 }
 
 // src/components/ui/applicant-document-checklist.tsx
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var import_lucide_react46 = require("lucide-react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function StatusIcon({ status }) {
@@ -16372,14 +16389,14 @@ function ApplicantDocumentChecklist({
   onRemove,
   className
 }) {
-  const inputRefs = React37.useRef({});
+  const inputRefs = React38.useRef({});
   function handleFileChange(itemId, e) {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (file) onUpload == null ? void 0 : onUpload(itemId, file);
     e.target.value = "";
   }
-  const { uploadedCount, totalRequired } = React37.useMemo(() => {
+  const { uploadedCount, totalRequired } = React38.useMemo(() => {
     let uploaded = 0;
     let required = 0;
     for (const i of items) {
@@ -16740,7 +16757,10 @@ function DrawerFooter(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "div",
     __spreadValues({
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      className: cn(
+        "mt-auto flex flex-row justify-end gap-2 border-t border-border p-4",
+        className
+      ),
       "data-slot": "drawer-footer"
     }, props)
   );
@@ -16966,7 +16986,7 @@ function ExpenseBarChart({
 }
 
 // src/components/ui/financial-cards.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_lucide_react48 = require("lucide-react");
 
 // src/components/ui/financial-primitives.tsx
@@ -17129,7 +17149,7 @@ function PropertyCard({
   interestCharged,
   principlePaidOff
 }) {
-  const [expanded, setExpanded] = React39.useState(false);
+  const [expanded, setExpanded] = React40.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "div",
     {
@@ -18604,7 +18624,7 @@ function IncomeBarChart({
 }
 
 // src/components/ui/input-otp.tsx
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 var import_lucide_react50 = require("lucide-react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
@@ -18651,7 +18671,7 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React42.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React43.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext.slots[index]) != null ? _a2 : {};
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "div",
@@ -18748,7 +18768,7 @@ function SelectableCard({
 }
 
 // src/components/ui/kanban-column.tsx
-var React43 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var import_lucide_react53 = require("lucide-react");
 
 // src/components/ui/opportunity-card.tsx
@@ -19505,7 +19525,7 @@ function KanbanColumn({
   const themeVars = useThemeVars();
   const accentColor = (_a = stage.accentColor) != null ? _a : "var(--color-border)";
   const hasMenu = onEditColumn || !isDefault && onDeleteColumn;
-  const [isDragOver, setIsDragOver] = React43.useState(false);
+  const [isDragOver, setIsDragOver] = React44.useState(false);
   function handleDragOver(e) {
     if (!onCardDrop) return;
     e.preventDefault();
@@ -19681,15 +19701,15 @@ function KanbanColumn({
 }
 
 // src/components/ui/stepper.tsx
-var React44 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 var import_lucide_react54 = require("lucide-react");
 var import_jsx_runtime97 = require("react/jsx-runtime");
-var StepperContext = React44.createContext({
+var StepperContext = React45.createContext({
   activeStep: 0,
   orientation: "horizontal",
   totalSteps: 0
 });
-var StepContext = React44.createContext({
+var StepContext = React45.createContext({
   index: 0,
   isActive: false,
   isCompleted: false,
@@ -19702,7 +19722,7 @@ function Stepper({
   className,
   children
 }) {
-  const totalSteps = React44.Children.count(children);
+  const totalSteps = React45.Children.count(children);
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(StepperContext.Provider, { value: { activeStep, orientation, totalSteps }, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "div",
     {
@@ -19712,9 +19732,9 @@ function Stepper({
         orientation === "horizontal" ? "flex w-full items-start" : "flex flex-col",
         className
       ),
-      children: React44.Children.map(
+      children: React45.Children.map(
         children,
-        (step, index) => React44.isValidElement(step) ? React44.cloneElement(
+        (step, index) => React45.isValidElement(step) ? React45.cloneElement(
           step,
           { _index: index }
         ) : step
@@ -19723,7 +19743,7 @@ function Stepper({
   ) });
 }
 function Step({ _index = 0, error, className, children }) {
-  const { activeStep, orientation, totalSteps } = React44.useContext(StepperContext);
+  const { activeStep, orientation, totalSteps } = React45.useContext(StepperContext);
   const isActive = _index === activeStep;
   const isCompleted = _index < activeStep;
   const isFirst = _index === 0;
@@ -19751,8 +19771,8 @@ function Step({ _index = 0, error, className, children }) {
   );
 }
 function StepIndicator({ error, className }) {
-  const { orientation } = React44.useContext(StepperContext);
-  const { index, isActive, isCompleted, isFirst, isLast } = React44.useContext(StepContext);
+  const { orientation } = React45.useContext(StepperContext);
+  const { index, isActive, isCompleted, isFirst, isLast } = React45.useContext(StepContext);
   const filled = isActive || isCompleted;
   const circle = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "div",
@@ -19824,8 +19844,8 @@ function StepLabel({
   error,
   className
 }) {
-  const { orientation } = React44.useContext(StepperContext);
-  const { isActive, isCompleted, isLast } = React44.useContext(StepContext);
+  const { orientation } = React45.useContext(StepperContext);
+  const { isActive, isCompleted, isLast } = React45.useContext(StepContext);
   const subtext = typeof error === "string" ? error : description;
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "div",
@@ -19865,7 +19885,7 @@ function StepLabel({
   );
 }
 function StepContent({ className, children }) {
-  const { isActive } = React44.useContext(StepContext);
+  const { isActive } = React45.useContext(StepContext);
   if (!isActive) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { "data-slot": "step-content", className: cn("pb-4 pt-2", className), children });
 }
@@ -19988,7 +20008,7 @@ function OnboardingLayout({
 }
 
 // src/components/ui/opportunity-edit-modals.tsx
-var React45 = __toESM(require("react"));
+var React46 = __toESM(require("react"));
 var import_lucide_react55 = require("lucide-react");
 
 // src/lib/opportunity-constants.ts
@@ -20351,9 +20371,9 @@ function EditLoanScenarioModal({
   container,
   className
 }) {
-  const [form, setForm] = React45.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
-  const initialSnapshot = React45.useRef("");
-  React45.useEffect(() => {
+  const [form, setForm] = React46.useState(__spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData));
+  const initialSnapshot = React46.useRef("");
+  React46.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, LOAN_SCENARIO_DEFAULTS), initialData);
       setForm(data);
@@ -20613,11 +20633,11 @@ function EditAssetsModal({
   container,
   className
 }) {
-  const [items, setItems] = React45.useState(
+  const [items, setItems] = React46.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()]
   );
-  const initialSnapshot = React45.useRef("");
-  React45.useEffect(() => {
+  const initialSnapshot = React46.useRef("");
+  React46.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultAssetItem()];
       setItems(data);
@@ -20910,11 +20930,11 @@ function EditDebtsModal({
   container,
   className
 }) {
-  const [items, setItems] = React45.useState(
+  const [items, setItems] = React46.useState(
     initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()]
   );
-  const initialSnapshot = React45.useRef("");
-  React45.useEffect(() => {
+  const initialSnapshot = React46.useRef("");
+  React46.useEffect(() => {
     if (open) {
       const data = initialItems.length > 0 ? initialItems : [makeDefaultDebtItem()];
       setItems(data);
@@ -21236,9 +21256,9 @@ function EditAboutApplicantModal({
   container,
   className
 }) {
-  const [form, setForm] = React45.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
-  const initialSnapshot = React45.useRef("");
-  React45.useEffect(() => {
+  const [form, setForm] = React46.useState(__spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData));
+  const initialSnapshot = React46.useRef("");
+  React46.useEffect(() => {
     if (open) {
       const data = __spreadValues(__spreadValues({}, ABOUT_APPLICANT_DEFAULTS), initialData);
       setForm(data);
@@ -21510,7 +21530,7 @@ function EditIncomeModal({
   container,
   className
 }) {
-  const defaultItems = React45.useMemo(
+  const defaultItems = React46.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -21518,9 +21538,9 @@ function EditIncomeModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React45.useState(defaultItems);
-  const initialSnapshot = React45.useRef("");
-  React45.useEffect(() => {
+  const [items, setItems] = React46.useState(defaultItems);
+  const initialSnapshot = React46.useRef("");
+  React46.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultIncomeItem()];
@@ -21737,7 +21757,7 @@ function EditExpensesModal({
   container,
   className
 }) {
-  const defaultItems = React45.useMemo(
+  const defaultItems = React46.useMemo(
     () => {
       var _a;
       return ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -21745,9 +21765,9 @@ function EditExpensesModal({
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const [items, setItems] = React45.useState(defaultItems);
-  const initialSnapshot = React45.useRef("");
-  React45.useEffect(() => {
+  const [items, setItems] = React46.useState(defaultItems);
+  const initialSnapshot = React46.useRef("");
+  React46.useEffect(() => {
     var _a;
     if (open) {
       const data = ((_a = initialData == null ? void 0 : initialData.items) == null ? void 0 : _a.length) ? initialData.items : [makeDefaultExpenseItem()];
@@ -21880,7 +21900,7 @@ function EditExpensesModal({
 }
 
 // src/components/ui/opportunity-summary-tab.tsx
-var React46 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 var import_react33 = require("react");
 var import_lucide_react56 = require("lucide-react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
@@ -22267,7 +22287,7 @@ function OpportunitySummaryTab({
     var _a2;
     return (_a2 = docStatusOverrides[doc.id]) != null ? _a2 : doc.status;
   }
-  const checklistProgress = React46.useMemo(() => {
+  const checklistProgress = React47.useMemo(() => {
     var _a2, _b2;
     const map = /* @__PURE__ */ new Map();
     for (const doc of documents) {
@@ -22285,7 +22305,7 @@ function OpportunitySummaryTab({
     }
     return Array.from(map.entries()).map(([name, data]) => __spreadValues({ name }, data));
   }, [documents, docStatusOverrides]);
-  const groupedDocs = React46.useMemo(() => {
+  const groupedDocs = React47.useMemo(() => {
     var _a2;
     if (documents.length <= 5 || !documents.some((d) => d.checklistItem))
       return null;
@@ -22761,7 +22781,7 @@ function OpportunitySummaryTab({
 }
 
 // src/components/ui/sidebar-nav.tsx
-var React47 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 var import_lucide_react57 = require("lucide-react");
 var import_accordion8 = require("@base-ui/react/accordion");
 var import_jsx_runtime101 = require("react/jsx-runtime");
@@ -22862,8 +22882,8 @@ function CollapsibleNavItem({
   var _a, _b;
   const Icon = item.icon;
   const hasActiveChild = (_b = (_a = item.subItems) == null ? void 0 : _a.some((sub) => sub.isActive)) != null ? _b : false;
-  const [open, setOpen] = React47.useState(hasActiveChild);
-  React47.useEffect(() => {
+  const [open, setOpen] = React48.useState(hasActiveChild);
+  React48.useEffect(() => {
     if (hasActiveChild) setOpen(true);
   }, [hasActiveChild]);
   if (collapsed) {
@@ -22972,13 +22992,13 @@ function SidebarNav({
   onCollapsedChange,
   className
 }) {
-  const [userMenuOpen, setUserMenuOpen] = React47.useState(false);
-  const navScrollRef = React47.useRef(null);
-  const expandedScrollRef = React47.useRef(0);
-  React47.useEffect(() => {
+  const [userMenuOpen, setUserMenuOpen] = React48.useState(false);
+  const navScrollRef = React48.useRef(null);
+  const expandedScrollRef = React48.useRef(0);
+  React48.useEffect(() => {
     if (collapsed) setUserMenuOpen(false);
   }, [collapsed]);
-  React47.useLayoutEffect(() => {
+  React48.useLayoutEffect(() => {
     const nav = navScrollRef.current;
     if (!nav) return;
     if (!collapsed) {
@@ -23357,7 +23377,7 @@ function PipelineBoard({
 }
 
 // src/components/ui/pipeline-chart.tsx
-var React48 = __toESM(require("react"));
+var React49 = __toESM(require("react"));
 var import_jsx_runtime104 = require("react/jsx-runtime");
 function formatValue(v) {
   return formatCurrencyAbbrev(v);
@@ -23375,7 +23395,7 @@ function PipelineChart({
   className
 }) {
   const themeVars = useThemeVars();
-  const [activeId, setActiveId] = React48.useState(null);
+  const [activeId, setActiveId] = React49.useState(null);
   const nonEmpty = stages.filter((s) => s.value > 0);
   const total = nonEmpty.reduce((sum, s) => sum + s.value, 0);
   if (total === 0 || stages.length === 0) {
@@ -23468,7 +23488,7 @@ function PipelineChart({
 }
 
 // src/components/ui/pipeline-dialogs.tsx
-var React49 = __toESM(require("react"));
+var React50 = __toESM(require("react"));
 var import_date_fns4 = require("date-fns");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function DeleteOpportunityDialog({
@@ -23582,10 +23602,10 @@ function PutOnHoldDialog({
   onSave,
   className
 }) {
-  const [duration, setDuration] = React49.useState("90");
-  const [customDate, setCustomDate] = React49.useState();
-  const today = React49.useMemo(() => (0, import_date_fns4.startOfDay)(/* @__PURE__ */ new Date()), []);
-  const resolvedDate = React49.useMemo(() => {
+  const [duration, setDuration] = React50.useState("90");
+  const [customDate, setCustomDate] = React50.useState();
+  const today = React50.useMemo(() => (0, import_date_fns4.startOfDay)(/* @__PURE__ */ new Date()), []);
+  const resolvedDate = React50.useMemo(() => {
     if (duration === "custom") return customDate;
     return (0, import_date_fns4.addDays)(today, parseInt(duration, 10));
   }, [duration, customDate, today]);
@@ -23594,7 +23614,7 @@ function PutOnHoldDialog({
     if (!resolvedDate) return;
     onSave((0, import_date_fns4.format)(resolvedDate, "yyyy-MM-dd"));
   }
-  React49.useEffect(() => {
+  React50.useEffect(() => {
     if (open) {
       setDuration("90");
       setCustomDate(void 0);
@@ -26208,7 +26228,7 @@ function ApplicationMobileLayout({
 }
 
 // src/components/ui/income-work-details.tsx
-var React59 = __toESM(require("react"));
+var React60 = __toESM(require("react"));
 
 // src/components/ui/loan-option-group.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
@@ -26500,10 +26520,10 @@ function IncomeWorkDetails({
   onConnectMore,
   className
 }) {
-  const [openItems, setOpenItems] = React59.useState(
+  const [openItems, setOpenItems] = React60.useState(
     sources.length > 0 ? [sources[0].id] : []
   );
-  React59.useEffect(() => {
+  React60.useEffect(() => {
     setOpenItems((current) => {
       const currentSet = new Set(current);
       const newIds = sources.map((s) => s.id).filter((id) => !currentSet.has(id));
@@ -26674,7 +26694,7 @@ function LoanEntryShell({
 }
 
 // src/components/ui/loan-wizard-shell.tsx
-var React60 = __toESM(require("react"));
+var React61 = __toESM(require("react"));
 var import_jsx_runtime130 = require("react/jsx-runtime");
 function LoanWizardShell({
   logo,
@@ -26714,7 +26734,7 @@ function LoanWizardShell({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.jsxs)(React60.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.jsxs)(React61.Fragment, { children: [
               line,
               i < heroTitle.split("\n").length - 1 && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("br", {})
             ] }, i)) }),
@@ -27573,6 +27593,7 @@ function EditorPlaceholder() {
   SelectGroup,
   SelectItem,
   SelectLabel,
+  SelectPortalProvider,
   SelectScrollDownButton,
   SelectScrollUpButton,
   SelectSeparator,