@mieweb/ui 0.6.1-dev.174 → 0.6.1-dev.175

package/dist/index.cjs

@@ -22,13 +22,13 @@ var chunkKJ5BSGEO_cjs = require('./chunk-KJ5BSGEO.cjs');
 var chunk3GGET5LK_cjs = require('./chunk-3GGET5LK.cjs');
 var chunkDEZ7XSTG_cjs = require('./chunk-DEZ7XSTG.cjs');
 var chunkIWDQPSJN_cjs = require('./chunk-IWDQPSJN.cjs');
-var chunkCDMWZBDD_cjs = require('./chunk-CDMWZBDD.cjs');
-var chunkCB4JX5EJ_cjs = require('./chunk-CB4JX5EJ.cjs');
+var chunk372IIHUA_cjs = require('./chunk-372IIHUA.cjs');
+var chunkMAMY5HTT_cjs = require('./chunk-MAMY5HTT.cjs');
 var chunkNVHAQOHH_cjs = require('./chunk-NVHAQOHH.cjs');
 var chunkZNZZCB2M_cjs = require('./chunk-ZNZZCB2M.cjs');
 var chunkKQAXXJ4G_cjs = require('./chunk-KQAXXJ4G.cjs');
 var chunkTR2OJKQ4_cjs = require('./chunk-TR2OJKQ4.cjs');
-var chunkGBRPZGSI_cjs = require('./chunk-GBRPZGSI.cjs');
+var chunkBLPCYP4D_cjs = require('./chunk-BLPCYP4D.cjs');
 var chunkOXYFTCRW_cjs = require('./chunk-OXYFTCRW.cjs');
 var chunkQ2EWNXIB_cjs = require('./chunk-Q2EWNXIB.cjs');
 var chunkAFKKJEV5_cjs = require('./chunk-AFKKJEV5.cjs');
@@ -38,7 +38,7 @@ var chunk74NOFB34_cjs = require('./chunk-74NOFB34.cjs');
 var chunkFZQAF3WA_cjs = require('./chunk-FZQAF3WA.cjs');
 var chunk6RV7HQ4U_cjs = require('./chunk-6RV7HQ4U.cjs');
 var chunkUL3PQ7HL_cjs = require('./chunk-UL3PQ7HL.cjs');
-var chunk5INNPOZZ_cjs = require('./chunk-5INNPOZZ.cjs');
+var chunkNAQ3ZALI_cjs = require('./chunk-NAQ3ZALI.cjs');
 var chunkS7JQ3FV5_cjs = require('./chunk-S7JQ3FV5.cjs');
 var chunkGOKC4CCZ_cjs = require('./chunk-GOKC4CCZ.cjs');
 require('./chunk-GLXTVCHN.cjs');
@@ -48,24 +48,24 @@ var chunk5MAGWW5X_cjs = require('./chunk-5MAGWW5X.cjs');
 require('./chunk-RHNPILZQ.cjs');
 var chunkDFCZPVG4_cjs = require('./chunk-DFCZPVG4.cjs');
 var chunkBT3ZQJGT_cjs = require('./chunk-BT3ZQJGT.cjs');
-var chunk7BARESXI_cjs = require('./chunk-7BARESXI.cjs');
-var chunk2JQBPU3Y_cjs = require('./chunk-2JQBPU3Y.cjs');
+var chunkVPNURIAY_cjs = require('./chunk-VPNURIAY.cjs');
+var chunkMZPF2QGM_cjs = require('./chunk-MZPF2QGM.cjs');
 var chunk44CK4CT2_cjs = require('./chunk-44CK4CT2.cjs');
 var chunkWGPMTW36_cjs = require('./chunk-WGPMTW36.cjs');
 var chunk6ZYE6JUK_cjs = require('./chunk-6ZYE6JUK.cjs');
 var chunkLOTMAKUG_cjs = require('./chunk-LOTMAKUG.cjs');
 var chunkEUUQVDXX_cjs = require('./chunk-EUUQVDXX.cjs');
-var chunkROXYP3BZ_cjs = require('./chunk-ROXYP3BZ.cjs');
+var chunkAES2BKEW_cjs = require('./chunk-AES2BKEW.cjs');
 var chunkFQ3UCZUX_cjs = require('./chunk-FQ3UCZUX.cjs');
 require('./chunk-VBWRH4UW.cjs');
 var chunkBWYYA3LQ_cjs = require('./chunk-BWYYA3LQ.cjs');
 var chunkRI56YPED_cjs = require('./chunk-RI56YPED.cjs');
-var chunkQPOTSLY6_cjs = require('./chunk-QPOTSLY6.cjs');
+var chunkJTBQNOSL_cjs = require('./chunk-JTBQNOSL.cjs');
 var chunkU3ABLVYH_cjs = require('./chunk-U3ABLVYH.cjs');
 var chunkRH43XBNV_cjs = require('./chunk-RH43XBNV.cjs');
 var chunkXP6HELVG_cjs = require('./chunk-XP6HELVG.cjs');
 var chunkUOOH356R_cjs = require('./chunk-UOOH356R.cjs');
-var chunkYWHSQH7S_cjs = require('./chunk-YWHSQH7S.cjs');
+var chunkDAPZPT5N_cjs = require('./chunk-DAPZPT5N.cjs');
 var chunkZHBANUBI_cjs = require('./chunk-ZHBANUBI.cjs');
 var chunkJC6Y3LGF_cjs = require('./chunk-JC6Y3LGF.cjs');
 var chunkKJPOFUF5_cjs = require('./chunk-KJPOFUF5.cjs');
@@ -73,15 +73,16 @@ var chunkMSRU3XBH_cjs = require('./chunk-MSRU3XBH.cjs');
 var chunkUTYUT5YY_cjs = require('./chunk-UTYUT5YY.cjs');
 var chunkA2QVQF54_cjs = require('./chunk-A2QVQF54.cjs');
 var chunkEL2RSQTJ_cjs = require('./chunk-EL2RSQTJ.cjs');
-var chunkX7J45FU5_cjs = require('./chunk-X7J45FU5.cjs');
+var chunk4GXECTPS_cjs = require('./chunk-4GXECTPS.cjs');
 var chunk2O7D6F67_cjs = require('./chunk-2O7D6F67.cjs');
 var chunkY4ESBDQ5_cjs = require('./chunk-Y4ESBDQ5.cjs');
 var chunkJYZW2PZS_cjs = require('./chunk-JYZW2PZS.cjs');
-var chunkIKMR2ADM_cjs = require('./chunk-IKMR2ADM.cjs');
 var chunkYVPC65ZJ_cjs = require('./chunk-YVPC65ZJ.cjs');
 var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
 var chunkNNEFAUHV_cjs = require('./chunk-NNEFAUHV.cjs');
 var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
+var chunkFSGEDDF2_cjs = require('./chunk-FSGEDDF2.cjs');
+var chunkZDEYV373_cjs = require('./chunk-ZDEYV373.cjs');
 require('./chunk-AT732HC6.cjs');
 var chunkC7RVKV25_cjs = require('./chunk-C7RVKV25.cjs');
 var chunkL7YQBSEL_cjs = require('./chunk-L7YQBSEL.cjs');
