@wealthx/shadcn 1.5.18 → 1.5.20

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @wealthx/shadcn
 
+## 1.5.20
+
+### Patch Changes
+
+- cb3ea5c: Update staff page UI, fix portal behavior of drawer
+
+## 1.5.19
+
+### Patch Changes
+
+- 6fc8500: update footer button style of drawer and sheet
+
 ## 1.5.18
 
 ### Patch Changes

package/dist/{chunk-PUGQVHQL.mjs → chunk-2SDEURIQ.mjs}

@@ -6,7 +6,7 @@ import {
   EditIncomeModal,
   EditLoanScenarioModal,
   PROPERTY_ASSET_TYPES
-} from "./chunk-45V7X563.mjs";
+} from "./chunk-JGUC3KCA.mjs";
 import {
   AboutCard,
   DebtCard,
@@ -29,7 +29,7 @@ import {
   SelectContent,
   SelectItem,
   SelectTrigger
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Tabs,
   TabsContent,

package/dist/{chunk-STDCXTUU.mjs → chunk-3S4XQTAL.mjs}

@@ -3,7 +3,7 @@ import {
   PasswordField,
   SectionHeading,
   StaffRowItem
-} from "./chunk-2UA4CPE5.mjs";
+} from "./chunk-DWJHPNFL.mjs";
 import {
   ColorPicker
 } from "./chunk-IW33VLL5.mjs";
@@ -24,7 +24,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Tooltip,
   TooltipContent,

package/dist/{chunk-ANERULZS.mjs → chunk-4UCRTTVL.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-HK4HUQTV.mjs";
 import {
   FormField
-} from "./chunk-2UA4CPE5.mjs";
+} from "./chunk-DWJHPNFL.mjs";
 import {
   AddressAutocomplete
 } from "./chunk-ET4MTPIY.mjs";

package/dist/{chunk-6LWCFAB4.mjs → chunk-57QES5LX.mjs}

@@ -4,7 +4,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Switch
 } from "./chunk-PNSYFE3K.mjs";

package/dist/{chunk-KICT4VQL.mjs → chunk-5G2M45CA.mjs}

@@ -3,7 +3,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Badge
 } from "./chunk-X6RC5UWB.mjs";

package/dist/{chunk-K3XP5ETH.mjs → chunk-66NM4AX2.mjs}

@@ -4,7 +4,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Switch
 } from "./chunk-PNSYFE3K.mjs";
@@ -24,7 +24,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   DatePicker
 } from "./chunk-UMF6LLQK.mjs";

package/dist/{chunk-LWYMZHN7.mjs → chunk-6HTE24TP.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-KPGARKFC.mjs";
 import {
   PaginationNavButtons
-} from "./chunk-SSUK6C2K.mjs";
+} from "./chunk-6WRDXE7A.mjs";
 import {
   Table,
   TableBody,
@@ -22,7 +22,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
@@ -32,7 +32,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   DatePicker
 } from "./chunk-UMF6LLQK.mjs";

package/dist/{chunk-SSUK6C2K.mjs → chunk-6WRDXE7A.mjs}

@@ -4,7 +4,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Button,
   buttonVariants

package/dist/{chunk-RPOIXMHW.mjs → chunk-AADJ5IT6.mjs}

@@ -16,7 +16,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Label
 } from "./chunk-LSRGA5BI.mjs";

package/dist/{chunk-DKH35J4U.mjs → chunk-BWG7AX6X.mjs}

@@ -7,7 +7,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
@@ -17,7 +17,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Label
 } from "./chunk-LSRGA5BI.mjs";

package/dist/{chunk-UBHBIWIA.mjs → chunk-DK55HZPN.mjs}

@@ -18,7 +18,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";
@@ -34,7 +34,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-2UA4CPE5.mjs → chunk-DWJHPNFL.mjs}

@@ -12,7 +12,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-ZAXZBOWI.mjs → chunk-EHQ35FYA.mjs}

@@ -106,7 +106,10 @@ function DrawerFooter(_a) {
   return /* @__PURE__ */ 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)
   );

package/dist/{chunk-WZFBLRNP.mjs → chunk-ETT5JAXF.mjs}

@@ -3,7 +3,7 @@ import {
   SelectContent,
   SelectItem,
   SelectTrigger
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Dialog,
   DialogContent,
@@ -11,7 +11,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   DatePicker
 } from "./chunk-UMF6LLQK.mjs";

package/dist/{chunk-L7IZ3YHI.mjs → chunk-F3MIRXRF.mjs}

@@ -1,11 +1,11 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "./chunk-SU6TPDEU.mjs";
+} from "./chunk-SET6GFGL.mjs";
 import {
   Sheet,
   SheetContent
-} from "./chunk-NCMV3LTP.mjs";
+} from "./chunk-H3PTREG6.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";

package/dist/{chunk-G7YCLJ53.mjs → chunk-G6RCC2SF.mjs}

@@ -17,14 +17,14 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Label
 } from "./chunk-LSRGA5BI.mjs";

package/dist/{chunk-NCMV3LTP.mjs → chunk-H3PTREG6.mjs}

@@ -114,7 +114,10 @@ function SheetFooter(_a) {
   return /* @__PURE__ */ 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)
   );

package/dist/{chunk-7II6QRCZ.mjs → chunk-H5NI6ZIU.mjs}

@@ -1,7 +1,7 @@
 import {
   Sheet,
   SheetContent
-} from "./chunk-NCMV3LTP.mjs";
+} from "./chunk-H3PTREG6.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";

