@wealthx/shadcn 1.5.31 → 1.5.33

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

@@ -2,14 +2,14 @@ import {
   AppointmentAvailabilitySettings,
   MEETING_PLATFORM_OPTIONS,
   TIMEZONE_OPTIONS
-} from "../../chunk-AAZSLTER.mjs";
+} from "../../chunk-XGRSPFFC.mjs";
 import "../../chunk-PNSYFE3K.mjs";
 import "../../chunk-WE4YKBDE.mjs";
 import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-T5FRVEJQ.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-TRM3KIHT.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+import "../../chunk-ICCPK3J2.mjs";
+import "../../chunk-F3CU6KEI.mjs";
 import "../../chunk-FBNEIYSE.mjs";
 import "../../chunk-LHWJQNLG.mjs";
 import "../../chunk-LSRGA5BI.mjs";

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

@@ -1472,31 +1472,40 @@ function ClientSearch({
     ] }) })
   ] });
 }
+var FMT_CALL = {
+  value: "call",
+  label: "Call",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Phone, { className: "h-4 w-4" })
+};
+var FMT_ONLINE = {
+  value: "online",
+  label: "Online Meeting",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Video, { className: "h-4 w-4" })
+};
+var FMT_GOOGLE_MEET = {
+  value: "google-meet",
+  label: "Google Meet",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Video, { className: "h-4 w-4" })
+};
+var FMT_MS_TEAMS = {
+  value: "microsoft-teams",
+  label: "MS Teams",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Users, { className: "h-4 w-4" })
+};
+var FMT_OFFLINE = {
+  value: "offline",
+  label: "Offline Meeting",
+  icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.MapPin, { className: "h-4 w-4" })
+};
 function getFormatOptions(platform) {
-  const call = {
-    value: "call",
-    label: "Call",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Phone, { className: "h-4 w-4" })
-  };
-  const googleMeet = {
-    value: "google-meet",
-    label: "Google Meet",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Video, { className: "h-4 w-4" })
-  };
-  const msTeams = {
-    value: "microsoft-teams",
-    label: "MS Teams",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.Users, { className: "h-4 w-4" })
-  };
-  const offline = {
-    value: "offline",
-    label: "Offline Meeting",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react7.MapPin, { className: "h-4 w-4" })
-  };
-  if (platform === "google-meet") return [call, googleMeet, offline];
-  if (platform === "microsoft-teams") return [call, msTeams, offline];
-  if (platform === "any") return [call, googleMeet, msTeams, offline];
-  return [call, offline];
+  if (platform === "online") return [FMT_CALL, FMT_ONLINE, FMT_OFFLINE];
+  if (platform === "google-meet")
+    return [FMT_CALL, FMT_GOOGLE_MEET, FMT_OFFLINE];
+  if (platform === "microsoft-teams")
+    return [FMT_CALL, FMT_MS_TEAMS, FMT_OFFLINE];
+  if (platform === "any")
+    return [FMT_CALL, FMT_GOOGLE_MEET, FMT_MS_TEAMS, FMT_OFFLINE];
+  return [FMT_CALL, FMT_OFFLINE];
 }
 function MeetingFormatSection({
   format: format2,

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

@@ -1,6 +1,6 @@
 import {
   AppointmentBookDialog
-} from "../../chunk-KI57CBJR.mjs";
+} from "../../chunk-DQNNP6I4.mjs";
 import "../../chunk-JTK6VJXY.mjs";
 import "../../chunk-LDC6V6DJ.mjs";
 import "../../chunk-ISUA7DSB.mjs";

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

@@ -1371,11 +1371,13 @@ var MEETING_FORMAT_META = {
     icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Users, { className: ICON_CLASS }),
     label: "Microsoft Teams"
   },