@@ -280,7 +281,7 @@ function AddContactModal({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYWHSQH7S_cjs.Select,
+              chunkDAPZPT5N_cjs.Select,
               {
                 id: "contact-sex",
                 options: SEX_OPTIONS,
@@ -1394,7 +1395,7 @@ function AIEmptyState({
     /* @__PURE__ */ jsxRuntime.jsx(SuggestedActions, { actions: suggestions, onSelect: onSuggestionSelect })
   ] }) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCDMWZBDD_cjs.EmptyState,
+    chunk372IIHUA_cjs.EmptyState,
     {
       title,
       description,
@@ -1586,7 +1587,7 @@ function AIChat({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkCB4JX5EJ_cjs.MessageComposer,
+                chunkMAMY5HTT_cjs.MessageComposer,
                 {
                   onSend: handleSend,
                   placeholder: inputPlaceholder,
@@ -2081,7 +2082,7 @@ function OzwellSettingsMenu({
     fn?.();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk2JQBPU3Y_cjs.Dropdown,
+    chunkMZPF2QGM_cjs.Dropdown,
     {
       trigger,
       open,
@@ -2098,8 +2099,8 @@ function OzwellSettingsMenu({
             onScroll: updateHasMore,
             className: "max-h-[392px] overflow-x-hidden overflow-y-auto",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2JQBPU3Y_cjs.DropdownHeader, { title: "\u2699 Ozwell settings" }),
-              onManageVoices && /* @__PURE__ */ jsxRuntime.jsx(chunk2JQBPU3Y_cjs.DropdownItem, { onClick: act(onManageVoices), children: /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(chunkMZPF2QGM_cjs.DropdownHeader, { title: "\u2699 Ozwell settings" }),
+              onManageVoices && /* @__PURE__ */ jsxRuntime.jsx(chunkMZPF2QGM_cjs.DropdownItem, { onClick: act(onManageVoices), children: /* @__PURE__ */ jsxRuntime.jsx(
                 ItemLabel,
                 {
                   label: "Your voice",
@@ -6773,8 +6774,8 @@ function ConcernRow({
                 ]
               }
             ),
-            !readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunkQPOTSLY6_cjs.RowActionToolbar, { label: `Actions for ${current.text}`, align: "top", children: visibleActions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkQPOTSLY6_cjs.RowIconButton,
+            !readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunkJTBQNOSL_cjs.RowActionToolbar, { label: `Actions for ${current.text}`, align: "top", children: visibleActions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
+              chunkJTBQNOSL_cjs.RowIconButton,
               {
                 label: ACTION_META[action].label,
                 icon: ACTION_META[action].icon,
@@ -7203,13 +7204,13 @@ function OrderRow({
           ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(OrderContent, { order }),
             interactive && /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkQPOTSLY6_cjs.RowActionToolbar,
+              chunkJTBQNOSL_cjs.RowActionToolbar,
               {
                 label: `Actions for ${order.display}`,
                 group: "order",
                 children: [
                   canEdit && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkQPOTSLY6_cjs.RowIconButton,
+                    chunkJTBQNOSL_cjs.RowIconButton,
                     {
                       label: "Edit",
                       icon: chunkUTYUT5YY_cjs.Pencil,
@@ -7220,7 +7221,7 @@ function OrderRow({
                   (controls?.moveWithin || controls?.moveToProblem && controls.targets.some(
                     (t) => t.concernId !== order.concernId
                   )) && /* @__PURE__ */ jsxRuntime.jsxs(
-                    chunk2JQBPU3Y_cjs.Dropdown,
+                    chunkMZPF2QGM_cjs.Dropdown,
                     {
                       open: menuOpen,
                       onOpenChange: setMenuOpen,
@@ -7238,7 +7239,7 @@ function OrderRow({
                       children: [
                         controls?.moveWithin && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            chunk2JQBPU3Y_cjs.DropdownItem,
+                            chunkMZPF2QGM_cjs.DropdownItem,
                             {
                               icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.ChevronUp, { size: 14 }),
                               onClick: pick(() => controls.moveWithin?.(order, -1)),
@@ -7246,7 +7247,7 @@ function OrderRow({
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            chunk2JQBPU3Y_cjs.DropdownItem,
+                            chunkMZPF2QGM_cjs.DropdownItem,
                             {
                               icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.ChevronDown, { size: 14 }),
                               onClick: pick(() => controls.moveWithin?.(order, 1)),
@@ -7257,9 +7258,9 @@ function OrderRow({
                         controls?.moveToProblem && controls.targets.some(
                           (t) => t.concernId !== order.concernId
                         ) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                          controls.moveWithin && /* @__PURE__ */ jsxRuntime.jsx(chunk2JQBPU3Y_cjs.DropdownSeparator, {}),
+                          controls.moveWithin && /* @__PURE__ */ jsxRuntime.jsx(chunkMZPF2QGM_cjs.DropdownSeparator, {}),
                           controls.targets.filter((t) => t.concernId !== order.concernId).map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
-                            chunk2JQBPU3Y_cjs.DropdownItem,
+                            chunkMZPF2QGM_cjs.DropdownItem,
                             {
                               icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Link, { size: 14 }),
                               onClick: pick(
@@ -7277,7 +7278,7 @@ function OrderRow({
                     }
                   ),
                   controls?.remove && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkQPOTSLY6_cjs.RowIconButton,
+                    chunkJTBQNOSL_cjs.RowIconButton,
                     {
                       label: "Remove",
                       icon: chunkUTYUT5YY_cjs.Trash2,
@@ -7445,7 +7446,7 @@ var Assessment = React10__namespace.forwardRef(
       null
     );
     const [announcement, setAnnouncement] = chunkYVPC65ZJ_cjs.useLiveAnnouncement();
-    const ambientCodeLookup = chunkQPOTSLY6_cjs.useCodeLookupConfig();
+    const ambientCodeLookup = chunkJTBQNOSL_cjs.useCodeLookupConfig();
     const effectiveRenderOrderSearch = renderOrderSearch === false ? void 0 : renderOrderSearch ?? (ambientCodeLookup ? contextOrderSearch(ambientCodeLookup) : void 0);
     const concernById = React10__namespace.useMemo(
       () => new Map(concerns.map((c) => [c.concernId, c])),
@@ -7700,7 +7701,7 @@ var Assessment = React10__namespace.forwardRef(
                           assertion.verificationStatus !== "confirmed" && /* @__PURE__ */ jsxRuntime.jsx(chunkEL2RSQTJ_cjs.Badge, { variant: "warning", size: "sm", children: assertion.verificationStatus }),
                           /* @__PURE__ */ jsxRuntime.jsx(CodingChips, { coding: assertion.coding }),
                           !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkQPOTSLY6_cjs.RowActionToolbar,
+                            chunkJTBQNOSL_cjs.RowActionToolbar,
                             {
                               label: `Actions for ${assertion.text}`,
                               align: "top",
@@ -7710,7 +7711,7 @@ var Assessment = React10__namespace.forwardRef(
                                   if (action === "add-order" && !onAddOrder && !onAction)
                                     return null;
                                   return /* @__PURE__ */ jsxRuntime.jsx(
-                                    chunkQPOTSLY6_cjs.RowIconButton,
+                                    chunkJTBQNOSL_cjs.RowIconButton,
                                     {
                                       label: meta.label,
                                       icon: meta.icon,
@@ -8886,15 +8887,12 @@ function ServiceSelect({
 }) {
   const [isOpen, setIsOpen] = React10__namespace.useState(false);
   const dropdownRef = React10__namespace.useRef(null);
-  React10__namespace.useEffect(() => {
-    function handleClickOutside(event) {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
+  const { anchorRef, floatingRef, style } = chunkZDEYV373_cjs.useAnchoredPosition({ open: isOpen, matchWidth: true, maxHeight: 240 });
+  const outsideRefs = React10__namespace.useMemo(
+    () => [dropdownRef, floatingRef],
+    [floatingRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(outsideRefs, () => setIsOpen(false), isOpen);
   const toggleService = (serviceSlug) => {
     if (selectedServices.includes(serviceSlug)) {
       onChange(selectedServices.filter((s) => s !== serviceSlug));
@@ -8906,7 +8904,10 @@ function ServiceSelect({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      ref: dropdownRef,
+      ref: (node) => {
+        dropdownRef.current = node;
+        anchorRef.current = node;
+      },
       className: chunkOR5DRJCW_cjs.cn("relative", className),
       "data-slot": "service-select",
       children: [
@@ -8944,35 +8945,40 @@ function ServiceSelect({
             ]
           }
         ),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "border-border bg-card absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-lg border shadow-lg",
-            "data-slot": "service-select-dropdown",
-            children: [
-              services.map((service) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "label",
-                {
-                  "data-slot": "service-select-option",
-                  className: "hover:bg-muted flex cursor-pointer items-center gap-3 px-4 py-3",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "input",
-                      {
-                        type: "checkbox",
-                        checked: selectedServices.includes(service.slug),
-                        onChange: () => toggleService(service.slug),
-                        className: "text-primary-800 focus:ring-primary-500 border-input h-4 w-4 rounded"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: service.name })
-                  ]
-                },
-                service.slug
-              )),
-              services.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-4 py-3 text-center", children: "No services available" })
-            ]
-          }
+        isOpen && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: floatingRef,
+              style,
+              className: "border-border bg-card overflow-auto rounded-lg border shadow-lg",
+              "data-slot": "service-select-dropdown",
+              children: [
+                services.map((service) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "label",
+                  {
+                    "data-slot": "service-select-option",
+                    className: "hover:bg-muted flex cursor-pointer items-center gap-3 px-4 py-3",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: selectedServices.includes(service.slug),
+                          onChange: () => toggleService(service.slug),
+                          className: "text-primary-800 focus:ring-primary-500 border-input h-4 w-4 rounded"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: service.name })
+                    ]
+                  },
+                  service.slug
+                )),
+                services.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-4 py-3 text-center", children: "No services available" })
+              ]
+            }
+          ),
+          document.body
         ),
         error && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
@@ -10345,44 +10351,44 @@ function BusinessHoursEditor({
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      hours.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkA2QVQF54_cjs.Button,
-                          {
-                            type: "button",
-                            variant: "ghost",
-                            size: "sm",
-                            disabled,
-                            className: "text-xs",
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(CopyIcon, { className: "mr-1 h-3 w-3" }),
-                              "Copy"
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "invisible absolute top-full right-0 z-10 mt-1 rounded-md border border-gray-200 bg-white opacity-0 shadow-lg transition-all group-hover:visible group-hover:opacity-100 dark:border-gray-700 dark:bg-gray-800", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            "button",
+                      hours.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                        chunkMZPF2QGM_cjs.Dropdown,
+                        {
+                          placement: "bottom-end",
+                          trigger: /* @__PURE__ */ jsxRuntime.jsxs(
+                            chunkA2QVQF54_cjs.Button,
                             {
                               type: "button",
-                              className: "block w-full px-3 py-2 text-left text-xs whitespace-nowrap hover:bg-gray-100 dark:hover:bg-gray-700",
-                              onClick: () => handleCopyToAll(dayIndex),
+                              variant: "ghost",
+                              size: "sm",
                               disabled,
-                              children: "Copy to all days"
+                              className: "text-xs",
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(CopyIcon, { className: "mr-1 h-3 w-3" }),
+                                "Copy"
+                              ]
                             }
                           ),
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            "button",
-                            {
-                              type: "button",
-                              className: "block w-full px-3 py-2 text-left text-xs whitespace-nowrap hover:bg-gray-100 dark:hover:bg-gray-700",
-                              onClick: () => handleCopyToWeekdays(dayIndex),
-                              disabled,
-                              children: "Copy to weekdays"
-                            }
-                          )
-                        ] })
-                      ] }),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              chunkMZPF2QGM_cjs.DropdownItem,
+                              {
+                                onClick: () => handleCopyToAll(dayIndex),
+                                disabled,
+                                children: "Copy to all days"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              chunkMZPF2QGM_cjs.DropdownItem,
+                              {
+                                onClick: () => handleCopyToWeekdays(dayIndex),
+                                disabled,
+                                children: "Copy to weekdays"
+                              }
+                            )
+                          ]
+                        }
+                      ),
                       /* @__PURE__ */ jsxRuntime.jsxs(
                         chunkA2QVQF54_cjs.Button,
                         {
@@ -10702,7 +10708,7 @@ function ConditionEditor({
   "data-testid": dataTestId
 }) {
   const prior = concern ? currentAssertion(concern) : void 0;
-  const ambientCodeLookup = chunkQPOTSLY6_cjs.useCodeLookupConfig();
+  const ambientCodeLookup = chunkJTBQNOSL_cjs.useCodeLookupConfig();
   const effectiveRenderCodeSearch = renderCodeSearch === false ? void 0 : renderCodeSearch ?? (ambientCodeLookup ? contextConditionCodeSearch(ambientCodeLookup) : void 0);
   const [text, setText] = React10__namespace.useState("");
   const [coding, setCoding] = React10__namespace.useState([]);
@@ -10834,7 +10840,7 @@ function ConditionEditor({
           ),
           mode === "relate" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYWHSQH7S_cjs.Select,
+              chunkDAPZPT5N_cjs.Select,
               {
                 label: "Relationship",
                 options: RELATIONSHIP_OPTIONS,
@@ -10843,7 +10849,7 @@ function ConditionEditor({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYWHSQH7S_cjs.Select,
+              chunkDAPZPT5N_cjs.Select,
               {
                 label: "Related problem",
                 placeholder: "Select a problem\u2026",
@@ -10945,7 +10951,7 @@ function ConditionEditor({
               coding.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: "Optional \u2014 a name-only problem is valid. Codes can be added any time." }),
               coding.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkYWHSQH7S_cjs.Select,
+                  chunkDAPZPT5N_cjs.Select,
                   {
                     "aria-label": `Coding system ${i + 1}`,
                     options: CODING_SYSTEMS.map((s) => ({
@@ -11010,7 +11016,7 @@ function ConditionEditor({
               ] }, i))
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYWHSQH7S_cjs.Select,
+              chunkDAPZPT5N_cjs.Select,
               {
                 label: "Verification status",
                 options: VERIFICATION_OPTIONS,
@@ -11695,7 +11701,7 @@ function CheckrIntegration({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkYWHSQH7S_cjs.Select,
+                chunkDAPZPT5N_cjs.Select,
                 {
                   label: packageLabel,
                   options: packageOptions,
@@ -11754,7 +11760,7 @@ function CommandPaletteProvider({
       open();
     }
   }, [isOpen, open, close]);
-  chunkX7J45FU5_cjs.useCommandK(toggle, enableShortcut);
+  chunk4GXECTPS_cjs.useCommandK(toggle, enableShortcut);
   React10__namespace.default.useEffect(() => {
     if (!customEventName) return;
     const handler = () => open();
@@ -11943,7 +11949,7 @@ function CommandPalette({
     return groups;
   }, [effectiveItems]);
   chunkFHY3K6PL_cjs.useEscapeKey(close, isOpen);
-  chunkIKMR2ADM_cjs.useClickOutside(containerRef, close);
+  chunkFSGEDDF2_cjs.useClickOutside(containerRef, close);
   React10.useEffect(() => {
     if (isOpen) {
       setTimeout(() => inputRef.current?.focus(), 50);
@@ -12793,16 +12799,8 @@ function RowActionMenu({
   const [open, setOpen] = React10__namespace.useState(false);
   const menuRef = React10__namespace.useRef(null);
   const buttonRef = React10__namespace.useRef(null);
-  React10__namespace.useEffect(() => {
-    if (!open) return;
-    function handleClick(e) {
-      if (menuRef.current && !menuRef.current.contains(e.target) && buttonRef.current && !buttonRef.current.contains(e.target)) {
-        setOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, [open]);
+  const outsideRefs = React10__namespace.useMemo(() => [menuRef, buttonRef], []);
+  chunkFSGEDDF2_cjs.useClickOutside(outsideRefs, () => setOpen(false), open);
   React10__namespace.useEffect(() => {
     if (!open) return;
     function handleKey(e) {
@@ -12892,7 +12890,9 @@ function RowActionMenu({
 function HoverMenu({
   items,
   actions,
-  variant
+  variant,
+  floatingRef,
+  style
 }) {
   const headerBg = {
     default: "bg-neutral-50 dark:bg-neutral-800",
@@ -12907,11 +12907,13 @@ function HoverMenu({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
+        ref: floatingRef,
+        style,
         "data-slot": "count-badge-menu",
         className: chunkOR5DRJCW_cjs.cn(
-          "absolute top-full right-0 z-50 mt-2",
           "w-[320px] rounded-lg border border-neutral-200 bg-white shadow-xl",
           "dark:border-neutral-700 dark:bg-neutral-800",
+          "flex flex-col overflow-hidden",
           "animate-in fade-in slide-in-from-top-1 duration-150"
         ),
         onMouseDown: (e) => e.stopPropagation(),
@@ -12920,7 +12922,7 @@ function HoverMenu({
             "div",
             {
               className: chunkOR5DRJCW_cjs.cn(
-                "rounded-t-lg border-b border-neutral-200 px-3 py-2 dark:border-neutral-700",
+                "shrink-0 rounded-t-lg border-b border-neutral-200 px-3 py-2 dark:border-neutral-700",
                 headerBg[variant ?? "default"]
               ),
               children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-neutral-600 dark:text-neutral-300", children: [
@@ -12934,7 +12936,7 @@ function HoverMenu({
             "div",
             {
               "data-slot": "count-badge-menu-scroll",
-              className: "max-h-[240px] overflow-y-auto",
+              className: "max-h-[240px] min-h-0 overflow-y-auto",
               children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-left text-xs", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-neutral-100 dark:border-neutral-700", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("th", { className: "text-muted-foreground px-3 py-1.5 font-medium", children: "#" }),
@@ -12997,117 +12999,133 @@ function ViewModalActions({
 }) {
   const [shareOpen, setShareOpen] = React10__namespace.useState(false);
   const shareRef = React10__namespace.useRef(null);
-  React10__namespace.useEffect(() => {
-    if (!shareOpen) return;
-    const handleClick = (e) => {
-      if (shareRef.current && !shareRef.current.contains(e.target)) {
-        setShareOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, [shareOpen]);
+  const {
+    anchorRef: shareAnchorRef,
+    floatingRef: shareFloatingRef,
+    style: shareStyle
+  } = chunkZDEYV373_cjs.useAnchoredPosition({
+    open: shareOpen
+  });
+  const shareOutsideRefs = React10__namespace.useMemo(
+    () => [shareRef, shareFloatingRef],
+    [shareFloatingRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(shareOutsideRefs, () => setShareOpen(false), shareOpen);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-1 border-b border-neutral-200 pb-3 dark:border-neutral-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: shareRef, className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkA2QVQF54_cjs.Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: () => setShareOpen((v) => !v),
-          "aria-expanded": shareOpen,
-          "aria-haspopup": "menu",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Share, { size: 14, className: "mr-1.5" }),
-            "Share",
-            /* @__PURE__ */ jsxRuntime.jsx(
-              chunkUTYUT5YY_cjs.ChevronDown,
-              {
-                size: 12,
-                className: chunkOR5DRJCW_cjs.cn(
-                  "ml-1 transition-transform duration-150",
-                  shareOpen && "rotate-180"
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: (node) => {
+          shareRef.current = node;
+          shareAnchorRef.current = node;
+        },
+        className: "relative",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            chunkA2QVQF54_cjs.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setShareOpen((v) => !v),
+              "aria-expanded": shareOpen,
+              "aria-haspopup": "menu",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Share, { size: 14, className: "mr-1.5" }),
+                "Share",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkUTYUT5YY_cjs.ChevronDown,
+                  {
+                    size: 12,
+                    className: chunkOR5DRJCW_cjs.cn(
+                      "ml-1 transition-transform duration-150",
+                      shareOpen && "rotate-180"
+                    )
+                  }
                 )
-              }
-            )
-          ]
-        }
-      ),
-      shareOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          role: "menu",
-          className: chunkOR5DRJCW_cjs.cn(
-            "absolute top-full left-0 z-50 mt-1",
-            "min-w-[10rem] rounded-lg border border-neutral-200 bg-white py-1 shadow-lg",
-            "dark:border-neutral-700 dark:bg-neutral-800",
-            "animate-in fade-in zoom-in-95 duration-100"
+              ]
+            }
           ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                role: "menuitem",
-                type: "button",
-                className: chunkOR5DRJCW_cjs.cn(
-                  "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
-                  "text-neutral-700 hover:bg-neutral-100",
-                  "dark:text-neutral-300 dark:hover:bg-neutral-700"
-                ),
-                onClick: () => {
-                  console.warn("Share with physician", viewTarget);
-                  setShareOpen(false);
-                },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Stethoscope, { size: 14 }),
-                  "Physician"
-                ]
-              }
-            ),
+          shareOpen && ReactDOM__namespace.createPortal(
             /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
+              "div",
               {
-                role: "menuitem",
-                type: "button",
+                ref: shareFloatingRef,
+                style: shareStyle,
+                role: "menu",
                 className: chunkOR5DRJCW_cjs.cn(
-                  "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
-                  "text-neutral-700 hover:bg-neutral-100",
-                  "dark:text-neutral-300 dark:hover:bg-neutral-700"
+                  "min-w-[10rem] overflow-auto rounded-lg border border-neutral-200 bg-white py-1 shadow-lg",
+                  "dark:border-neutral-700 dark:bg-neutral-800",
+                  "animate-in fade-in zoom-in-95 duration-100"
                 ),
-                onClick: () => {
-                  console.warn("Share with patient", viewTarget);
-                  setShareOpen(false);
-                },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.User, { size: 14 }),
-                  "Patient"
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      role: "menuitem",
+                      type: "button",
+                      className: chunkOR5DRJCW_cjs.cn(
+                        "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                        "text-neutral-700 hover:bg-neutral-100",
+                        "dark:text-neutral-300 dark:hover:bg-neutral-700"
+                      ),
+                      onClick: () => {
+                        console.warn("Share with physician", viewTarget);
+                        setShareOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Stethoscope, { size: 14 }),
+                        "Physician"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      role: "menuitem",
+                      type: "button",
+                      className: chunkOR5DRJCW_cjs.cn(
+                        "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                        "text-neutral-700 hover:bg-neutral-100",
+                        "dark:text-neutral-300 dark:hover:bg-neutral-700"
+                      ),
+                      onClick: () => {
+                        console.warn("Share with patient", viewTarget);
+                        setShareOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.User, { size: 14 }),
+                        "Patient"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      role: "menuitem",
+                      type: "button",
+                      className: chunkOR5DRJCW_cjs.cn(
+                        "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
+                        "text-neutral-700 hover:bg-neutral-100",
+                        "dark:text-neutral-300 dark:hover:bg-neutral-700"
+                      ),
+                      onClick: () => {
+                        console.warn("Share via email", viewTarget);
+                        setShareOpen(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Mail, { size: 14 }),
+                        "Email"
+                      ]
+                    }
+                  )
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                role: "menuitem",
-                type: "button",
-                className: chunkOR5DRJCW_cjs.cn(
-                  "flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm",
-                  "text-neutral-700 hover:bg-neutral-100",
-                  "dark:text-neutral-300 dark:hover:bg-neutral-700"
-                ),
-                onClick: () => {
-                  console.warn("Share via email", viewTarget);
-                  setShareOpen(false);
-                },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Mail, { size: 14 }),
-                  "Email"
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] }),
+            document.body
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs(
       chunkA2QVQF54_cjs.Button,
       {
@@ -13161,16 +13179,20 @@ var CountBadge = React10__namespace.forwardRef(
       null
     );
     const showMenu = items && items.length > 0;
-    React10__namespace.useEffect(() => {
-      if (!open) return;
-      const handleClickOutside = (e) => {
-        if (containerRef.current && !containerRef.current.contains(e.target)) {
-          setOpen(false);
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [open]);
+    const {
+      anchorRef,
+      floatingRef,
+      style: menuStyle
+    } = chunkZDEYV373_cjs.useAnchoredPosition({
+      open: Boolean(showMenu && open),
+      placement: "bottom-end",
+      offset: 8
+    });
+    const outsideRefs = React10__namespace.useMemo(
+      () => [containerRef, floatingRef],
+      [floatingRef]
+    );
+    chunkFSGEDDF2_cjs.useClickOutside(outsideRefs, () => setOpen(false), open);
     React10__namespace.useEffect(() => {
       if (!open) return;
       const handleEscape = (e) => {
@@ -13203,48 +13225,63 @@ var CountBadge = React10__namespace.forwardRef(
     );
     const entityLabel = deleteLabel ?? "item";
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative inline-flex", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            ref,
-            type: "button",
-            "data-slot": "count-badge",
-            "data-count-badge": "",
-            className: chunkOR5DRJCW_cjs.cn(countBadgeVariants({ variant }), className),
-            onClick: (e) => {
-              if (showMenu) {
-                setOpen((prev) => !prev);
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: (node) => {
+            containerRef.current = node;
+            anchorRef.current = node;
+          },
+          className: "relative inline-flex",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                ref,
+                type: "button",
+                "data-slot": "count-badge",
+                "data-count-badge": "",
+                className: chunkOR5DRJCW_cjs.cn(countBadgeVariants({ variant }), className),
+                onClick: (e) => {
+                  if (showMenu) {
+                    setOpen((prev) => !prev);
+                  }
+                  props.onClick?.(e);
+                },
+                "aria-expanded": showMenu ? open : void 0,
+                ...props,
+                children: [
+                  icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "data-slot": "count-chip",
+                      className: chunkOR5DRJCW_cjs.cn(
+                        countChipVariants({ variant: countVariant ?? variant })
+                      ),
+                      children: count
+                    }
+                  )
+                ]
               }
-              props.onClick?.(e);
-            },
-            "aria-expanded": showMenu ? open : void 0,
-            ...props,
-            children: [
-              icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: icon }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+            ),
+            showMenu && open && ReactDOM__namespace.createPortal(
               /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
+                HoverMenu,
                 {
-                  "data-slot": "count-chip",
-                  className: chunkOR5DRJCW_cjs.cn(
-                    countChipVariants({ variant: countVariant ?? variant })
-                  ),
-                  children: count
+                  items,
+                  actions: resolvedActions,
+                  variant,
+                  floatingRef,
+                  style: menuStyle
                 }
-              )
-            ]
-          }
-        ),
-        showMenu && open && /* @__PURE__ */ jsxRuntime.jsx(
-          HoverMenu,
-          {
-            items,
-            actions: resolvedActions,
-            variant
-          }
-        )
-      ] }),
+              ),
+              document.body
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs(
         chunkKJPOFUF5_cjs.Modal,
         {
@@ -14083,7 +14120,7 @@ function CSVColumnCard({
                   hasError && !column.ignored && "ring-warning-700/50 dark:ring-warning-400/50 ring-2"
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkYWHSQH7S_cjs.Select,
+                  chunkDAPZPT5N_cjs.Select,
                   {
                     id: formatHtmlId(column.name),
                     label: `Map ${column.name} to field`,
@@ -14112,7 +14149,7 @@ function CSVColumnCard({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYWHSQH7S_cjs.Select,
+              chunkDAPZPT5N_cjs.Select,
               {
                 id: formatHtmlId(column.name, column.mappedTo),
                 label: `${column.name} sub-field`,
@@ -14911,11 +14948,21 @@ function DateRangePicker({
     setRangeEnd(value.end ?? null);
   }, [value]);
   const wrapperRef = React10__namespace.useRef(null);
-  chunkIKMR2ADM_cjs.useClickOutside(wrapperRef, () => {
-    if (isCalendarOpen) {
+  const outsideRefs = React10__namespace.useMemo(
+    () => [wrapperRef, calendarRef],
+    [calendarRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(
+    outsideRefs,
+    () => {
       setIsCalendarOpen(false);
       setSelectingEnd(false);
-    }
+    },
+    isCalendarOpen
+  );
+  const { anchorRef, floatingRef, style } = chunkZDEYV373_cjs.useAnchoredPosition({
+    open: !isMobileVariant && isCalendarOpen,
+    placement: resolvedAlign === "end" ? "bottom-end" : "bottom-start"
   });
   chunkFHY3K6PL_cjs.useEscapeKey(() => {
     setIsCalendarOpen(false);
@@ -15140,7 +15187,10 @@ function DateRangePicker({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      ref: wrapperRef,
+      ref: (node) => {
+        wrapperRef.current = node;
+        anchorRef.current = node;
+      },
       className: chunkOR5DRJCW_cjs.cn("relative inline-block", className),
       "data-slot": "date-range-picker",
       children: [
@@ -15282,147 +15332,153 @@ function DateRangePicker({
             )
           }
         ),
-        !isMobileVariant && isCalendarOpen && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: calendarRef,
-            className: chunkOR5DRJCW_cjs.cn(
-              "absolute top-full z-50 mt-1",
-              resolvedAlign === "end" ? "right-0" : "left-0",
-              "bg-background border-border rounded-lg border shadow-lg"
-            ),
-            role: "dialog",
-            "aria-label": "Choose date range",
-            "data-slot": "date-range-popup",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
-              showPresets && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: chunkOR5DRJCW_cjs.cn(
-                    "border-border flex w-[200px] shrink-0 flex-col gap-0.5 border-r p-3",
-                    isResponsive && "hidden md:flex"
-                  ),
-                  "data-slot": "date-range-presets",
-                  children: finalPresets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => handlePresetSelect(preset.key),
-                      "data-slot": "date-range-preset",
-                      className: chunkOR5DRJCW_cjs.cn(
-                        "rounded-md px-3 py-1.5 text-left text-sm transition-colors",
-                        "hover:bg-muted",
-                        activePreset === preset.key && "bg-primary-800 text-white"
-                      ),
-                      children: preset.label
-                    },
-                    preset.key
-                  ))
-                }
+        !isMobileVariant && isCalendarOpen && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: (node) => {
+                calendarRef.current = node;
+                floatingRef.current = node;
+              },
+              style,
+              className: chunkOR5DRJCW_cjs.cn(
+                "overflow-auto",
+                "bg-background border-border rounded-lg border shadow-lg"
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", "data-slot": "date-range-calendar", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
-                  {
-                    className: "text-muted-foreground mb-4 text-sm",
-                    "data-slot": "date-range-subtitle",
-                    children: "Select a start and end date from the calendar."
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
+              role: "dialog",
+              "aria-label": "Choose date range",
+              "data-slot": "date-range-popup",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+                showPresets && /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: "flex gap-8",
-                    onMouseLeave: () => setHoverDate(null),
-                    "data-slot": "date-range-calendars",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          "div",
-                          {
-                            className: "mb-3 flex items-center",
-                            "data-slot": "date-range-month-header",
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                "button",
-                                {
-                                  type: "button",
-                                  onClick: goToPrevMonth,
-                                  className: "hover:bg-muted rounded-md p-1 transition-colors",
-                                  "aria-label": "Previous month",
-                                  "data-slot": "date-range-nav",
-                                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
-                                }
-                              ),
-                              /* @__PURE__ */ jsxRuntime.jsxs(
-                                "div",
-                                {
-                                  className: "flex-1 text-center text-sm font-medium",
-                                  "data-slot": "date-range-month-label",
-                                  children: [
-                                    monthNames[leftMonth],
-                                    " ",
-                                    leftYear
-                                  ]
-                                }
-                              ),
-                              isResponsive && /* @__PURE__ */ jsxRuntime.jsx(
-                                "button",
-                                {
-                                  type: "button",
-                                  onClick: goToNextMonth,
-                                  className: "hover:bg-muted rounded-md p-1 transition-colors md:hidden",
-                                  "aria-label": "Next month",
-                                  "data-slot": "date-range-nav",
-                                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
-                                }
-                              )
-                            ]
-                          }
-                        ),
-                        renderMonthGrid(leftMonth, leftYear)
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOR5DRJCW_cjs.cn(isResponsive && "hidden md:block"), children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(
-                          "div",
-                          {
-                            className: "mb-3 flex items-center",
-                            "data-slot": "date-range-month-header",
-                            children: [
-                              /* @__PURE__ */ jsxRuntime.jsxs(
-                                "div",
-                                {
-                                  className: "flex-1 text-center text-sm font-medium",
-                                  "data-slot": "date-range-month-label",
-                                  children: [
-                                    monthNames[rightMonth],
-                                    " ",
-                                    rightYear
-                                  ]
-                                }
-                              ),
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                "button",
-                                {
-                                  type: "button",
-                                  onClick: goToNextMonth,
-                                  className: "hover:bg-muted rounded-md p-1 transition-colors",
-                                  "aria-label": "Next month",
-                                  "data-slot": "date-range-nav",
-                                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
-                                }
-                              )
-                            ]
-                          }
+                    className: chunkOR5DRJCW_cjs.cn(
+                      "border-border flex w-[200px] shrink-0 flex-col gap-0.5 border-r p-3",
+                      isResponsive && "hidden md:flex"
+                    ),
+                    "data-slot": "date-range-presets",
+                    children: finalPresets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => handlePresetSelect(preset.key),
+                        "data-slot": "date-range-preset",
+                        className: chunkOR5DRJCW_cjs.cn(
+                          "rounded-md px-3 py-1.5 text-left text-sm transition-colors",
+                          "hover:bg-muted",
+                          activePreset === preset.key && "bg-primary-800 text-white"
                         ),
-                        renderMonthGrid(rightMonth, rightYear)
-                      ] })
-                    ]
+                        children: preset.label
+                      },
+                      preset.key
+                    ))
                   }
-                )
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", "data-slot": "date-range-calendar", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      className: "text-muted-foreground mb-4 text-sm",
+                      "data-slot": "date-range-subtitle",
+                      children: "Select a start and end date from the calendar."
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: "flex gap-8",
+                      onMouseLeave: () => setHoverDate(null),
+                      "data-slot": "date-range-calendars",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(
+                            "div",
+                            {
+                              className: "mb-3 flex items-center",
+                              "data-slot": "date-range-month-header",
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: goToPrevMonth,
+                                    className: "hover:bg-muted rounded-md p-1 transition-colors",
+                                    "aria-label": "Previous month",
+                                    "data-slot": "date-range-nav",
+                                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "div",
+                                  {
+                                    className: "flex-1 text-center text-sm font-medium",
+                                    "data-slot": "date-range-month-label",
+                                    children: [
+                                      monthNames[leftMonth],
+                                      " ",
+                                      leftYear
+                                    ]
+                                  }
+                                ),
+                                isResponsive && /* @__PURE__ */ jsxRuntime.jsx(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: goToNextMonth,
+                                    className: "hover:bg-muted rounded-md p-1 transition-colors md:hidden",
+                                    "aria-label": "Next month",
+                                    "data-slot": "date-range-nav",
+                                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          renderMonthGrid(leftMonth, leftYear)
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOR5DRJCW_cjs.cn(isResponsive && "hidden md:block"), children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(
+                            "div",
+                            {
+                              className: "mb-3 flex items-center",
+                              "data-slot": "date-range-month-header",
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "div",
+                                  {
+                                    className: "flex-1 text-center text-sm font-medium",
+                                    "data-slot": "date-range-month-label",
+                                    children: [
+                                      monthNames[rightMonth],
+                                      " ",
+                                      rightYear
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: goToNextMonth,
+                                    className: "hover:bg-muted rounded-md p-1 transition-colors",
+                                    "aria-label": "Next month",
+                                    "data-slot": "date-range-nav",
+                                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          renderMonthGrid(rightMonth, rightYear)
+                        ] })
+                      ]
+                    }
+                  )
+                ] })
               ] })
-            ] })
-          }
+            }
+          ),
+          document.body
         )
       ]
     }
@@ -15444,7 +15500,7 @@ function DateRangeFilter({
     onChange(range, presetKey);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2JQBPU3Y_cjs.Dropdown,
+    chunkMZPF2QGM_cjs.Dropdown,
     {
       trigger: /* @__PURE__ */ jsxRuntime.jsxs(chunkA2QVQF54_cjs.Button, { variant, size: "md", className, children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4" }),
@@ -15454,7 +15510,7 @@ function DateRangeFilter({
       className: "w-56",
       "data-slot": "date-range-filter",
       children: finalPresets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunk2JQBPU3Y_cjs.DropdownItem,
+        chunkMZPF2QGM_cjs.DropdownItem,
         {
           onClick: () => handlePresetSelect(preset.key),
           className: chunkOR5DRJCW_cjs.cn(
@@ -16737,7 +16793,7 @@ function DocumentScanner({
   const [error, setError] = React10__namespace.useState(null);
   const [isWebcamOpen, setIsWebcamOpen] = React10__namespace.useState(false);
   const [validationErrors, setValidationErrors] = React10__namespace.useState([]);
-  const isMobile = chunkX7J45FU5_cjs.useIsMobile();
+  const isMobile = chunk4GXECTPS_cjs.useIsMobile();
   const cameraInputRef = React10__namespace.useRef(null);
   const {
     files,
@@ -17373,7 +17429,7 @@ function ClaimProviderForm({
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkYWHSQH7S_cjs.Select,
+                  chunkDAPZPT5N_cjs.Select,
                   {
                     label: "Role at this Organization",
                     value: formData.role,
@@ -17403,7 +17459,7 @@ function ClaimProviderForm({
               "data-slot": "claim-form-section",
               className: "space-y-4 border-t border-gray-200 pt-4 dark:border-gray-700",
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkYWHSQH7S_cjs.Select,
+                chunkDAPZPT5N_cjs.Select,
                 {
                   label: "Preferred Language",
                   value: formData.preferredLanguage || "en",
@@ -17648,7 +17704,7 @@ function CreateInvoiceModal({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkYWHSQH7S_cjs.Select,
+          chunkDAPZPT5N_cjs.Select,
           {
             label: "Employer",
             options: employerOptions,
@@ -18339,7 +18395,7 @@ function EditUserRoleModal({
         )
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYWHSQH7S_cjs.Select,
+        chunkDAPZPT5N_cjs.Select,
         {
           label: "Role",
           value: selectedRoleId,
@@ -18606,7 +18662,7 @@ function EmployeeForm({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYWHSQH7S_cjs.Select,
+            chunkDAPZPT5N_cjs.Select,
             {
               label: selectDepartments,
               value: selectedDepartments[0] ?? "",
@@ -18721,7 +18777,7 @@ function EmployeeForm({
                     }
                   ) }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-32", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkYWHSQH7S_cjs.Select,
+                    chunkDAPZPT5N_cjs.Select,
                     {
                       label: index === 0 ? "Type" : void 0,
                       "aria-label": index > 0 ? "Phone type" : void 0,
@@ -22745,7 +22801,7 @@ function InviteUserModal({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYWHSQH7S_cjs.Select,
+        chunkDAPZPT5N_cjs.Select,
         {
           label: "Role",
           value: roleId,
@@ -23939,16 +23995,13 @@ function LanguageSelector({
 }) {
   const [isOpen, setIsOpen] = React10__namespace.useState(false);
   const containerRef = React10__namespace.useRef(null);
+  const { anchorRef, floatingRef, style } = chunkZDEYV373_cjs.useAnchoredPosition({ open: isOpen, matchMinWidth: true, maxHeight: 240 });
   const selectedLanguage = languages.find((l) => l.code === value);
-  React10__namespace.useEffect(() => {
-    const handleClickOutside = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
+  const outsideRefs = React10__namespace.useMemo(
+    () => [containerRef, floatingRef],
+    [floatingRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(outsideRefs, () => setIsOpen(false), isOpen);
   React10__namespace.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") setIsOpen(false);
@@ -23963,7 +24016,10 @@ function LanguageSelector({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      ref: containerRef,
+      ref: (node) => {
+        containerRef.current = node;
+        anchorRef.current = node;
+      },
       "data-slot": "language-selector",
       className: chunkOR5DRJCW_cjs.cn(selectorVariants({ size }), className),
       children: [
@@ -23999,44 +24055,41 @@ function LanguageSelector({
             ]
           }
         ),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "data-slot": "language-selector-dropdown",
-            className: chunkOR5DRJCW_cjs.cn(
-              "absolute z-50 mt-1 w-full min-w-[180px] rounded-lg border border-gray-200 bg-white shadow-lg",
-              "dark:border-gray-700 dark:bg-gray-800",
-              "animate-in fade-in slide-in-from-top-1 duration-150"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "ul",
-              {
-                role: "listbox",
-                "aria-label": label,
-                className: "max-h-60 overflow-auto py-1",
-                children: languages.map((language) => /* @__PURE__ */ jsxRuntime.jsxs(
-                  "li",
-                  {
-                    role: "option",
-                    "aria-selected": language.code === value,
-                    onClick: () => handleSelect(language),
-                    onKeyDown: (e) => e.key === "Enter" && handleSelect(language),
-                    "data-slot": "language-selector-option",
-                    className: chunkOR5DRJCW_cjs.cn(
-                      "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition-colors",
-                      language.code === value ? "bg-primary-50 text-primary-700 dark:bg-primary-900/20 dark:text-primary-400" : "text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700"
-                    ),
-                    children: [
-                      showFlags && language.flag && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base", children: language.flag }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: language.name }),
-                      language.code === value && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon2, { className: "text-primary-800 dark:text-primary-400 h-4 w-4" })
-                    ]
-                  },
-                  language.code
-                ))
-              }
-            )
-          }
+        isOpen && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: floatingRef,
+              style,
+              "data-slot": "language-selector-dropdown",
+              className: chunkOR5DRJCW_cjs.cn(
+                "min-w-[180px] overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg",
+                "dark:border-gray-700 dark:bg-gray-800",
+                "animate-in fade-in slide-in-from-top-1 duration-150"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "listbox", "aria-label": label, className: "py-1", children: languages.map((language) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": language.code === value,
+                  onClick: () => handleSelect(language),
+                  onKeyDown: (e) => e.key === "Enter" && handleSelect(language),
+                  "data-slot": "language-selector-option",
+                  className: chunkOR5DRJCW_cjs.cn(
+                    "flex cursor-pointer items-center gap-2 px-3 py-2 text-sm transition-colors",
+                    language.code === value ? "bg-primary-50 text-primary-700 dark:bg-primary-900/20 dark:text-primary-400" : "text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700"
+                  ),
+                  children: [
+                    showFlags && language.flag && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base", children: language.flag }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: language.name }),
+                    language.code === value && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon2, { className: "text-primary-800 dark:text-primary-400 h-4 w-4" })
+                  ]
+                },
+                language.code
+              )) })
+            }
+          ),
+          document.body
         )
       ]
     }
@@ -26208,7 +26261,7 @@ var defaultOrderTabs = [
   { id: "rejected", label: "Rejected", statuses: ["rejected", "cancelled"] }
 ];
 function orderToMedication(order) {
-  const sig = order.detail ? chunkQPOTSLY6_cjs.parseSig(order.detail) : void 0;
+  const sig = order.detail ? chunkJTBQNOSL_cjs.parseSig(order.detail) : void 0;
   return {
     id: order.orderId,
     name: order.display,
@@ -26216,7 +26269,7 @@ function orderToMedication(order) {
     status: "unreconciled",
     indication: order.indication,
     pharmacyNotes: order.notes,
-    ...chunkQPOTSLY6_cjs.labelToMedicationFields(order.display),
+    ...chunkJTBQNOSL_cjs.labelToMedicationFields(order.display),
     ...sig && {
       route: sig.route,
       frequency: sig.frequency,
@@ -26287,7 +26340,7 @@ function BaseOrderEditor({
   onSave
 }) {
   const config = TYPE_CONFIG[type];
-  const ambientCodeLookup = chunkQPOTSLY6_cjs.useCodeLookupConfig();
+  const ambientCodeLookup = chunkJTBQNOSL_cjs.useCodeLookupConfig();
   const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
   const [draft, setDraft] = React10__namespace.useState(
     () => order ?? {
@@ -26486,7 +26539,7 @@ function OrderEditor({
       display: ""
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQPOTSLY6_cjs.MedicationEditor,
+      chunkJTBQNOSL_cjs.MedicationEditor,
       {
         open,
         medication: order ? orderToMedication(order) : void 0,
@@ -27061,9 +27114,15 @@ function PatientOverflowMenu({
 }) {
   const [open, setOpen] = React10__namespace.useState(false);
   const menuRef = React10__namespace.useRef(null);
-  chunkIKMR2ADM_cjs.useClickOutside(
-    menuRef,
-    React10__namespace.useCallback(() => setOpen(false), [])
+  const { anchorRef, floatingRef, style } = chunkZDEYV373_cjs.useAnchoredPosition({ open, placement: "bottom-end" });
+  const outsideRefs = React10__namespace.useMemo(
+    () => [menuRef, floatingRef],
+    [floatingRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(
+    outsideRefs,
+    React10__namespace.useCallback(() => setOpen(false), []),
+    open
   );
   chunkFHY3K6PL_cjs.useEscapeKey(
     React10__namespace.useCallback(() => setOpen(false), []),
@@ -27073,174 +27132,188 @@ function PatientOverflowMenu({
     onAction?.(action);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", ref: menuRef, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkA2QVQF54_cjs.Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        onClick: () => setOpen(!open),
-        "aria-label": "Patient actions menu",
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        className: "h-8 w-8",
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.MoreVertical, { size: 18 })
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        role: "menu",
-        "aria-label": "Patient actions",
-        className: chunkOR5DRJCW_cjs.cn(
-          "absolute top-full right-0 z-50 mt-1",
-          "w-[calc(100vw_-_2rem)] md:w-auto",
-          "border-border bg-card rounded-xl border py-1 shadow-lg",
-          "max-h-[calc(100vh_-_3rem)] overflow-y-auto md:max-h-[calc(100vh_-_4rem)]",
-          "motion-safe:animate-fade-in"
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "relative",
+      ref: (node) => {
+        menuRef.current = node;
+        anchorRef.current = node;
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkA2QVQF54_cjs.Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => setOpen(!open),
+            "aria-label": "Patient actions menu",
+            "aria-haspopup": "menu",
+            "aria-expanded": open,
+            className: "h-8 w-8",
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.MoreVertical, { size: 18 })
+          }
         ),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-[13rem]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-[11px] font-semibold tracking-wide uppercase", children: "Quick Actions" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowMenuItem,
-              {
-                icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Pencil, { size: 15 }),
-                label: "Edit Patient",
-                onClick: () => handleAction("edit-patient")
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowMenuItem,
-              {
-                icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Phone, { size: 15 }),
-                label: "Contact",
-                onClick: () => handleAction("contact")
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowMenuItem,
-              {
-                icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Send, { size: 15 }),
-                label: "Send Message",
-                onClick: () => handleAction("send-message")
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowMenuItem,
-              {
-                icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Calendar, { size: 15 }),
-                label: "Schedule Appointment",
-                onClick: () => handleAction("schedule-appointment")
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowMenuItem,
-              {
-                icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Printer, { size: 15 }),
-                label: "Print Summary",
-                onClick: () => handleAction("print-summary")
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              OverflowMenuItem,
-              {
-                icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Download, { size: 15 }),
-                label: "Export Record",
-                onClick: () => handleAction("export-record")
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border my-1 border-t md:my-0 md:border-t-0 md:border-l" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:min-w-[26rem]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-[11px] font-semibold tracking-wide uppercase", children: "Add" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-1 md:grid-cols-2 md:gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.ClipboardPlus, { size: 15 }),
-                  label: "Task",
-                  onClick: () => handleAction("add-task")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Stethoscope, { size: 15 }),
-                  label: "Encounter",
-                  onClick: () => handleAction("add-encounter")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.ClipboardCheck, { size: 15 }),
-                  label: "Due List Item",
-                  onClick: () => handleAction("add-due-list")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.FilePlus, { size: 15 }),
-                  label: "Order Request",
-                  onClick: () => handleAction("add-order")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.FileCheck, { size: 15 }),
-                  label: "eSign Request",
-                  onClick: () => handleAction("add-esign")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Wheat, { size: 15 }),
-                  label: "Allergy",
-                  onClick: () => handleAction("add-allergy")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Pill, { size: 15 }),
-                  label: "Medication",
-                  onClick: () => handleAction("add-medication")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Bell, { size: 15 }),
-                  label: "Alert",
-                  onClick: () => handleAction("add-alert")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.FileHeart, { size: 15 }),
-                  label: "Condition",
-                  onClick: () => handleAction("add-condition")
-                }
+        open && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: floatingRef,
+              style,
+              role: "menu",
+              "aria-label": "Patient actions",
+              className: chunkOR5DRJCW_cjs.cn(
+                "w-[calc(100vw_-_2rem)] md:w-auto",
+                "border-border bg-card rounded-xl border py-1 shadow-lg",
+                "overflow-y-auto",
+                "motion-safe:animate-fade-in"
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                OverflowMenuItem,
-                {
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.HeartPulse, { size: 15 }),
-                  label: "Vitals",
-                  onClick: () => handleAction("add-vitals")
-                }
-              )
-            ] })
-          ] })
-        ] })
-      }
-    )
-  ] });
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-[13rem]", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-[11px] font-semibold tracking-wide uppercase", children: "Quick Actions" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    OverflowMenuItem,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Pencil, { size: 15 }),
+                      label: "Edit Patient",
+                      onClick: () => handleAction("edit-patient")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    OverflowMenuItem,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Phone, { size: 15 }),
+                      label: "Contact",
+                      onClick: () => handleAction("contact")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    OverflowMenuItem,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Send, { size: 15 }),
+                      label: "Send Message",
+                      onClick: () => handleAction("send-message")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    OverflowMenuItem,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Calendar, { size: 15 }),
+                      label: "Schedule Appointment",
+                      onClick: () => handleAction("schedule-appointment")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    OverflowMenuItem,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Printer, { size: 15 }),
+                      label: "Print Summary",
+                      onClick: () => handleAction("print-summary")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    OverflowMenuItem,
+                    {
+                      icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Download, { size: 15 }),
+                      label: "Export Record",
+                      onClick: () => handleAction("export-record")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border my-1 border-t md:my-0 md:border-t-0 md:border-l" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:min-w-[26rem]", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-[11px] font-semibold tracking-wide uppercase", children: "Add" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-1 md:grid-cols-2 md:gap-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.ClipboardPlus, { size: 15 }),
+                        label: "Task",
+                        onClick: () => handleAction("add-task")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Stethoscope, { size: 15 }),
+                        label: "Encounter",
+                        onClick: () => handleAction("add-encounter")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.ClipboardCheck, { size: 15 }),
+                        label: "Due List Item",
+                        onClick: () => handleAction("add-due-list")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.FilePlus, { size: 15 }),
+                        label: "Order Request",
+                        onClick: () => handleAction("add-order")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.FileCheck, { size: 15 }),
+                        label: "eSign Request",
+                        onClick: () => handleAction("add-esign")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Wheat, { size: 15 }),
+                        label: "Allergy",
+                        onClick: () => handleAction("add-allergy")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Pill, { size: 15 }),
+                        label: "Medication",
+                        onClick: () => handleAction("add-medication")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Bell, { size: 15 }),
+                        label: "Alert",
+                        onClick: () => handleAction("add-alert")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.FileHeart, { size: 15 }),
+                        label: "Condition",
+                        onClick: () => handleAction("add-condition")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      OverflowMenuItem,
+                      {
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.HeartPulse, { size: 15 }),
+                        label: "Vitals",
+                        onClick: () => handleAction("add-vitals")
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
 }
 function AlertRow({ comments }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -29119,7 +29192,7 @@ function RelevanceControl({
     {
       role: "toolbar",
       "aria-label": `Relevance for ${labelPrefix}`,
-      onKeyDown: chunkQPOTSLY6_cjs.toolbarKeyNav,
+      onKeyDown: chunkJTBQNOSL_cjs.toolbarKeyNav,
       className: "border-border flex shrink-0 items-center overflow-hidden rounded-md border",
       children: RELEVANCE_ORDER.map((relevance) => {
         const active = value === relevance;
@@ -31976,15 +32049,12 @@ function ServiceMultiSelect({
   const containerRef = React10__namespace.useRef(null);
   const inputRef = React10__namespace.useRef(null);
   const listboxId = React10__namespace.useId();
-  React10__namespace.useEffect(() => {
-    function handleClickOutside(event) {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
+  const { anchorRef, floatingRef, style } = chunkZDEYV373_cjs.useAnchoredPosition({ open: isOpen, matchWidth: true, maxHeight: 240 });
+  const outsideRefs = React10__namespace.useMemo(
+    () => [containerRef, floatingRef],
+    [floatingRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(outsideRefs, () => setIsOpen(false), isOpen);
   const filteredServices = React10__namespace.useMemo(() => {
     if (!searchTerm) return services;
     const lowerSearch = searchTerm.toLowerCase();
@@ -32025,7 +32095,10 @@ function ServiceMultiSelect({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      ref: containerRef,
+      ref: (node) => {
+        containerRef.current = node;
+        anchorRef.current = node;
+      },
       className: "relative",
       "data-slot": "provider-service-select",
       children: [
@@ -32057,99 +32130,106 @@ function ServiceMultiSelect({
             children: selectedServices.length > 0 ? `${selectedServices.length} service${selectedServices.length > 1 ? "s" : ""} selected` : placeholder
           }
         ) }),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: chunkOR5DRJCW_cjs.cn(
-              "absolute z-50 mt-1 w-full rounded-md border border-neutral-200 bg-white shadow-lg",
-              "dark:border-neutral-700 dark:bg-neutral-800",
-              "max-h-60 overflow-auto"
-            ),
-            role: "listbox",
-            id: listboxId,
-            "aria-multiselectable": "true",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 border-b border-neutral-200 bg-white p-2 dark:border-neutral-700 dark:bg-neutral-800", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
+        isOpen && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: floatingRef,
+              style,
+              className: chunkOR5DRJCW_cjs.cn(
+                "rounded-md border border-neutral-200 bg-white shadow-lg",
+                "dark:border-neutral-700 dark:bg-neutral-800",
+                "overflow-auto"
+              ),
+              role: "listbox",
+              id: listboxId,
+              "aria-multiselectable": "true",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 border-b border-neutral-200 bg-white p-2 dark:border-neutral-700 dark:bg-neutral-800", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      ref: inputRef,
+                      type: "text",
+                      value: searchTerm,
+                      onChange: (e) => setSearchTerm(e.target.value),
+                      placeholder: "Search services...",
+                      className: chunkOR5DRJCW_cjs.cn(inputVariants3({ hasIcon: true }), "pl-8"),
+                      autoFocus: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(SearchIcon4, { className: "absolute top-1/2 left-4 -translate-y-1/2 text-neutral-400" })
+                ] }),
+                Object.entries(groupedServices).length > 0 ? Object.entries(groupedServices).map(
+                  ([category, categoryServices]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    services.some((s) => s.category) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral-50 px-3 py-2 text-xs font-semibold tracking-wider text-neutral-500 uppercase dark:bg-neutral-900 dark:text-neutral-400", children: category }),
+                    categoryServices.map((service) => {
+                      const isSelected = selectedServices.includes(
+                        service.value
+                      );
+                      return /* @__PURE__ */ jsxRuntime.jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          role: "option",
+                          "aria-selected": isSelected,
+                          onClick: () => handleToggleService(service.value),
+                          className: chunkOR5DRJCW_cjs.cn(
+                            "flex w-full items-center justify-between px-3 py-2 text-left text-sm",
+                            "hover:bg-neutral-100 dark:hover:bg-neutral-700",
+                            isSelected && "bg-primary-50 dark:bg-primary-900/20"
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "span",
+                                {
+                                  className: chunkOR5DRJCW_cjs.cn(
+                                    "flex h-4 w-4 items-center justify-center rounded border",
+                                    isSelected ? "bg-primary-800 border-primary-500 text-white" : "border-neutral-300 dark:border-neutral-600"
+                                  ),
+                                  children: isSelected && /* @__PURE__ */ jsxRuntime.jsx(
+                                    "svg",
+                                    {
+                                      "aria-hidden": "true",
+                                      className: "h-3 w-3",
+                                      viewBox: "0 0 12 12",
+                                      fill: "currentColor",
+                                      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.28 2.28L4.75 7.81 1.72 4.78a.75.75 0 00-1.06 1.06l3.75 3.75a.75.75 0 001.06 0l6.25-6.25a.75.75 0 00-1.06-1.06z" })
+                                    }
+                                  )
+                                }
+                              ),
+                              service.label
+                            ] }),
+                            showCounts && service.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-neutral-400", children: [
+                              "(",
+                              service.count,
+                              ")"
+                            ] })
+                          ]
+                        },
+                        service.value
+                      );
+                    })
+                  ] }, category)
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-3 py-4 text-center text-sm", children: "No services found" }),
+                selectedServices.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky bottom-0 border-t border-neutral-200 bg-white p-2 dark:border-neutral-700 dark:bg-neutral-800", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
                   {
-                    ref: inputRef,
-                    type: "text",
-                    value: searchTerm,
-                    onChange: (e) => setSearchTerm(e.target.value),
-                    placeholder: "Search services...",
-                    className: chunkOR5DRJCW_cjs.cn(inputVariants3({ hasIcon: true }), "pl-8"),
-                    autoFocus: true
+                    type: "button",
+                    onClick: () => onSelectionChange([]),
+                    className: chunkOR5DRJCW_cjs.cn(
+                      "w-full rounded-md px-3 py-2 text-center text-sm",
+                      "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20"
+                    ),
+                    children: "Clear selection"
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(SearchIcon4, { className: "absolute top-1/2 left-4 -translate-y-1/2 text-neutral-400" })
-              ] }),
-              Object.entries(groupedServices).length > 0 ? Object.entries(groupedServices).map(
-                ([category, categoryServices]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  services.some((s) => s.category) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral-50 px-3 py-2 text-xs font-semibold tracking-wider text-neutral-500 uppercase dark:bg-neutral-900 dark:text-neutral-400", children: category }),
-                  categoryServices.map((service) => {
-                    const isSelected = selectedServices.includes(service.value);
-                    return /* @__PURE__ */ jsxRuntime.jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        role: "option",
-                        "aria-selected": isSelected,
-                        onClick: () => handleToggleService(service.value),
-                        className: chunkOR5DRJCW_cjs.cn(
-                          "flex w-full items-center justify-between px-3 py-2 text-left text-sm",
-                          "hover:bg-neutral-100 dark:hover:bg-neutral-700",
-                          isSelected && "bg-primary-50 dark:bg-primary-900/20"
-                        ),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              "span",
-                              {
-                                className: chunkOR5DRJCW_cjs.cn(
-                                  "flex h-4 w-4 items-center justify-center rounded border",
-                                  isSelected ? "bg-primary-800 border-primary-500 text-white" : "border-neutral-300 dark:border-neutral-600"
-                                ),
-                                children: isSelected && /* @__PURE__ */ jsxRuntime.jsx(
-                                  "svg",
-                                  {
-                                    "aria-hidden": "true",
-                                    className: "h-3 w-3",
-                                    viewBox: "0 0 12 12",
-                                    fill: "currentColor",
-                                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.28 2.28L4.75 7.81 1.72 4.78a.75.75 0 00-1.06 1.06l3.75 3.75a.75.75 0 001.06 0l6.25-6.25a.75.75 0 00-1.06-1.06z" })
-                                  }
-                                )
-                              }
-                            ),
-                            service.label
-                          ] }),
-                          showCounts && service.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-neutral-400", children: [
-                            "(",
-                            service.count,
-                            ")"
-                          ] })
-                        ]
-                      },
-                      service.value
-                    );
-                  })
-                ] }, category)
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-3 py-4 text-center text-sm", children: "No services found" }),
-              selectedServices.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky bottom-0 border-t border-neutral-200 bg-white p-2 dark:border-neutral-700 dark:bg-neutral-800", children: /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onSelectionChange([]),
-                  className: chunkOR5DRJCW_cjs.cn(
-                    "w-full rounded-md px-3 py-2 text-center text-sm",
-                    "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20"
-                  ),
-                  children: "Clear selection"
-                }
-              ) })
-            ]
-          }
+                ) })
+              ]
+            }
+          ),
+          document.body
         )
       ]
     }
@@ -32510,15 +32590,12 @@ function ProviderSelector({
   const [isOpen, setIsOpen] = React10__namespace.useState(false);
   const [searchQuery, setSearchQuery] = React10__namespace.useState("");
   const containerRef = React10__namespace.useRef(null);
-  React10__namespace.useEffect(() => {
-    function handleClickOutside(event) {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
+  const { anchorRef, floatingRef, style } = chunkZDEYV373_cjs.useAnchoredPosition({ open: isOpen, matchWidth: true });
+  const outsideRefs = React10__namespace.useMemo(
+    () => [containerRef, floatingRef],
+    [floatingRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(outsideRefs, () => setIsOpen(false), isOpen);
   React10__namespace.useEffect(() => {
     function handleEscape(event) {
       if (event.key === "Escape") {
@@ -32557,7 +32634,10 @@ function ProviderSelector({
     {
       "data-slot": "provider-selector",
       className: chunkOR5DRJCW_cjs.cn("relative", className),
-      ref: containerRef,
+      ref: (node) => {
+        containerRef.current = node;
+        anchorRef.current = node;
+      },
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsx(
           "label",
@@ -32678,138 +32758,143 @@ function ProviderSelector({
             ]
           }
         ),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            "data-slot": "provider-selector-dropdown",
-            className: "border-border bg-card absolute z-50 mt-1 w-full overflow-hidden rounded-lg border shadow-lg",
-            children: [
-              searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border border-b p-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    "aria-hidden": "true",
-                    className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "text",
-                    "data-slot": "provider-selector-search",
-                    placeholder: searchPlaceholder,
-                    value: searchQuery,
-                    onChange: (e) => setSearchQuery(e.target.value),
-                    className: "border-input bg-background text-foreground placeholder:text-muted-foreground focus:ring-ring w-full rounded-md border py-2 pr-4 pl-9 text-sm focus:ring-1 focus:outline-none",
-                    autoFocus: true
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto", children: filteredProviders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-4 py-6 text-center", children: "No providers found" }) : filteredProviders.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  type: "button",
-                  "data-slot": "provider-selector-option",
-                  onClick: () => handleSelect(provider),
-                  className: chunkOR5DRJCW_cjs.cn(
-                    "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors",
-                    "hover:bg-muted",
-                    selectedProvider?.id === provider.id && "bg-primary/10"
+        isOpen && ReactDOM.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: floatingRef,
+              style,
+              "data-slot": "provider-selector-dropdown",
+              className: "border-border bg-card flex flex-col overflow-hidden rounded-lg border shadow-lg",
+              children: [
+                searchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border shrink-0 border-b p-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                        }
+                      )
+                    }
                   ),
-                  children: [
-                    provider.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "img",
-                      {
-                        "data-slot": "provider-selector-option-avatar",
-                        src: provider.logoUrl,
-                        alt: provider.name,
-                        className: "h-8 w-8 rounded object-cover"
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        "data-slot": "provider-selector-option-avatar",
-                        className: "bg-muted text-muted-foreground flex h-8 w-8 items-center justify-center rounded text-sm font-medium",
-                        children: getInitials2(provider.name)
-                      }
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "text",
+                      "data-slot": "provider-selector-search",
+                      placeholder: searchPlaceholder,
+                      value: searchQuery,
+                      onChange: (e) => setSearchQuery(e.target.value),
+                      className: "border-input bg-background text-foreground placeholder:text-muted-foreground focus:ring-ring w-full rounded-md border py-2 pr-4 pl-9 text-sm focus:ring-1 focus:outline-none",
+                      autoFocus: true
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 min-h-0 overflow-y-auto", children: filteredProviders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-4 py-6 text-center", children: "No providers found" }) : filteredProviders.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "data-slot": "provider-selector-option",
+                    onClick: () => handleSelect(provider),
+                    className: chunkOR5DRJCW_cjs.cn(
+                      "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors",
+                      "hover:bg-muted",
+                      selectedProvider?.id === provider.id && "bg-primary/10"
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "span",
-                          {
-                            "data-slot": "provider-selector-option-name",
-                            className: "text-foreground font-medium",
-                            children: provider.name
-                          }
-                        ),
-                        provider.code && /* @__PURE__ */ jsxRuntime.jsxs(
-                          "span",
-                          {
-                            "data-slot": "provider-selector-option-code",
-                            className: "text-xs text-neutral-600 dark:text-neutral-400",
-                            children: [
-                              "(",
-                              provider.code,
-                              ")"
-                            ]
-                          }
-                        ),
-                        provider.isActive === false && /* @__PURE__ */ jsxRuntime.jsx(
-                          "span",
+                    children: [
+                      provider.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "img",
+                        {
+                          "data-slot": "provider-selector-option-avatar",
+                          src: provider.logoUrl,
+                          alt: provider.name,
+                          className: "h-8 w-8 rounded object-cover"
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          "data-slot": "provider-selector-option-avatar",
+                          className: "bg-muted text-muted-foreground flex h-8 w-8 items-center justify-center rounded text-sm font-medium",
+                          children: getInitials2(provider.name)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              "data-slot": "provider-selector-option-name",
+                              className: "text-foreground font-medium",
+                              children: provider.name
+                            }
+                          ),
+                          provider.code && /* @__PURE__ */ jsxRuntime.jsxs(
+                            "span",
+                            {
+                              "data-slot": "provider-selector-option-code",
+                              className: "text-xs text-neutral-600 dark:text-neutral-400",
+                              children: [
+                                "(",
+                                provider.code,
+                                ")"
+                              ]
+                            }
+                          ),
+                          provider.isActive === false && /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              "data-slot": "provider-selector-option-badge",
+                              className: "bg-muted rounded px-1.5 py-0.5 text-xs font-medium text-neutral-600 dark:text-neutral-400",
+                              children: "Inactive"
+                            }
+                          )
+                        ] }),
+                        (provider.location || provider.type) && /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
                           {
-                            "data-slot": "provider-selector-option-badge",
-                            className: "bg-muted rounded px-1.5 py-0.5 text-xs font-medium text-neutral-600 dark:text-neutral-400",
-                            children: "Inactive"
+                            "data-slot": "provider-selector-option-detail",
+                            className: "text-muted-foreground truncate text-sm",
+                            children: [provider.type, provider.location].filter(Boolean).join(" \u2022 ")
                           }
                         )
                       ] }),
-                      (provider.location || provider.type) && /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
+                      selectedProvider?.id === provider.id && /* @__PURE__ */ jsxRuntime.jsx(
+                        "svg",
                         {
-                          "data-slot": "provider-selector-option-detail",
-                          className: "text-muted-foreground truncate text-sm",
-                          children: [provider.type, provider.location].filter(Boolean).join(" \u2022 ")
+                          "aria-hidden": "true",
+                          className: "text-primary-800 dark:text-primary-400 h-5 w-5 flex-shrink-0",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          stroke: "currentColor",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            "path",
+                            {
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              strokeWidth: 2,
+                              d: "M5 13l4 4L19 7"
+                            }
+                          )
                         }
                       )
-                    ] }),
-                    selectedProvider?.id === provider.id && /* @__PURE__ */ jsxRuntime.jsx(
-                      "svg",
-                      {
-                        "aria-hidden": "true",
-                        className: "text-primary-800 dark:text-primary-400 h-5 w-5 flex-shrink-0",
-                        fill: "none",
-                        viewBox: "0 0 24 24",
-                        stroke: "currentColor",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(
-                          "path",
-                          {
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round",
-                            strokeWidth: 2,
-                            d: "M5 13l4 4L19 7"
-                          }
-                        )
-                      }
-                    )
-                  ]
-                },
-                provider.id
-              )) })
-            ]
-          }
+                    ]
+                  },
+                  provider.id
+                )) })
+              ]
+            }
+          ),
+          document.body
         )
       ]
     }
@@ -33514,7 +33599,7 @@ function RowActionsMenu({
   const showRemove = onRemove && !isCurrentUser;
   const needsSeparator = (showResend || onEditRole) && showRemove;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk2JQBPU3Y_cjs.Dropdown,
+    chunkMZPF2QGM_cjs.Dropdown,
     {
       trigger: /* @__PURE__ */ jsxRuntime.jsx(
         chunkA2QVQF54_cjs.Button,
@@ -33530,7 +33615,7 @@ function RowActionsMenu({
       placement: "bottom-end",
       children: [
         showResend && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk2JQBPU3Y_cjs.DropdownItem,
+          chunkMZPF2QGM_cjs.DropdownItem,
           {
             icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Send, { size: 14 }),
             onClick: () => onResendInvite?.(user),
@@ -33538,16 +33623,16 @@ function RowActionsMenu({
           }
         ),
         onEditRole && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk2JQBPU3Y_cjs.DropdownItem,
+          chunkMZPF2QGM_cjs.DropdownItem,
           {
             icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Pencil, { size: 14 }),
             onClick: () => onEditRole(user),
             children: "Edit Role"
           }
         ),
-        needsSeparator && /* @__PURE__ */ jsxRuntime.jsx(chunk2JQBPU3Y_cjs.DropdownSeparator, {}),
+        needsSeparator && /* @__PURE__ */ jsxRuntime.jsx(chunkMZPF2QGM_cjs.DropdownSeparator, {}),
         showRemove && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk2JQBPU3Y_cjs.DropdownItem,
+          chunkMZPF2QGM_cjs.DropdownItem,
           {
             variant: "danger",
             icon: /* @__PURE__ */ jsxRuntime.jsx(chunkUTYUT5YY_cjs.Trash2, { size: 14 }),
@@ -34570,7 +34655,7 @@ function ReportDashboard({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYWHSQH7S_cjs.Select,
+              chunkDAPZPT5N_cjs.Select,
               {
                 "aria-label": "Date range",
                 options: Array.isArray(dateRangeOptions) && dateRangeOptions.every(
@@ -36770,7 +36855,7 @@ function ServiceGeneralSettings({
             }
           ),
           categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYWHSQH7S_cjs.Select,
+            chunkDAPZPT5N_cjs.Select,
             {
               label: "Category",
               value: categoryId || "",
@@ -37925,7 +38010,7 @@ function ServiceShippingSettings({
         "data-slot": "shipping-settings-content",
         children: [
           shippingMethods.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYWHSQH7S_cjs.Select,
+            chunkDAPZPT5N_cjs.Select,
             {
               label: "Shipping Method",
               value: selectedMethodId || "",
@@ -38007,7 +38092,7 @@ function ServiceShippingSettings({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkYWHSQH7S_cjs.Select,
+                chunkDAPZPT5N_cjs.Select,
                 {
                   label: "State",
                   value: address.state,
@@ -38135,7 +38220,7 @@ function SetupServiceModal({
         }
       ),
       showServicePicker && availableServices.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYWHSQH7S_cjs.Select,
+        chunkDAPZPT5N_cjs.Select,
         {
           label: "Select Service",
           value: formData.serviceId || "",
@@ -38183,7 +38268,7 @@ function SetupServiceModal({
         )
       ] }),
       categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYWHSQH7S_cjs.Select,
+        chunkDAPZPT5N_cjs.Select,
         {
           label: "Category",
           value: formData.categoryId || "",
@@ -38380,7 +38465,7 @@ function SidebarProvider({
   defaultExpandedGroup = null,
   mobileBreakpoint = "(max-width: 1023px)"
 }) {
-  const isMobileViewport = chunkX7J45FU5_cjs.useMediaQuery(mobileBreakpoint);
+  const isMobileViewport = chunk4GXECTPS_cjs.useMediaQuery(mobileBreakpoint);
   const [isCollapsed, setIsCollapsed] = React10.useState(() => {
     if (typeof window !== "undefined" && persistCollapsed) {
       const stored = localStorage.getItem(storageKey);
@@ -41003,7 +41088,7 @@ function TableOfContents({
   }, [manualItems, selector, maxDepth, contentEl]);
   const ids = React10__namespace.useMemo(() => flatItems.map((i) => i.id), [flatItems]);
   const isControlled = controlledActiveId !== void 0;
-  const { activeId: spyActiveId } = chunkX7J45FU5_cjs.useScrollSpy({
+  const { activeId: spyActiveId } = chunk4GXECTPS_cjs.useScrollSpy({
     ids,
     root: contentRef,
     enabled: !isControlled && ids.length > 0,
@@ -42226,7 +42311,7 @@ function ReportTimeRange({
       className: chunkOR5DRJCW_cjs.cn("flex flex-wrap items-center gap-3", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkYWHSQH7S_cjs.Select,
+          chunkDAPZPT5N_cjs.Select,
           {
             "aria-label": "Time range",
             value: preset,
@@ -42812,163 +42897,163 @@ Object.defineProperty(exports, "getToolIcon", {
 });
 Object.defineProperty(exports, "AttachmentPreview", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.AttachmentPreview; }
+  get: function () { return chunk372IIHUA_cjs.AttachmentPreview; }
 });
 Object.defineProperty(exports, "ConversationHeader", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.ConversationHeader; }
+  get: function () { return chunk372IIHUA_cjs.ConversationHeader; }
 });
 Object.defineProperty(exports, "ConversationListItem", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.ConversationListItem; }
+  get: function () { return chunk372IIHUA_cjs.ConversationListItem; }
 });
 Object.defineProperty(exports, "ConversationListSkeleton", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.ConversationListSkeleton; }
+  get: function () { return chunk372IIHUA_cjs.ConversationListSkeleton; }
 });
 Object.defineProperty(exports, "DateSeparator", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.DateSeparator; }
+  get: function () { return chunk372IIHUA_cjs.DateSeparator; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.EmptyState; }
+  get: function () { return chunk372IIHUA_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "LightboxModal", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.LightboxModal; }
+  get: function () { return chunk372IIHUA_cjs.LightboxModal; }
 });
 Object.defineProperty(exports, "LoadMoreButton", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.LoadMoreButton; }
+  get: function () { return chunk372IIHUA_cjs.LoadMoreButton; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.MessageBubble; }
+  get: function () { return chunk372IIHUA_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.MessageList; }
+  get: function () { return chunk372IIHUA_cjs.MessageList; }
 });
 Object.defineProperty(exports, "MessageStatusIcon", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.MessageStatusIcon; }
+  get: function () { return chunk372IIHUA_cjs.MessageStatusIcon; }
 });
 Object.defineProperty(exports, "MessageThread", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.MessageThread; }
+  get: function () { return chunk372IIHUA_cjs.MessageThread; }
 });
 Object.defineProperty(exports, "MessagingSplitView", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.MessagingSplitView; }
+  get: function () { return chunk372IIHUA_cjs.MessagingSplitView; }
 });
 Object.defineProperty(exports, "ReadReceiptIndicator", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.ReadReceiptIndicator; }
+  get: function () { return chunk372IIHUA_cjs.ReadReceiptIndicator; }
 });
 Object.defineProperty(exports, "SkeletonMessage", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.SkeletonMessage; }
+  get: function () { return chunk372IIHUA_cjs.SkeletonMessage; }
 });
 Object.defineProperty(exports, "TypingIndicator", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.TypingIndicator; }
+  get: function () { return chunk372IIHUA_cjs.TypingIndicator; }
 });
 Object.defineProperty(exports, "bubbleVariants", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.bubbleVariants; }
+  get: function () { return chunk372IIHUA_cjs.bubbleVariants; }
 });
 Object.defineProperty(exports, "formatDateLabel", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.formatDateLabel; }
+  get: function () { return chunk372IIHUA_cjs.formatDateLabel; }
 });
 Object.defineProperty(exports, "formatFileSize", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.formatFileSize; }
+  get: function () { return chunk372IIHUA_cjs.formatFileSize; }
 });
 Object.defineProperty(exports, "formatLastSeen", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.formatLastSeen; }
+  get: function () { return chunk372IIHUA_cjs.formatLastSeen; }
 });
 Object.defineProperty(exports, "getConversationSubtitle", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.getConversationSubtitle; }
