@wealthx/shadcn 1.5.19 → 1.5.21

package/dist/components/ui/pagination.js

@@ -238,6 +238,7 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
 });
 
 // src/components/ui/select.tsx
+var React3 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 
@@ -251,6 +252,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));
@@ -297,7 +301,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]",

package/dist/components/ui/pagination.mjs

@@ -8,8 +8,8 @@ import {
   PaginationNext,
   PaginationPrevious,
   TablePagination
-} from "../../chunk-SSUK6C2K.mjs";
-import "../../chunk-USOVLDGS.mjs";
+} from "../../chunk-6WRDXE7A.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-NOOEKOWY.mjs";

package/dist/components/ui/pipeline-dialogs.js

@@ -64,7 +64,7 @@ __export(pipeline_dialogs_exports, {
   PutOnHoldDialog: () => PutOnHoldDialog
 });
 module.exports = __toCommonJS(pipeline_dialogs_exports);
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_date_fns3 = require("date-fns");
 
 // src/lib/utils.ts
@@ -265,7 +265,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"
@@ -316,7 +316,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",
@@ -417,9 +419,13 @@ function DialogDescription(_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_runtime4 = require("react/jsx-runtime");
+var SelectPortalContext = React3.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -462,7 +468,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const portalContainer = React3.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -560,7 +567,7 @@ function SelectScrollDownButton(_a) {
 }
 
 // src/components/ui/toggle-group.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
@@ -591,7 +598,7 @@ var toggleVariants = (0, import_class_variance_authority2.cva)(
 
 // src/components/ui/toggle-group.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var ToggleGroupContext = React3.createContext({
+var ToggleGroupContext = React4.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -643,7 +650,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React3.useContext(ToggleGroupContext);
+  const context = React4.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({
@@ -668,7 +675,7 @@ function ToggleGroupItem(_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_react5 = require("lucide-react");
 
@@ -692,7 +699,7 @@ function Input(_a) {
 }
 
 // src/components/ui/calendar.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_lucide_react4 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
 
@@ -881,8 +888,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]);
@@ -963,7 +970,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);
@@ -1164,10 +1171,10 @@ function PutOnHoldDialog({
   onSave,
   className
 }) {
-  const [duration, setDuration] = React6.useState("90");
-  const [customDate, setCustomDate] = React6.useState();
-  const today = React6.useMemo(() => (0, import_date_fns3.startOfDay)(/* @__PURE__ */ new Date()), []);
-  const resolvedDate = React6.useMemo(() => {
+  const [duration, setDuration] = React7.useState("90");
+  const [customDate, setCustomDate] = React7.useState();
+  const today = React7.useMemo(() => (0, import_date_fns3.startOfDay)(/* @__PURE__ */ new Date()), []);
+  const resolvedDate = React7.useMemo(() => {
     if (duration === "custom") return customDate;
     return (0, import_date_fns3.addDays)(today, parseInt(duration, 10));
   }, [duration, customDate, today]);
@@ -1176,7 +1183,7 @@ function PutOnHoldDialog({
     if (!resolvedDate) return;
     onSave((0, import_date_fns3.format)(resolvedDate, "yyyy-MM-dd"));
   }
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (open) {
       setDuration("90");
       setCustomDate(void 0);

package/dist/components/ui/pipeline-dialogs.mjs

@@ -2,9 +2,9 @@ import {
   ChangePriorityDialog,
   DeleteOpportunityDialog,
   PutOnHoldDialog
-} from "../../chunk-WZFBLRNP.mjs";
-import "../../chunk-USOVLDGS.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+} from "../../chunk-ETT5JAXF.mjs";
+import "../../chunk-K6VCC2MK.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-UMF6LLQK.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";

package/dist/components/ui/property-report-dialog.js

@@ -320,7 +320,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"
@@ -371,7 +371,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",

package/dist/components/ui/property-report-dialog.mjs

@@ -1,6 +1,6 @@
 import {
   PropertyReportDialog
-} from "../../chunk-RFWP2325.mjs";
+} from "../../chunk-RJHE3V4M.mjs";
 import "../../chunk-KPGARKFC.mjs";
 import "../../chunk-ET4MTPIY.mjs";
 import "../../chunk-ISUA7DSB.mjs";
@@ -8,7 +8,7 @@ import "../../chunk-GT3RU6GA.mjs";
 import "../../chunk-IKXYTCSB.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";

package/dist/components/ui/resource-center/index.js

@@ -523,7 +523,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"
@@ -574,7 +574,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",

package/dist/components/ui/resource-center/index.mjs

@@ -6,8 +6,8 @@ import {
   ResourceEmailTemplateCard,
   ResourceModal,
   ResourceVideoCard
-} from "../../../chunk-KICT4VQL.mjs";
-import "../../../chunk-LI2CTS5O.mjs";
+} from "../../../chunk-5G2M45CA.mjs";
+import "../../../chunk-OIETBBXQ.mjs";
 import "../../../chunk-X6RC5UWB.mjs";
 import "../../../chunk-OWFQSXVD.mjs";
 import "../../../chunk-6QAFGZC2.mjs";

package/dist/components/ui/review-alerts-dialog.js

@@ -262,7 +262,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"
@@ -313,7 +313,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",

package/dist/components/ui/review-alerts-dialog.mjs

@@ -1,8 +1,8 @@
 import {
   ReviewAlertsDialog
-} from "../../chunk-SH5L5VG6.mjs";
+} from "../../chunk-RVDBYV2B.mjs";
 import "../../chunk-IKXYTCSB.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";

package/dist/components/ui/savings-goal-modal.js

@@ -288,7 +288,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"
@@ -339,7 +339,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",

package/dist/components/ui/savings-goal-modal.mjs

@@ -8,7 +8,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "../../chunk-LI2CTS5O.mjs";
+} from "../../chunk-OIETBBXQ.mjs";
 import {
   DatePicker
 } from "../../chunk-UMF6LLQK.mjs";

package/dist/components/ui/select.js

@@ -1,10 +1,12 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -44,6 +46,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/ui/select.tsx
@@ -54,6 +64,7 @@ __export(select_exports, {
   SelectGroup: () => SelectGroup,
   SelectItem: () => SelectItem,
   SelectLabel: () => SelectLabel,
+  SelectPortalProvider: () => SelectPortalProvider,
   SelectScrollDownButton: () => SelectScrollDownButton,
   SelectScrollUpButton: () => SelectScrollUpButton,
   SelectSeparator: () => SelectSeparator,
@@ -61,6 +72,7 @@ __export(select_exports, {
   SelectValue: () => SelectValue
 });
 module.exports = __toCommonJS(select_exports);
+var React2 = __toESM(require("react"));
 var import_lucide_react = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 
@@ -113,6 +125,15 @@ function useThemeVars() {
 
 // src/components/ui/select.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var SelectPortalContext = React2.createContext(
+  void 0
+);
+function SelectPortalProvider({
+  container,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SelectPortalContext.Provider, { value: container, children });
+}
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -163,7 +184,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  const portalContainer = React2.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -294,6 +316,7 @@ function SelectScrollDownButton(_a) {
   SelectGroup,
   SelectItem,
   SelectLabel,
+  SelectPortalProvider,
   SelectScrollDownButton,
   SelectScrollUpButton,
   SelectSeparator,

package/dist/components/ui/select.mjs

@@ -4,12 +4,13 @@ import {
   SelectGroup,
   SelectItem,
   SelectLabel,
+  SelectPortalProvider,
   SelectScrollDownButton,
   SelectScrollUpButton,
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "../../chunk-USOVLDGS.mjs";
+} from "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-AFML43VJ.mjs";
@@ -20,6 +21,7 @@ export {
   SelectGroup,
   SelectItem,
   SelectLabel,
+  SelectPortalProvider,
   SelectScrollDownButton,
   SelectScrollUpButton,
   SelectSeparator,

package/dist/components/ui/share-details-dialog.js

@@ -265,7 +265,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"
@@ -316,7 +316,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",

package/dist/components/ui/share-details-dialog.mjs

@@ -2,11 +2,11 @@ import {
   EmailTemplateDialog,
   ShareContactDialog,
   ShareDetailsDialog
-} from "../../chunk-RPOIXMHW.mjs";
+} from "../../chunk-AADJ5IT6.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";

package/dist/components/ui/signup-form-primitives.js

@@ -394,6 +394,7 @@ function Input(_a) {
 }
 
 // src/components/ui/select.tsx
+var React3 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 
@@ -407,6 +408,9 @@ function useThemeVars() {
 
 // src/components/ui/select.tsx
 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));
@@ -453,7 +457,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]",

package/dist/components/ui/signup-form-primitives.mjs

@@ -3,10 +3,10 @@ import {
   PasswordField,
   SectionHeading,
   StaffRowItem
-} from "../../chunk-2UA4CPE5.mjs";
+} from "../../chunk-DWJHPNFL.mjs";
 import "../../chunk-WHIW6KOB.mjs";
 import "../../chunk-KPGARKFC.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-HB5BKRMH.mjs";