@wealthx/shadcn 1.5.19 → 1.5.20

package/dist/components/ui/ai-conversations.js

@@ -461,7 +461,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"
@@ -512,7 +512,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/ai-conversations.mjs

@@ -9,13 +9,13 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "../../chunk-C4ESZLGT.mjs";
+} from "../../chunk-K4GJTP6N.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-H5DTKPJ2.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-OWFQSXVD.mjs";

package/dist/components/ui/appointment-action-dialogs.js

@@ -646,7 +646,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"
@@ -697,7 +697,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/appointment-action-dialogs.mjs

@@ -1,11 +1,11 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "../../chunk-SU6TPDEU.mjs";
+} from "../../chunk-SET6GFGL.mjs";
 import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-CEYEK3TI.mjs";
 import "../../chunk-FBNEIYSE.mjs";

package/dist/components/ui/appointment-availability-settings.js

@@ -655,7 +655,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"
@@ -706,7 +706,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",
@@ -839,9 +841,13 @@ function Label(_a) {
 }
 
 // src/components/ui/select.tsx
+var React5 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var SelectPortalContext = React5.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -888,7 +894,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const portalContainer = React5.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",

package/dist/components/ui/appointment-availability-settings.mjs

@@ -2,12 +2,12 @@ import {
   AppointmentAvailabilitySettings,
   MEETING_PLATFORM_OPTIONS,
   TIMEZONE_OPTIONS
-} from "../../chunk-K3XP5ETH.mjs";
-import "../../chunk-USOVLDGS.mjs";
+} from "../../chunk-66NM4AX2.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-PNSYFE3K.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-UMF6LLQK.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";

package/dist/components/ui/appointment-book-dialog.js

@@ -490,7 +490,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"
@@ -541,7 +541,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",
@@ -1086,9 +1088,13 @@ function RadioGroupCard(_a) {
 }
 
 // src/components/ui/select.tsx
+var React7 = __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 = React7.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -1135,7 +1141,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const portalContainer = React7.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,
     {
       className: "z-[200]",

package/dist/components/ui/appointment-book-dialog.mjs

@@ -1,14 +1,14 @@
 import {
   AppointmentBookDialog
-} from "../../chunk-5BU7TNB4.mjs";
+} from "../../chunk-NEMWMXGL.mjs";
 import "../../chunk-JTK6VJXY.mjs";
 import "../../chunk-ET4MTPIY.mjs";
 import "../../chunk-ISUA7DSB.mjs";
 import "../../chunk-CQ7HKBEX.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-FBNEIYSE.mjs";

package/dist/components/ui/appointment-detail-sheet.js

@@ -842,7 +842,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"
@@ -893,7 +893,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/appointment-detail-sheet.mjs

@@ -1,12 +1,12 @@
 import {
   AppointmentDetailSheet
-} from "../../chunk-GDBM2GL5.mjs";
-import "../../chunk-SU6TPDEU.mjs";
+} from "../../chunk-F3MIRXRF.mjs";
+import "../../chunk-SET6GFGL.mjs";
 import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-H3PTREG6.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-CEYEK3TI.mjs";

package/dist/components/ui/appointment-upcoming-card.js

@@ -571,7 +571,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"
@@ -622,7 +622,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/appointment-upcoming-card.mjs

@@ -1,10 +1,10 @@
 import {
   AppointmentUpcomingCard
-} from "../../chunk-JJSA772M.mjs";
+} from "../../chunk-WIDZVCH3.mjs";
 import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-BS75ICOO.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-FBNEIYSE.mjs";

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

@@ -745,9 +745,13 @@ function FieldError(_a) {
 }
 
 // src/components/ui/select.tsx