+  get: function () { return chunk372IIHUA_cjs.getConversationSubtitle; }
 });
 Object.defineProperty(exports, "getConversationTitle", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.getConversationTitle; }
+  get: function () { return chunk372IIHUA_cjs.getConversationTitle; }
 });
 Object.defineProperty(exports, "groupMessagesByDate", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.groupMessagesByDate; }
+  get: function () { return chunk372IIHUA_cjs.groupMessagesByDate; }
 });
 Object.defineProperty(exports, "headerVariants", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.headerVariants; }
+  get: function () { return chunk372IIHUA_cjs.headerVariants; }
 });
 Object.defineProperty(exports, "isSameSenderGroup", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.isSameSenderGroup; }
+  get: function () { return chunk372IIHUA_cjs.isSameSenderGroup; }
 });
 Object.defineProperty(exports, "useMessageScroll", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.useMessageScroll; }
+  get: function () { return chunk372IIHUA_cjs.useMessageScroll; }
 });
 Object.defineProperty(exports, "useMessages", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.useMessages; }
+  get: function () { return chunk372IIHUA_cjs.useMessages; }
 });
 Object.defineProperty(exports, "useReadReceipts", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.useReadReceipts; }
+  get: function () { return chunk372IIHUA_cjs.useReadReceipts; }
 });
 Object.defineProperty(exports, "useTypingIndicator", {
   enumerable: true,
-  get: function () { return chunkCDMWZBDD_cjs.useTypingIndicator; }
+  get: function () { return chunk372IIHUA_cjs.useTypingIndicator; }
 });
 Object.defineProperty(exports, "AttachmentPicker", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.AttachmentPicker; }