package/dist/{chunk-TUC2BNUR.mjs → chunk-IG7JBQZO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-GTAVSBDO.mjs";
 import {
   PaginationNavButtons
-} from "./chunk-SSUK6C2K.mjs";
+} from "./chunk-6WRDXE7A.mjs";
 import {
   Table,
   TableBody,
@@ -21,7 +21,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,

package/dist/{chunk-GAXNO4JB.mjs → chunk-INGYBZGU.mjs}

@@ -12,7 +12,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Avatar,
   AvatarFallback,

package/dist/{chunk-UXWNUMQA.mjs → chunk-IT3QJF3D.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   Dialog,
   DialogContent
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-45V7X563.mjs → chunk-JGUC3KCA.mjs}

@@ -19,7 +19,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Textarea
 } from "./chunk-BS75ICOO.mjs";
@@ -29,7 +29,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   DatePicker
 } from "./chunk-UMF6LLQK.mjs";

package/dist/{chunk-C4ESZLGT.mjs → chunk-K4GJTP6N.mjs}

@@ -29,7 +29,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Avatar,
   AvatarFallback

package/dist/{chunk-USOVLDGS.mjs → chunk-K6VCC2MK.mjs}

@@ -11,9 +11,19 @@ import {
 } from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/select.tsx
+import * as React from "react";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { jsx, jsxs } from "react/jsx-runtime";
+var SelectPortalContext = React.createContext(
+  void 0
+);
+function SelectPortalProvider({
+  container,
+  children
+}) {
+  return /* @__PURE__ */ jsx(SelectPortalContext.Provider, { value: container, children });
+}
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx(SelectPrimitive.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -64,7 +74,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  const portalContainer = React.useContext(SelectPortalContext);
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
     SelectPrimitive.Positioner,
     {
       className: "z-[200]",
@@ -190,6 +201,7 @@ function SelectScrollDownButton(_a) {
 }
 
 export {
+  SelectPortalProvider,
   Select,
   SelectGroup,
   SelectValue,

package/dist/{chunk-5BU7TNB4.mjs → chunk-NEMWMXGL.mjs}

@@ -15,7 +15,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-USOVLDGS.mjs";
+} from "./chunk-K6VCC2MK.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -30,7 +30,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Avatar,
   AvatarFallback

package/dist/{chunk-B3CTBLIY.mjs → chunk-NTIFG5A7.mjs}

@@ -1,6 +1,6 @@
 import {
   TablePagination
-} from "./chunk-SSUK6C2K.mjs";
+} from "./chunk-6WRDXE7A.mjs";
 import {
   Table,
   TableBody,
@@ -21,7 +21,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-33VT74R4.mjs → chunk-OFQFD2E2.mjs}

@@ -6,7 +6,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-LI2CTS5O.mjs → chunk-OIETBBXQ.mjs}

@@ -44,7 +44,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"
@@ -95,7 +95,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/{chunk-TLLD5IU6.mjs → chunk-PSBQ4I3M.mjs}

@@ -1,7 +1,7 @@
 import {
   Sheet,
   SheetContent
-} from "./chunk-NCMV3LTP.mjs";
+} from "./chunk-H3PTREG6.mjs";
 import {
   Spinner
 } from "./chunk-JVMXMFBB.mjs";

package/dist/{chunk-XNX3XJ2F.mjs → chunk-QJ3RSZF4.mjs}

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

package/dist/{chunk-3NJPNSJG.mjs → chunk-RGHKARAK.mjs}

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

package/dist/{chunk-RFWP2325.mjs → chunk-RJHE3V4M.mjs}

@@ -28,7 +28,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-SH5L5VG6.mjs → chunk-RVDBYV2B.mjs}

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

package/dist/{chunk-SU6TPDEU.mjs → chunk-SET6GFGL.mjs}

@@ -15,7 +15,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   AlertDialog,
   AlertDialogAction,

package/dist/{chunk-JJSA772M.mjs → chunk-WIDZVCH3.mjs}

@@ -15,7 +15,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LI2CTS5O.mjs";
+} from "./chunk-OIETBBXQ.mjs";
 import {
   Avatar,
   AvatarFallback

package/dist/components/ui/add-column-modal.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/add-column-modal.mjs

@@ -1,8 +1,8 @@
 import {
   AddColumnModal
-} from "../../chunk-XNX3XJ2F.mjs";
+} from "../../chunk-QJ3RSZF4.mjs";
 import "../../chunk-2GIYVERS.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/add-lead-modal.js

@@ -62,7 +62,7 @@ __export(add_lead_modal_exports, {
   AddLeadModal: () => AddLeadModal
 });
 module.exports = __toCommonJS(add_lead_modal_exports);
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/dialog.tsx
@@ -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",
@@ -574,9 +576,13 @@ function TableCell(_a) {
 var import_lucide_react6 = require("lucide-react");
 
 // src/components/ui/select.tsx
+var React3 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var SelectPortalContext = React3.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -623,7 +629,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const portalContainer = React3.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -870,8 +877,8 @@ function AddLeadModal({
   onAdd,
   className
 }) {
-  const [selectedIds, setSelectedIds] = React3.useState(/* @__PURE__ */ new Set());
-  React3.useEffect(() => {
+  const [selectedIds, setSelectedIds] = React4.useState(/* @__PURE__ */ new Set());
+  React4.useEffect(() => {
     if (open) setSelectedIds(/* @__PURE__ */ new Set());
   }, [open]);
   const allPageSelected = contacts.length > 0 && contacts.every((c) => selectedIds.has(c.id));

package/dist/components/ui/add-lead-modal.mjs

@@ -1,12 +1,12 @@
 import {
   AddLeadModal
-} from "../../chunk-B3CTBLIY.mjs";
-import "../../chunk-SSUK6C2K.mjs";
+} from "../../chunk-NTIFG5A7.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-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";