+var React4 = __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(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -794,7 +798,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  const portalContainer = React4.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,
     {
       className: "z-[200]",

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

@@ -6,14 +6,14 @@ import {
   PaymentView,
   PersonalDetailsStep,
   StripeView
-} from "../../chunk-STDCXTUU.mjs";
-import "../../chunk-2UA4CPE5.mjs";
+} from "../../chunk-3S4XQTAL.mjs";
+import "../../chunk-DWJHPNFL.mjs";
 import "../../chunk-WHIW6KOB.mjs";
 import "../../chunk-IW33VLL5.mjs";
 import "../../chunk-I4KVSZCH.mjs";
 import "../../chunk-KPGARKFC.mjs";
 import "../../chunk-IKXYTCSB.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-LSRGA5BI.mjs";

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

@@ -688,7 +688,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"
@@ -739,7 +739,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",
@@ -928,9 +930,13 @@ function FieldLabel(_a) {
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/select.tsx
+var React5 = __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(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -977,7 +983,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const portalContainer = React5.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,
     {
       className: "z-[200]",
@@ -1243,7 +1250,7 @@ function TableCell(_a) {
 }
 
 // src/components/ui/toggle-group.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
@@ -1274,7 +1281,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 = React5.createContext({
+var ToggleGroupContext = React6.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -1326,7 +1333,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React5.useContext(ToggleGroupContext);
+  const context = React6.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({

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

@@ -1,14 +1,14 @@
 import {
   BankStatementGenerateDialog
-} from "../../chunk-LWYMZHN7.mjs";
+} from "../../chunk-6HTE24TP.mjs";
 import "../../chunk-KPGARKFC.mjs";
-import "../../chunk-SSUK6C2K.mjs";
+import "../../chunk-6WRDXE7A.mjs";
 import "../../chunk-GT3RU6GA.mjs";
 import "../../chunk-IKXYTCSB.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-UMF6LLQK.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";

package/dist/components/ui/bank-statement-pdf-viewer.js

@@ -263,7 +263,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"
@@ -314,7 +314,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/bank-statement-pdf-viewer.mjs

@@ -1,8 +1,8 @@
 import {
   BankStatementPDFViewer
-} from "../../chunk-UXWNUMQA.mjs";
+} from "../../chunk-IT3QJF3D.mjs";
 import "../../chunk-JVMXMFBB.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-NOOEKOWY.mjs";

package/dist/components/ui/category-edit-dialog.js

@@ -263,7 +263,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"
@@ -314,7 +314,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/category-edit-dialog.mjs

@@ -1,8 +1,8 @@
 import {
   CategoryEditDialog
-} from "../../chunk-33VT74R4.mjs";
+} from "../../chunk-OFQFD2E2.mjs";
 import "../../chunk-PNSYFE3K.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";

package/dist/components/ui/contact-alert-dialog/index.js

@@ -68,7 +68,7 @@ __export(contact_alert_dialog_exports, {
 module.exports = __toCommonJS(contact_alert_dialog_exports);
 
 // src/components/ui/contact-alert-dialog/contact-alert-dialog.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
 var import_ui4 = require("@react-awesome-query-builder/ui");
 
@@ -270,7 +270,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"
@@ -321,7 +321,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",
@@ -922,7 +924,7 @@ function isTreeValid(tree) {
 }
 
 // src/components/ui/contact-alert-dialog/builder-ui.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 var import_accordion = require("@base-ui/react/accordion");
 var import_ui3 = require("@react-awesome-query-builder/ui");
@@ -1060,9 +1062,13 @@ function InputGroupInput(_a) {
 }
 
 // src/components/ui/select.tsx
+var React4 = __toESM(require("react"));
 var import_lucide_react4 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime13 = require("react/jsx-runtime");
+var SelectPortalContext = React4.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -1109,7 +1115,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  const portalContainer = React4.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -1527,11 +1534,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 = React4.useMemo(
+  const longestFieldLabel = React5.useMemo(
     () => longestOf(fields.map((f) => f.label)),
     [fields]
   );
-  const longestOperatorLabel = React4.useMemo(
+  const longestOperatorLabel = React5.useMemo(
     () => longestOf(allOperatorLabels(fields)),
     [fields]
   );
@@ -1641,7 +1648,7 @@ function ContactAlertQueryBuilder({
   fields = ALERT_QUERY_FIELDS,
   className
 }) {
-  const defaultOpenItems = React5.useMemo(() => {
+  const defaultOpenItems = React6.useMemo(() => {
     var _a;
     const json = import_ui4.Utils.getTree(value);
     return ((_a = json == null ? void 0 : json.children1) != null ? _a : []).map((c) => {
@@ -1649,7 +1656,7 @@ function ContactAlertQueryBuilder({
       return (_a2 = c.id) != null ? _a2 : "";
     }).filter(Boolean);
   }, []);
-  const renderBuilder = React5.useCallback(
+  const renderBuilder = React6.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (props) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       CustomBuilderUI,
@@ -1686,15 +1693,15 @@ function ContactAlertDialog({
   isLoading = false,
   className
 }) {
-  const [name, setName] = React5.useState(initialName);
-  const [severity, setSeverity] = React5.useState(initialSeverity);
-  const [tree, setTree] = React5.useState(
+  const [name, setName] = React6.useState(initialName);
+  const [severity, setSeverity] = React6.useState(initialSeverity);
+  const [tree, setTree] = React6.useState(
     () => createAlertTree(initialQuery)
   );
-  const [shareAcrossCompany, setShareAcrossCompany] = React5.useState(
+  const [shareAcrossCompany, setShareAcrossCompany] = React6.useState(
     initialShareAcrossCompany
   );
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     if (open) {
       setName(initialName);
       setSeverity(initialSeverity);
@@ -1702,7 +1709,7 @@ function ContactAlertDialog({
       setShareAcrossCompany(initialShareAcrossCompany);
     }
   }, [open]);
-  const hasValidRule = React5.useMemo(() => isTreeValid(tree), [tree]);
+  const hasValidRule = React6.useMemo(() => isTreeValid(tree), [tree]);
   const canSave = name.trim().length > 0 && hasValidRule && !isLoading;
   function handleSave() {
     if (!canSave) return;

package/dist/components/ui/contact-alert-dialog/index.mjs

@@ -4,14 +4,14 @@ import {
   ContactAlertDialog,
   ContactAlertQueryBuilder,
   createAlertTree
-} from "../../../chunk-G7YCLJ53.mjs";
+} from "../../../chunk-G6RCC2SF.mjs";
 import "../../../chunk-7YI3HEBH.mjs";
 import "../../../chunk-KPGARKFC.mjs";
 import "../../../chunk-IKXYTCSB.mjs";
-import "../../../chunk-USOVLDGS.mjs";
+import "../../../chunk-K6VCC2MK.mjs";
 import "../../../chunk-2GIYVERS.mjs";
 import "../../../chunk-BS75ICOO.mjs";
-import "../../../chunk-LI2CTS5O.mjs";
+import "../../../chunk-OIETBBXQ.mjs";
 import "../../../chunk-LSRGA5BI.mjs";
 import "../../../chunk-OWFQSXVD.mjs";
 import "../../../chunk-6QAFGZC2.mjs";