+  get: function () { return chunkMAMY5HTT_cjs.AttachmentPicker; }
 });
 Object.defineProperty(exports, "AttachmentPreviewItem", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.AttachmentPreviewItem; }
+  get: function () { return chunkMAMY5HTT_cjs.AttachmentPreviewItem; }
 });
 Object.defineProperty(exports, "CameraButton", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.CameraButton; }
+  get: function () { return chunkMAMY5HTT_cjs.CameraButton; }
 });
 Object.defineProperty(exports, "CharacterCounter", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.CharacterCounter; }
+  get: function () { return chunkMAMY5HTT_cjs.CharacterCounter; }
 });
 Object.defineProperty(exports, "DragDropZone", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.DragDropZone; }
+  get: function () { return chunkMAMY5HTT_cjs.DragDropZone; }
 });
 Object.defineProperty(exports, "MessageComposer", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.MessageComposer; }
+  get: function () { return chunkMAMY5HTT_cjs.MessageComposer; }
 });
 Object.defineProperty(exports, "SendButton", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.SendButton; }
+  get: function () { return chunkMAMY5HTT_cjs.SendButton; }
 });
 Object.defineProperty(exports, "generateAttachmentId", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.generateAttachmentId; }
+  get: function () { return chunkMAMY5HTT_cjs.generateAttachmentId; }
 });
 Object.defineProperty(exports, "getFileType", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.getFileType; }
