@wealthx/shadcn 1.5.18 → 1.5.20

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";

package/dist/components/ui/create-contact-modal.js

@@ -62,7 +62,7 @@ __export(create_contact_modal_exports, {
   CreateContactModal: () => CreateContactModal
 });
 module.exports = __toCommonJS(create_contact_modal_exports);
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 
 // src/components/ui/dialog.tsx
 var import_lucide_react2 = require("lucide-react");
@@ -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",
@@ -451,9 +453,13 @@ function Label(_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_runtime6 = require("react/jsx-runtime");
+var SelectPortalContext = React3.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -500,7 +506,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const portalContainer = React3.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -627,14 +634,14 @@ function Spinner(_a) {
 }
 
 // src/components/ui/form-primitives.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 
 // src/components/ui/slider.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_slider = require("@base-ui/react/slider");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Slider = React3.forwardRef(
+var Slider = React4.forwardRef(
   ({
     className,
     value,
@@ -703,7 +710,7 @@ var Slider = React3.forwardRef(
 Slider.displayName = "Slider";
 
 // src/components/ui/toggle-group.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
@@ -734,7 +741,7 @@ var toggleVariants = (0, import_class_variance_authority3.cva)(
 
 // src/components/ui/toggle-group.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var ToggleGroupContext = React4.createContext({
+var ToggleGroupContext = React5.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -788,13 +795,13 @@ function AddressAutocomplete({
   onSelect,
   className
 }) {
-  const [internalValue, setInternalValue] = React5.useState("");
+  const [internalValue, setInternalValue] = React6.useState("");
   const inputValue = controlledValue !== void 0 ? controlledValue : internalValue;
-  const [open, setOpen] = React5.useState(false);
-  const [activeIndex, setActiveIndex] = React5.useState(-1);
-  const containerRef = React5.useRef(null);
-  const listRef = React5.useRef(null);
-  const filtered = React5.useMemo(() => {
+  const [open, setOpen] = React6.useState(false);
+  const [activeIndex, setActiveIndex] = React6.useState(-1);
+  const containerRef = React6.useRef(null);
+  const listRef = React6.useRef(null);
+  const filtered = React6.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);
@@ -824,7 +831,7 @@ function AddressAutocomplete({
       setOpen(false);
     }
   };
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -924,8 +931,8 @@ function CreateContactModal({
   className
 }) {
   var _a, _b;
-  const [form, setForm] = React6.useState(EMPTY_FORM);
-  React6.useEffect(() => {
+  const [form, setForm] = React7.useState(EMPTY_FORM);
+  React7.useEffect(() => {
     if (open) setForm(EMPTY_FORM);
   }, [open]);
   function set(field, value) {

package/dist/components/ui/create-contact-modal.mjs

@@ -1,11 +1,11 @@
 import {
   CreateContactModal
-} from "../../chunk-DKH35J4U.mjs";
+} from "../../chunk-BWG7AX6X.mjs";
 import "../../chunk-ET4MTPIY.mjs";
 import "../../chunk-ISUA7DSB.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-JVMXMFBB.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/csv-import-modal.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/csv-import-modal.mjs

@@ -1,8 +1,8 @@
 import {
   CsvImportModal
-} from "../../chunk-3NJPNSJG.mjs";
+} from "../../chunk-RGHKARAK.mjs";
 import "../../chunk-I4KVSZCH.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/dashboard-transactions-table.js

@@ -445,7 +445,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"
@@ -496,7 +496,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/dashboard-transactions-table.mjs

@@ -1,6 +1,6 @@
 import {
   CategoryEditDialog
-} from "../../chunk-33VT74R4.mjs";
+} from "../../chunk-OFQFD2E2.mjs";
 import {
   Chip
 } from "../../chunk-MPA2HV5U.mjs";
@@ -14,7 +14,7 @@ import {
   CardTitle
 } from "../../chunk-3VDET466.mjs";
 import "../../chunk-PNSYFE3K.mjs";
-import "../../chunk-LI2CTS5O.mjs";
+import "../../chunk-OIETBBXQ.mjs";
 import {
   Badge
 } from "../../chunk-X6RC5UWB.mjs";

package/dist/components/ui/data-table.js

@@ -67,7 +67,7 @@ __export(data_table_exports, {
   getSelectionColumn: () => getSelectionColumn
 });
 module.exports = __toCommonJS(data_table_exports);
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 var import_lucide_react6 = require("lucide-react");
 
@@ -378,6 +378,7 @@ function Checkbox(_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");
 
@@ -391,6 +392,9 @@ function useThemeVars() {
 
 // src/components/ui/select.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var SelectPortalContext = React3.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -437,7 +441,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const portalContainer = React3.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",
@@ -941,20 +946,20 @@ function DataTable({
   onColumnFiltersChange: onColumnFiltersChangeProp
 }) {
   var _a;
-  const [internalSorting, setInternalSorting] = React3.useState(
+  const [internalSorting, setInternalSorting] = React4.useState(
     []
   );
-  const [internalColumnFilters, setInternalColumnFilters] = React3.useState([]);
-  const [internalPagination, setInternalPagination] = React3.useState({
+  const [internalColumnFilters, setInternalColumnFilters] = React4.useState([]);
+  const [internalPagination, setInternalPagination] = React4.useState({
     pageIndex: 0,
     pageSize: (_a = pageSizeOptions[0]) != null ? _a : 10
   });
-  const [columnVisibility, setColumnVisibility] = React3.useState({});
-  const [rowSelection, setRowSelection] = React3.useState({});
+  const [columnVisibility, setColumnVisibility] = React4.useState({});
+  const [rowSelection, setRowSelection] = React4.useState({});
   const sorting = controlledSorting != null ? controlledSorting : internalSorting;
   const columnFilters = controlledColumnFilters != null ? controlledColumnFilters : internalColumnFilters;
   const pagination = controlledPagination != null ? controlledPagination : internalPagination;
-  const resolvedColumns = React3.useMemo(() => {
+  const resolvedColumns = React4.useMemo(() => {
     if (!enableRowSelection) return userColumns;
     return [getSelectionColumn(), ...userColumns];
   }, [userColumns, enableRowSelection]);

package/dist/components/ui/data-table.mjs

@@ -5,12 +5,12 @@ import {
   DataTableSkeleton,
   DataTableToolbar,
   getSelectionColumn
-} from "../../chunk-TUC2BNUR.mjs";
+} from "../../chunk-IG7JBQZO.mjs";
 import "../../chunk-GTAVSBDO.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-H5DTKPJ2.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";

package/dist/components/ui/dialog.js

@@ -276,7 +276,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"
@@ -327,7 +327,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/dialog.mjs

@@ -9,7 +9,7 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger
-} from "../../chunk-LI2CTS5O.mjs";
+} from "../../chunk-OIETBBXQ.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-NOOEKOWY.mjs";

package/dist/components/ui/document-checklist-template.js

@@ -295,6 +295,7 @@ function Switch(_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");
 
@@ -308,6 +309,9 @@ function useThemeVars() {
 
 // src/components/ui/select.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var SelectPortalContext = React3.createContext(
+  void 0
+);
 function Select(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_select.Select.Root, __spreadValues({ "data-slot": "select" }, props));
@@ -354,7 +358,8 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const portalContainer = React3.useContext(SelectPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_select.Select.Positioner,
     {
       className: "z-[200]",

package/dist/components/ui/document-checklist-template.mjs

@@ -1,7 +1,7 @@
 import {
   DocumentChecklistTemplate
-} from "../../chunk-6LWCFAB4.mjs";
-import "../../chunk-USOVLDGS.mjs";
+} from "../../chunk-57QES5LX.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-PNSYFE3K.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";

package/dist/components/ui/drawer.js

@@ -205,7 +205,10 @@ function DrawerFooter(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.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/components/ui/drawer.mjs

@@ -9,7 +9,7 @@ import {
   DrawerPortal,
   DrawerTitle,
   DrawerTrigger
-} from "../../chunk-ZAXZBOWI.mjs";
+} from "../../chunk-EHQ35FYA.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-AFML43VJ.mjs";

package/dist/components/ui/file-preview-dialog.js

@@ -62,7 +62,7 @@ __export(file_preview_dialog_exports, {
   FilePreviewDialog: () => FilePreviewDialog
 });
 module.exports = __toCommonJS(file_preview_dialog_exports);
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_lucide_react5 = 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",
@@ -614,9 +616,13 @@ function TooltipContent(_a) {
 }
 
 // src/components/ui/select.tsx
+var React3 = __toESM(require("react"));
 var import_lucide_react4 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var SelectPortalContext = React3.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));
@@ -663,7 +669,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 = React3.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]",
@@ -843,8 +850,8 @@ function FilePreviewDialog({
   staffSelector,
   className
 }) {
-  const [page, setPage] = React3.useState(0);
-  React3.useEffect(() => {
+  const [page, setPage] = React4.useState(0);
+  React4.useEffect(() => {
     setPage(0);
   }, [rows.length]);
   const totalPages = Math.ceil(rows.length / pageSize);

package/dist/components/ui/file-preview-dialog.mjs

@@ -1,13 +1,13 @@
 import {
   FilePreviewDialog
-} from "../../chunk-UBHBIWIA.mjs";
+} from "../../chunk-DK55HZPN.mjs";
 import "../../chunk-JPGL36WQ.mjs";
 import "../../chunk-GTAVSBDO.mjs";
 import "../../chunk-GT3RU6GA.mjs";
-import "../../chunk-USOVLDGS.mjs";
+import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-3S6KVFF5.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/financial-drawers.mjs

@@ -1,8 +1,8 @@
 import {
   OpportunityDetailsDrawer,
   SummaryReportDrawer
-} from "../../chunk-TLLD5IU6.mjs";
-import "../../chunk-NCMV3LTP.mjs";
+} from "../../chunk-PSBQ4I3M.mjs";
+import "../../chunk-H3PTREG6.mjs";
 import "../../chunk-JVMXMFBB.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-XYSRRDBH.mjs";