+  online: { icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Video, { className: ICON_CLASS }), label: "Online Meeting" },
   offline: { icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.MapPin, { className: ICON_CLASS }), label: "In Person" }
 };
 var ONLINE_FORMATS = /* @__PURE__ */ new Set([
   "google-meet",
-  "microsoft-teams"
+  "microsoft-teams",
+  "online"
 ]);
 function AppointmentDetailSheet({
   appointment,

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

@@ -1,6 +1,6 @@
 import {
   AppointmentDetailSheet
-} from "../../chunk-KGVVK6OS.mjs";
+} from "../../chunk-ORMC3TV3.mjs";
 import "../../chunk-NGKTJRFN.mjs";
 import "../../chunk-CQ7HKBEX.mjs";
 import "../../chunk-T5FRVEJQ.mjs";

package/dist/components/ui/appointment-gmail-connect.js

@@ -63,9 +63,6 @@ __export(appointment_gmail_connect_exports, {
 });
 module.exports = __toCommonJS(appointment_gmail_connect_exports);
 
-// src/components/ui/badge.tsx
-var import_class_variance_authority = require("class-variance-authority");
-
 // src/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
@@ -105,6 +102,9 @@ function cn(...inputs) {
   return twMerge((0, import_clsx.clsx)(inputs));
 }
 
+// src/components/ui/badge.tsx
+var import_class_variance_authority = require("class-variance-authority");
+
 // src/lib/slot.tsx
 var React = __toESM(require("react"));
 function mergeRefs(...refs) {
@@ -319,94 +319,151 @@ function Separator(_a) {
 // src/components/ui/appointment-gmail-connect.tsx
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+function GmailIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", className, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "path",
+    {
+      fill: "#EA4335",
+      d: "M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"
+    }
+  ) });
+}
+function OutlookIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", className, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "path",
+    {
+      fill: "#0078D4",
+      d: "M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"
+    }
+  ) });
+}
+var PROVIDER_META = {
+  gmail: { label: "Gmail", iconBg: "bg-[#EA4335]/10", Icon: GmailIcon },
+  outlook: { label: "Outlook", iconBg: "bg-[#0078D4]/10", Icon: OutlookIcon }
+};
 var PERMISSIONS = [
   "Read your calendar availability",
   "Send appointment confirmation emails",
   "Create calendar events on your behalf"
 ];
 function AppointmentGmailConnect({
+  provider = "gmail",
   connection,
   calendarLink,
+  highlighted = false,
   onCopyLink,
   onGoToIntegrations
 }) {
+  const { label, iconBg, Icon } = PROVIDER_META[provider];
   if (connection.connected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col border border-border bg-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-3 px-5 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Mail, { className: "h-5 w-5 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-base font-semibold", children: "Gmail Connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "truncate text-sm text-muted-foreground", children: connection.email })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Badge, { variant: "success", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Check, { size: 10 }),
-          "Active"
-        ] }),
-        connection.connectedAt && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "shrink-0 text-xs text-muted-foreground", children: [
-          "Connected since ",
-          connection.connectedAt
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          Button,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: "shrink-0 gap-1.5 text-muted-foreground",
-            onClick: onGoToIntegrations,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Settings, { className: "h-3.5 w-3.5" }),
-              "Manage"
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 px-5 py-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "Permissions granted" }),
-        PERMISSIONS.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-sm text-muted-foreground", children: perm })
-        ] }, perm))
-      ] }),
-      calendarLink && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2.5 px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Link2, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-semibold", children: "Calendar Appointment Link" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: "Share with clients so they can self-book." }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-col border bg-card",
+          highlighted ? "border-primary" : "border-border"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start gap-3 px-5 py-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              Input,
+              "div",
               {
-                id: "calendar-link",
-                readOnly: true,
-                value: calendarLink,
-                className: "cursor-default select-all pr-10 text-muted-foreground"
+                className: cn(
+                  "flex h-10 w-10 shrink-0 items-center justify-center",
+                  iconBg
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { className: "h-5 w-5" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                onClick: onCopyLink,
-                className: "absolute right-1 top-1/2 h-8 w-8 -translate-y-1/2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Copy, { className: "h-4 w-4" })
-              }
-            )
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-base font-semibold", children: [
+                label,
+                " Connected"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "truncate text-sm text-muted-foreground", children: connection.email })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  className: "gap-1.5 text-muted-foreground",
+                  onClick: onGoToIntegrations,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Settings, { className: "h-3.5 w-3.5" }),
+                    "Manage"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Badge, { variant: "success", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Check, { size: 10 }),
+                  "Active"
+                ] }),
+                connection.connectedAt && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+                  "Connected since ",
+                  connection.connectedAt
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 px-5 py-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "Permissions granted" }),
+            PERMISSIONS.map((perm) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-sm text-muted-foreground", children: perm })
+            ] }, perm))
+          ] }),
+          calendarLink && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Separator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2.5 px-5 py-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Link2, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-semibold", children: "Calendar Appointment Link" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: "Share with clients so they can self-book." }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  Input,
+                  {
+                    id: "calendar-link",
+                    readOnly: true,
+                    value: calendarLink,
+                    className: "cursor-default select-all pr-10 text-muted-foreground"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: onCopyLink,
+                    className: "absolute right-1 top-1/2 h-8 w-8 -translate-y-1/2",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Copy, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
+            ] })
           ] })