+  get: function () { return chunkMAMY5HTT_cjs.getFileType; }
 });
 Object.defineProperty(exports, "sendButtonVariants", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.sendButtonVariants; }
+  get: function () { return chunkMAMY5HTT_cjs.sendButtonVariants; }
 });
 Object.defineProperty(exports, "validateFile", {
   enumerable: true,
-  get: function () { return chunkCB4JX5EJ_cjs.validateFile; }
+  get: function () { return chunkMAMY5HTT_cjs.validateFile; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
@@ -43036,15 +43121,15 @@ Object.defineProperty(exports, "recordButtonVariants", {
 });
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
-  get: function () { return chunkGBRPZGSI_cjs.RichTextEditor; }
+  get: function () { return chunkBLPCYP4D_cjs.RichTextEditor; }
 });
 Object.defineProperty(exports, "convertAngleBracketsToMustache", {
   enumerable: true,
-  get: function () { return chunkGBRPZGSI_cjs.convertAngleBracketsToMustache; }
+  get: function () { return chunkBLPCYP4D_cjs.convertAngleBracketsToMustache; }
 });
 Object.defineProperty(exports, "processDictation", {
   enumerable: true,
-  get: function () { return chunkGBRPZGSI_cjs.processDictation; }
+  get: function () { return chunkBLPCYP4D_cjs.processDictation; }
 });
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
@@ -43136,23 +43221,23 @@ Object.defineProperty(exports, "FenceBlock", {
 });
 Object.defineProperty(exports, "FillerWordsModal", {
   enumerable: true,
-  get: function () { return chunk5INNPOZZ_cjs.FillerWordsModal; }
+  get: function () { return chunkNAQ3ZALI_cjs.FillerWordsModal; }
 });
 Object.defineProperty(exports, "MediaEditor", {
   enumerable: true,
-  get: function () { return chunk5INNPOZZ_cjs.MediaEditor; }
+  get: function () { return chunkNAQ3ZALI_cjs.MediaEditor; }
 });
 Object.defineProperty(exports, "SilenceSettingsModal", {
   enumerable: true,
-  get: function () { return chunk5INNPOZZ_cjs.SilenceSettingsModal; }
+  get: function () { return chunkNAQ3ZALI_cjs.SilenceSettingsModal; }
 });
 Object.defineProperty(exports, "SpeedMarkerMenu", {
   enumerable: true,
-  get: function () { return chunk5INNPOZZ_cjs.SpeedMarkerMenu; }
+  get: function () { return chunkNAQ3ZALI_cjs.SpeedMarkerMenu; }
 });
 Object.defineProperty(exports, "WordEditorModal", {
   enumerable: true,
-  get: function () { return chunk5INNPOZZ_cjs.WordEditorModal; }
+  get: function () { return chunkNAQ3ZALI_cjs.WordEditorModal; }
 });
 Object.defineProperty(exports, "PLAYBACK_SPEEDS", {
   enumerable: true,
@@ -43232,39 +43317,39 @@ Object.defineProperty(exports, "CollapsibleTrigger", {
 });
 Object.defineProperty(exports, "CountryCodeDropdown", {
   enumerable: true,
-  get: function () { return chunk7BARESXI_cjs.CountryCodeDropdown; }
+  get: function () { return chunkVPNURIAY_cjs.CountryCodeDropdown; }
 });
 Object.defineProperty(exports, "formatE164", {
   enumerable: true,
-  get: function () { return chunk7BARESXI_cjs.formatE164; }
+  get: function () { return chunkVPNURIAY_cjs.formatE164; }
 });
 Object.defineProperty(exports, "validatePhoneNumber", {
   enumerable: true,
-  get: function () { return chunk7BARESXI_cjs.validatePhoneNumber; }
+  get: function () { return chunkVPNURIAY_cjs.validatePhoneNumber; }
 });
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function () { return chunk2JQBPU3Y_cjs.Dropdown; }
+  get: function () { return chunkMZPF2QGM_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "DropdownContent", {
   enumerable: true,
-  get: function () { return chunk2JQBPU3Y_cjs.DropdownContent; }
+  get: function () { return chunkMZPF2QGM_cjs.DropdownContent; }
 });
 Object.defineProperty(exports, "DropdownHeader", {
   enumerable: true,
-  get: function () { return chunk2JQBPU3Y_cjs.DropdownHeader; }
+  get: function () { return chunkMZPF2QGM_cjs.DropdownHeader; }
 });
 Object.defineProperty(exports, "DropdownItem", {
   enumerable: true,
-  get: function () { return chunk2JQBPU3Y_cjs.DropdownItem; }
+  get: function () { return chunkMZPF2QGM_cjs.DropdownItem; }
 });
 Object.defineProperty(exports, "DropdownLabel", {
   enumerable: true,
-  get: function () { return chunk2JQBPU3Y_cjs.DropdownLabel; }
+  get: function () { return chunkMZPF2QGM_cjs.DropdownLabel; }
 });
 Object.defineProperty(exports, "DropdownSeparator", {
   enumerable: true,
-  get: function () { return chunk2JQBPU3Y_cjs.DropdownSeparator; }
+  get: function () { return chunkMZPF2QGM_cjs.DropdownSeparator; }
 });
 Object.defineProperty(exports, "FloatingWindow", {
   enumerable: true,
@@ -43336,7 +43421,7 @@ Object.defineProperty(exports, "waveformContainerVariants", {
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
-  get: function () { return chunkROXYP3BZ_cjs.Autocomplete; }
+  get: function () { return chunkAES2BKEW_cjs.Autocomplete; }
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
@@ -43388,67 +43473,67 @@ Object.defineProperty(exports, "isApplicable", {
 });
 Object.defineProperty(exports, "ALLERGY_TYPE_LABELS", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.ALLERGY_TYPE_LABELS; }
+  get: function () { return chunkJTBQNOSL_cjs.ALLERGY_TYPE_LABELS; }
 });
 Object.defineProperty(exports, "AllergyList", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.AllergyList; }
+  get: function () { return chunkJTBQNOSL_cjs.AllergyList; }
 });
 Object.defineProperty(exports, "AllergyManager", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.AllergyManager; }
+  get: function () { return chunkJTBQNOSL_cjs.AllergyManager; }
 });
 Object.defineProperty(exports, "CodeLookupProvider", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.CodeLookupProvider; }
+  get: function () { return chunkJTBQNOSL_cjs.CodeLookupProvider; }
 });
 Object.defineProperty(exports, "MEDICATION_STATUS_LABELS", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.MEDICATION_STATUS_LABELS; }
+  get: function () { return chunkJTBQNOSL_cjs.MEDICATION_STATUS_LABELS; }
 });
 Object.defineProperty(exports, "MedicationEditor", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.MedicationEditor; }
+  get: function () { return chunkJTBQNOSL_cjs.MedicationEditor; }
 });
 Object.defineProperty(exports, "MedicationList", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.MedicationList; }
+  get: function () { return chunkJTBQNOSL_cjs.MedicationList; }
 });
 Object.defineProperty(exports, "MedicationReconciliation", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.MedicationReconciliation; }
+  get: function () { return chunkJTBQNOSL_cjs.MedicationReconciliation; }
 });
 Object.defineProperty(exports, "RowActionToolbar", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.RowActionToolbar; }
+  get: function () { return chunkJTBQNOSL_cjs.RowActionToolbar; }
 });
 Object.defineProperty(exports, "RowIconButton", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.RowIconButton; }
+  get: function () { return chunkJTBQNOSL_cjs.RowIconButton; }
 });
 Object.defineProperty(exports, "labelToMedicationFields", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.labelToMedicationFields; }
+  get: function () { return chunkJTBQNOSL_cjs.labelToMedicationFields; }
 });
 Object.defineProperty(exports, "lookupToMedicationFields", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.lookupToMedicationFields; }