-        ] })
-      ] })
-    ] });
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-center gap-4 border border-border bg-card px-6 py-8 text-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-12 w-12 items-center justify-center bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Mail, { className: "h-6 w-6 text-muted-foreground" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-base font-semibold", children: "Gmail not connected" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "max-w-xs text-sm text-muted-foreground", children: "Connect your Gmail account in Integrations to enable calendar booking and appointment confirmations." })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-base font-semibold", children: [
+        label,
+        " not connected"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "max-w-xs text-sm text-muted-foreground", children: [
+        "Connect your ",
+        label,
+        " account in Integrations to enable calendar booking and appointment confirmations."
+      ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex w-full max-w-xs flex-col gap-2 text-left", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: "Once connected, WealthX will be able to:" }),

package/dist/components/ui/appointment-gmail-connect.mjs

@@ -1,6 +1,6 @@
 import {
   AppointmentGmailConnect
-} from "../../chunk-7TMPOZDE.mjs";
+} from "../../chunk-H65NB7KI.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-X6RC5UWB.mjs";
 import "../../chunk-LBTHZSBT.mjs";

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

@@ -278,9 +278,10 @@ function Checkbox(_a) {
 }
 
 // src/components/ui/color-picker.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 
 // src/components/ui/popover.tsx
+var React3 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 
 // src/lib/theme-provider.tsx
@@ -293,6 +294,7 @@ function useThemeVars() {
 
 // src/components/ui/popover.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var PopoverPortalContext = React3.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -314,7 +316,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const portalContainer = React3.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -432,15 +435,19 @@ function ColorPickerContent({
   onChange,
   presets = COLOR_PICKER_PRESETS
 }) {
-  const [hexInput, setHexInput] = React3.useState(value);
-  React3.useEffect(() => {
-    setHexInput(value);
+  const [hexInput, setHexInput] = React4.useState(value);
+  const hexInputRef = React4.useRef(hexInput);
+  hexInputRef.current = hexInput;
+  React4.useEffect(() => {
+    if (value !== hexInputRef.current) {
+      setHexInput(value);
+    }
   }, [value]);
   function handleHexInputChange(e) {
     const raw = e.target.value;
     setHexInput(raw);
     const normalized = normalizeHex(raw);
-    if (isValidHex(normalized)) {
+    if (/^#[0-9A-Fa-f]{6}$/.test(normalized)) {
       onChange(normalized);
     }
   }
@@ -520,10 +527,10 @@ function ColorPicker({
   className
 }) {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React3.useState(defaultValue);
+  const [internalValue, setInternalValue] = React4.useState(defaultValue);
   const color = isControlled ? controlledValue : internalValue;
-  const [open, setOpen] = React3.useState(false);
-  React3.useEffect(() => {
+  const [open, setOpen] = React4.useState(false);
+  React4.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
   function handleChange(newColor) {
@@ -745,11 +752,11 @@ function FieldError(_a) {
 }
 
 // src/components/ui/select.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_lucide_react3 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var SelectPortalContext = React4.createContext(
+var SelectPortalContext = React5.createContext(
   void 0
 );
 function Select(_a) {
@@ -798,7 +805,7 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  const portalContainer = React4.useContext(SelectPortalContext);
+  const portalContainer = React5.useContext(SelectPortalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_select.Select.Positioner,
     {
@@ -1047,7 +1054,7 @@ var import_react5 = require("react");
 var import_lucide_react6 = require("lucide-react");
 
 // src/components/ui/password-strength-tooltip.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_lucide_react5 = require("lucide-react");
 var import_popover3 = require("@base-ui/react/popover");
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -1061,10 +1068,10 @@ var PASSWORD_STRENGTH_RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-var PasswordStrengthTooltip = React5.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+var PasswordStrengthTooltip = React6.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
   const themeVars = useThemeVars();
-  const anchorRef = React5.useRef(null);
-  const composedRef = React5.useCallback(
+  const anchorRef = React6.useRef(null);
+  const composedRef = React6.useCallback(
     (node) => {
       anchorRef.current = node;
       if (typeof forwardedRef === "function") {

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

@@ -6,17 +6,17 @@ import {
   PaymentView,
   PersonalDetailsStep,
   StripeView
-} from "../../chunk-IEQX4UVP.mjs";
+} from "../../chunk-EY36WDCF.mjs";
 import "../../chunk-4UT3RZ2D.mjs";
 import "../../chunk-IKVF4XE2.mjs";
 import "../../chunk-I4KVSZCH.mjs";
-import "../../chunk-IW33VLL5.mjs";
+import "../../chunk-X3VEDQPO.mjs";
 import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-IKXYTCSB.mjs";
 import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+import "../../chunk-F3CU6KEI.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";

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

@@ -272,7 +272,7 @@ function Checkbox(_a) {
 }
 
 // src/components/ui/date-picker.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_date_fns2 = require("date-fns");
 var import_lucide_react4 = require("lucide-react");
 
@@ -512,6 +512,7 @@ function CalendarDayButton(_a) {
 }
 
 // src/components/ui/popover.tsx
+var React4 = __toESM(require("react"));
 var import_popover = require("@base-ui/react/popover");
 
 // src/lib/theme-provider.tsx
@@ -524,6 +525,7 @@ function useThemeVars() {
 
 // src/components/ui/popover.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var PopoverPortalContext = React4.createContext(void 0);
 function Popover(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
@@ -545,7 +547,8 @@ function PopoverContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const portalContainer = React4.useContext(PopoverPortalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popover.Popover.Portal, { container: portalContainer != null ? portalContainer : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_popover.Popover.Positioner,
     {
       className: "z-[200]",
@@ -577,7 +580,7 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  const [open, setOpen] = React4.useState(false);
+  const [open, setOpen] = React5.useState(false);
   function handleDaySelect(day) {
     if (!day) {
       onChange == null ? void 0 : onChange(void 0);
@@ -930,11 +933,11 @@ function FieldLabel(_a) {
 var import_lucide_react7 = require("lucide-react");
 
 // src/components/ui/select.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var import_lucide_react6 = require("lucide-react");
 var import_select = require("@base-ui/react/select");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var SelectPortalContext = React5.createContext(
+var SelectPortalContext = React6.createContext(
   void 0
 );
 function Select(_a) {
@@ -983,7 +986,7 @@ function SelectContent(_a) {
     "style"
   ]);
   const themeVars = useThemeVars();
-  const portalContainer = React5.useContext(SelectPortalContext);
+  const portalContainer = React6.useContext(SelectPortalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_select.Select.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_select.Select.Positioner,
     {
@@ -1250,7 +1253,7 @@ function TableCell(_a) {
 }
 
 // src/components/ui/toggle-group.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var import_toggle2 = require("@base-ui/react/toggle");
 
@@ -1281,7 +1284,7 @@ var toggleVariants = (0, import_class_variance_authority4.cva)(
 
 // src/components/ui/toggle-group.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var ToggleGroupContext = React6.createContext({
+var ToggleGroupContext = React7.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -1333,7 +1336,7 @@ function ToggleGroupItem(_a) {
     "variant",
     "size"
   ]);
-  const context = React6.useContext(ToggleGroupContext);
+  const context = React7.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_toggle2.Toggle,
     __spreadProps(__spreadValues({

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

@@ -1,6 +1,6 @@
 import {
   BankStatementGenerateDialog
-} from "../../chunk-FTQ2AKZ2.mjs";
+} from "../../chunk-4QTHK7ML.mjs";
 import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-6WRDXE7A.mjs";
 import "../../chunk-GT3RU6GA.mjs";
@@ -9,8 +9,8 @@ import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-T5FRVEJQ.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-JVMXMFBB.mjs";
-import "../../chunk-TRM3KIHT.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+import "../../chunk-ICCPK3J2.mjs";
+import "../../chunk-F3CU6KEI.mjs";
 import "../../chunk-OWFQSXVD.mjs";
 import "../../chunk-6QAFGZC2.mjs";
 import "../../chunk-FBNEIYSE.mjs";