+  get: function () { return chunkJTBQNOSL_cjs.lookupToMedicationFields; }
 });
 Object.defineProperty(exports, "parseMedicationLabel", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.parseMedicationLabel; }
+  get: function () { return chunkJTBQNOSL_cjs.parseMedicationLabel; }
 });
 Object.defineProperty(exports, "parseSig", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.parseSig; }
+  get: function () { return chunkJTBQNOSL_cjs.parseSig; }
 });
 Object.defineProperty(exports, "toolbarKeyNav", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.toolbarKeyNav; }
+  get: function () { return chunkJTBQNOSL_cjs.toolbarKeyNav; }
 });
 Object.defineProperty(exports, "useCodeLookupConfig", {
   enumerable: true,
-  get: function () { return chunkQPOTSLY6_cjs.useCodeLookupConfig; }
+  get: function () { return chunkJTBQNOSL_cjs.useCodeLookupConfig; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
@@ -43484,11 +43569,11 @@ Object.defineProperty(exports, "labelVariants", {
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkYWHSQH7S_cjs.Select; }
+  get: function () { return chunkDAPZPT5N_cjs.Select; }
 });
 Object.defineProperty(exports, "selectTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkYWHSQH7S_cjs.selectTriggerVariants; }
+  get: function () { return chunkDAPZPT5N_cjs.selectTriggerVariants; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
@@ -43608,43 +43693,43 @@ Object.defineProperty(exports, "badgeVariants", {
 });
 Object.defineProperty(exports, "useCommandK", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useCommandK; }
+  get: function () { return chunk4GXECTPS_cjs.useCommandK; }
 });
 Object.defineProperty(exports, "useIsDesktop", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useIsDesktop; }
+  get: function () { return chunk4GXECTPS_cjs.useIsDesktop; }
 });
 Object.defineProperty(exports, "useIsLargeDesktop", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useIsLargeDesktop; }
+  get: function () { return chunk4GXECTPS_cjs.useIsLargeDesktop; }
 });
 Object.defineProperty(exports, "useIsMobile", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useIsMobile; }
+  get: function () { return chunk4GXECTPS_cjs.useIsMobile; }
 });
 Object.defineProperty(exports, "useIsMobileOrTablet", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useIsMobileOrTablet; }
+  get: function () { return chunk4GXECTPS_cjs.useIsMobileOrTablet; }
 });
 Object.defineProperty(exports, "useIsSmallTablet", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useIsSmallTablet; }
+  get: function () { return chunk4GXECTPS_cjs.useIsSmallTablet; }
 });
 Object.defineProperty(exports, "useIsTablet", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useIsTablet; }
+  get: function () { return chunk4GXECTPS_cjs.useIsTablet; }
 });
 Object.defineProperty(exports, "useKeyboardShortcut", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useKeyboardShortcut; }
+  get: function () { return chunk4GXECTPS_cjs.useKeyboardShortcut; }
 });
 Object.defineProperty(exports, "useMediaQuery", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useMediaQuery; }
+  get: function () { return chunk4GXECTPS_cjs.useMediaQuery; }
 });
 Object.defineProperty(exports, "useScrollSpy", {
   enumerable: true,
-  get: function () { return chunkX7J45FU5_cjs.useScrollSpy; }
+  get: function () { return chunk4GXECTPS_cjs.useScrollSpy; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
@@ -43686,10 +43771,6 @@ Object.defineProperty(exports, "useMediaTransport", {
   enumerable: true,
   get: function () { return chunkJYZW2PZS_cjs.useMediaTransport; }
 });
-Object.defineProperty(exports, "useClickOutside", {
-  enumerable: true,
-  get: function () { return chunkIKMR2ADM_cjs.useClickOutside; }
-});
 Object.defineProperty(exports, "dragIndicatorClasses", {
   enumerable: true,
   get: function () { return chunkYVPC65ZJ_cjs.dragIndicatorClasses; }
@@ -43718,6 +43799,14 @@ Object.defineProperty(exports, "useEscapeKey", {
   enumerable: true,
   get: function () { return chunkFHY3K6PL_cjs.useEscapeKey; }
 });
+Object.defineProperty(exports, "useClickOutside", {
+  enumerable: true,
+  get: function () { return chunkFSGEDDF2_cjs.useClickOutside; }
+});
+Object.defineProperty(exports, "useAnchoredPosition", {
+  enumerable: true,
+  get: function () { return chunkZDEYV373_cjs.useAnchoredPosition; }
+});
 Object.defineProperty(exports, "isHtmlEmpty", {
   enumerable: true,
   get: function () { return chunkC7RVKV25_cjs.isHtmlEmpty; }