@wealthx/shadcn 1.3.2 → 1.3.3

package/dist/{chunk-MIZQHHUO.mjs → chunk-FL6DZFJK.mjs}

@@ -1,43 +1,46 @@
 import {
   AddressAutocomplete
-} from "./chunk-U5X52X37.mjs";
+} from "./chunk-57ZXILTS.mjs";
 import {
   RadioGroup,
   RadioGroupCard,
   RadioGroupItem
-} from "./chunk-7XJHLGUV.mjs";
+} from "./chunk-JTK6VJXY.mjs";
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-H6NQTIF4.mjs";
 import {
   AppointmentSlotSection
-} from "./chunk-3OYFOX3X.mjs";
+} from "./chunk-5VOTTIXF.mjs";
 import {
   Toggle
-} from "./chunk-BDYZCBRT.mjs";
+} from "./chunk-6QAFGZC2.mjs";
 import {
   Textarea
-} from "./chunk-34NWQURD.mjs";
+} from "./chunk-BS75ICOO.mjs";
 import {
   Calendar
-} from "./chunk-OODBHKG7.mjs";
+} from "./chunk-6HIOM2HL.mjs";
 import {
-  Avatar,
-  AvatarFallback
-} from "./chunk-24FUO7TD.mjs";
+  formatDateLong
+} from "./chunk-M4VYX2PV.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Separator
+} from "./chunk-2GIYVERS.mjs";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-7PYJD5JI.mjs";
-import {
-  Label
-} from "./chunk-NSLMILBT.mjs";
-import {
-  Separator
-} from "./chunk-FH6QVUVZ.mjs";
+} from "./chunk-ZEDMKQK2.mjs";
 import {
   Input
-} from "./chunk-GYMYRIZP.mjs";
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Dialog,
   DialogClose,
@@ -46,15 +49,15 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-6DZEXFNB.mjs";
+} from "./chunk-P2N2PEFY.mjs";
 import {
   Button
-} from "./chunk-XREGSKX3.mjs";
+} from "./chunk-NOOEKOWY.mjs";
 
 // src/components/ui/appointment-book-dialog.tsx
 import React from "react";
 import { MapPin, Phone, Video } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ClientSearch({
   clients,
   value,
@@ -189,6 +192,15 @@ function MeetingFormatSection({
     ] })
   ] });
 }
+var DAY_MAP = {
+  Sun: 0,
+  Mon: 1,
+  Tue: 2,
+  Wed: 3,
+  Thu: 4,
+  Fri: 5,
+  Sat: 6
+};
 function AppointmentBookDialog({
   open,
   onOpenChange,
@@ -196,24 +208,22 @@ function AppointmentBookDialog({
   meetingTypes = [],
   amSlots,
   pmSlots,
+  onDateChange,
   schedule,
   advisorOfficeAddress,
   clientHomeAddress,
   advisorInfo,
   initialClientId,
+  guestInfo,
   onBook
 }) {
+  var _a, _b, _c;
   const isClientMode = clients.length === 0;
-  const DAY_MAP = {
-    Sun: 0,
-    Mon: 1,
-    Tue: 2,
-    Wed: 3,
-    Thu: 4,
-    Fri: 5,
-    Sat: 6
-  };
-  const disabledDayOfWeek = schedule == null ? void 0 : schedule.filter((d) => !d.enabled).map((d) => DAY_MAP[d.day]).filter((n) => n !== void 0);
+  const showGuestForm = isClientMode && !((guestInfo == null ? void 0 : guestInfo.name) && (guestInfo == null ? void 0 : guestInfo.email));
+  const disabledDayOfWeek = React.useMemo(
+    () => schedule == null ? void 0 : schedule.filter((d) => !d.enabled).map((d) => DAY_MAP[d.day]).filter((n) => n !== void 0),
+    [schedule]
+  );
   const [clientId, setClientId] = React.useState(void 0);
   const [meetingType, setMeetingType] = React.useState("");
   const [meetingFormat, setMeetingFormat] = React.useState("call");
@@ -227,7 +237,13 @@ function AppointmentBookDialog({
   const [selectedPhone, setSelectedPhone] = React.useState(
     void 0
   );
-  const selectedClient = clients.find((c) => c.id === clientId);
+  const [guestName, setGuestName] = React.useState((_a = guestInfo == null ? void 0 : guestInfo.name) != null ? _a : "");
+  const [guestEmail, setGuestEmail] = React.useState((_b = guestInfo == null ? void 0 : guestInfo.email) != null ? _b : "");
+  const [guestPhone, setGuestPhone] = React.useState((_c = guestInfo == null ? void 0 : guestInfo.phone) != null ? _c : "");
+  const selectedClient = React.useMemo(
+    () => clients.find((c) => c.id === clientId),
+    [clients, clientId]
+  );
   React.useEffect(() => {
     if (open && initialClientId) {
       setClientId(initialClientId);
@@ -244,8 +260,10 @@ function AppointmentBookDialog({
   const clientReady = isClientMode || !!clientId;
   const meetingTypeReady = meetingTypes.length === 0 || !!meetingType;
   const offlineReady = meetingFormat !== "offline" || offlineLocation !== "custom" || !!customAddress.trim();
-  const canSubmit = clientReady && meetingTypeReady && !!date && !!selectedSlot && offlineReady;
+  const guestReady = !showGuestForm || !!guestName.trim() && !!guestEmail.trim();
+  const canSubmit = clientReady && meetingTypeReady && !!date && !!selectedSlot && offlineReady && guestReady;
   const handleOpenChange = (next) => {
+    var _a2, _b2, _c2;
     if (!next) {
       setClientId(void 0);
       setMeetingType("");
@@ -256,6 +274,9 @@ function AppointmentBookDialog({
       setSelectedSlot(void 0);
       setNotes("");
       setSelectedPhone(void 0);
+      setGuestName((_a2 = guestInfo == null ? void 0 : guestInfo.name) != null ? _a2 : "");
+      setGuestEmail((_b2 = guestInfo == null ? void 0 : guestInfo.email) != null ? _b2 : "");
+      setGuestPhone((_c2 = guestInfo == null ? void 0 : guestInfo.phone) != null ? _c2 : "");
     }
     onOpenChange(next);
   };
@@ -291,6 +312,53 @@ function AppointmentBookDialog({
           /* @__PURE__ */ jsx(SelectContent, { children: meetingTypes.map((t) => /* @__PURE__ */ jsx(SelectItem, { value: t, children: t }, t)) })
         ] })
       ] }),
+      showGuestForm && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "guest-name", children: "Full name" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "guest-name",
+              placeholder: "Your full name",
+              value: guestName,
+              onChange: (e) => setGuestName(e.target.value),
+              autoComplete: "name"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "guest-email", children: "Email" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "guest-email",
+              type: "email",
+              placeholder: "your@email.com",
+              value: guestEmail,
+              onChange: (e) => setGuestEmail(e.target.value),
+              autoComplete: "email"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxs(Label, { htmlFor: "guest-phone", children: [
+            "Phone",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-normal text-muted-foreground", children: "(optional)" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "guest-phone",
+              type: "tel",
+              placeholder: "+61 4XX XXX XXX",
+              value: guestPhone,
+              onChange: (e) => setGuestPhone(e.target.value),
+              autoComplete: "tel"
+            }
+          )
+        ] })
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ jsx(Label, { children: "Meeting format" }),
         /* @__PURE__ */ jsx(
@@ -351,6 +419,7 @@ function AppointmentBookDialog({
               onSelect: (d) => {
                 setDate(d);
                 setSelectedSlot(void 0);
+                if (d) onDateChange == null ? void 0 : onDateChange(d);
               },
               captionLayout: "label",
               fromDate: /* @__PURE__ */ new Date(),
@@ -362,11 +431,7 @@ function AppointmentBookDialog({
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
           /* @__PURE__ */ jsx(Label, { children: "Time slot" }),
           date ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: date.toLocaleDateString("en-AU", {
-              weekday: "long",
-              day: "numeric",
-              month: "long"
-            }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: formatDateLong(date) }),
             /* @__PURE__ */ jsx(
               AppointmentSlotSection,
               {
@@ -424,7 +489,10 @@ function AppointmentBookDialog({
                 meetingFormat,
                 offlineLocation: meetingFormat === "offline" ? offlineLocation : void 0,
                 customAddress: meetingFormat === "offline" && offlineLocation === "custom" ? customAddress : void 0,
-                callPhone: meetingFormat === "call" ? selectedPhone : void 0
+                callPhone: meetingFormat === "call" ? selectedPhone : void 0,
+                guestName: isClientMode ? guestName.trim() || void 0 : void 0,
+                guestEmail: isClientMode ? guestEmail.trim() || void 0 : void 0,
+                guestPhone: isClientMode ? guestPhone.trim() || void 0 : void 0
               });
               handleOpenChange(false);
             }

package/dist/{chunk-I3RZS7V2.mjs → chunk-FLL633WS.mjs}

@@ -1,21 +1,18 @@
 import {
   Badge
-} from "./chunk-BKNFWEH2.mjs";
+} from "./chunk-WL6WVV47.mjs";
 import {
   Separator
-} from "./chunk-FH6QVUVZ.mjs";
-import {
-  Spinner
-} from "./chunk-7YAU5CY6.mjs";
+} from "./chunk-2GIYVERS.mjs";
 import {
   Input
-} from "./chunk-GYMYRIZP.mjs";
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Button
-} from "./chunk-XREGSKX3.mjs";
+} from "./chunk-NOOEKOWY.mjs";
 
 // src/components/ui/appointment-gmail-connect.tsx
-import { Check, Copy, Link2, Mail, ShieldCheck, Unlink } from "lucide-react";
+import { Check, Copy, ExternalLink, Link2, Mail, Settings } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var PERMISSIONS = [
   "Read your calendar availability",
@@ -24,21 +21,10 @@ var PERMISSIONS = [
 ];
 function AppointmentGmailConnect({
   connection,
-  state = "disconnected",
-  onConnect,
-  onDisconnect,
   calendarLink,
-  onCopyLink
+  onCopyLink,
+  onGoToIntegrations
 }) {
-  if (state === "connecting") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 border border-border bg-card px-6 py-8 text-center", children: [
-      /* @__PURE__ */ jsx(Spinner, { className: "h-6 w-6 text-primary" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Connecting to Gmail\u2026" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Complete the sign-in in the popup window." })
-      ] })
-    ] });
-  }
   if (connection.connected) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col border border-border bg-card", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-5 py-4", children: [
@@ -51,7 +37,7 @@ function AppointmentGmailConnect({
           /* @__PURE__ */ jsx(Check, { size: 10 }),
           "Active"
         ] }),
-        connection.connectedAt && /* @__PURE__ */ jsxs("p", { className: "shrink-0 text-sm text-muted-foreground", children: [
+        connection.connectedAt && /* @__PURE__ */ jsxs("p", { className: "shrink-0 text-xs text-muted-foreground", children: [
           "Connected since ",
           connection.connectedAt
         ] }),
@@ -60,11 +46,11 @@ function AppointmentGmailConnect({
           {
             size: "sm",
             variant: "ghost",
-            className: "shrink-0 gap-1.5 text-destructive hover:text-destructive",
-            onClick: onDisconnect,
+            className: "shrink-0 gap-1.5 text-muted-foreground",
+            onClick: onGoToIntegrations,
             children: [
-              /* @__PURE__ */ jsx(Unlink, { className: "h-3.5 w-3.5" }),
-              "Disconnect"
+              /* @__PURE__ */ jsx(Settings, { className: "h-3.5 w-3.5" }),
+              "Manage"
             ]
           }
         )
@@ -73,7 +59,7 @@ function AppointmentGmailConnect({
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-5 py-4", children: [
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "Permissions granted" }),
         PERMISSIONS.map((perm) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(ShieldCheck, { className: "h-4 w-4 shrink-0 text-success" }),
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-success" }),
           /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: perm })
         ] }, perm))
       ] }),
@@ -114,19 +100,19 @@ function AppointmentGmailConnect({
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 border border-border bg-card px-6 py-8 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center bg-muted", children: /* @__PURE__ */ jsx(Mail, { className: "h-6 w-6 text-muted-foreground" }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: "Connect your Gmail account" }),
-      /* @__PURE__ */ jsx("p", { className: "max-w-xs text-sm text-muted-foreground", children: "Link your Gmail to let clients book appointments and receive confirmation emails automatically." })
+      /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: "Gmail not connected" }),
+      /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex w-full max-w-xs flex-col gap-2 text-left", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "This will allow WealthX to:" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "Once connected, WealthX will be able to:" }),
       PERMISSIONS.map((perm) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: perm })
       ] }, perm))
     ] }),
-    /* @__PURE__ */ jsxs(Button, { onClick: onConnect, className: "gap-2", children: [
-      /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4" }),
-      "Connect Gmail"
+    /* @__PURE__ */ jsxs(Button, { onClick: onGoToIntegrations, className: "gap-2", children: [
+      /* @__PURE__ */ jsx(ExternalLink, { className: "h-4 w-4" }),
+      "Go to Integrations"
     ] })
   ] });
 }

package/dist/{chunk-PBL4OQV2.mjs → chunk-FTPBQVQ6.mjs}

@@ -4,19 +4,19 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-7PYJD5JI.mjs";
+} from "./chunk-ZEDMKQK2.mjs";
 import {
   Button,
   buttonVariants
-} from "./chunk-XREGSKX3.mjs";
+} from "./chunk-NOOEKOWY.mjs";
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/pagination.tsx
 import {

package/dist/chunk-FYPSTTEJ.mjs

@@ -0,0 +1,169 @@
+import {
+  InputGroup,
+  InputGroupInput
+} from "./chunk-7YI3HEBH.mjs";
+import {
+  Field,
+  FieldError
+} from "./chunk-7BTFGCFC.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+import {
+  __async
+} from "./chunk-WNQUEZJF.mjs";
+
+// src/components/ui/two-fa-setup-form.tsx
+import { useState } from "react";
+import { Smartphone } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_APPS = [
+  { name: "Google Authenticator" },
+  { name: "Microsoft Authenticator" }
+];
+function AppDownloadStep({
+  apps,
+  onNext,
+  onSetupLater,
+  required
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: apps.map((app) => {
+      var _a;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex flex-1 flex-col items-center gap-3 border border-border bg-muted/30 p-4 text-center",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+              (_a = app.icon) != null ? _a : /* @__PURE__ */ jsx(Smartphone, { size: 18, className: "text-muted-foreground" }),
+              app.name
+            ] }),
+            app.qrNode ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: app.qrNode }) : /* @__PURE__ */ jsx("div", { className: "flex h-[100px] w-[100px] items-center justify-center border border-dashed border-border bg-muted/50 text-[11px] text-muted-foreground", children: "Scan to download" })
+          ]
+        },
+        app.name
+      );
+    }) }),
+    /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "Once downloaded, or if you already have the app installed, click Next." }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { className: "w-full", onClick: onNext, children: "Next" }),
+      !required && onSetupLater && /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "w-full", onClick: onSetupLater, children: "Setup Later" })
+    ] })
+  ] });
+}
+function VerificationStep({
+  qrCodeNode,
+  onVerify,
+  onBack,
+  onSetupLater,
+  required
+}) {
+  const [token, setToken] = useState("");
+  const [error, setError] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const handleVerify = () => __async(null, null, function* () {
+    if (!token) {
+      setError("Required");
+      return;
+    }
+    setError("");
+    setIsLoading(true);
+    try {
+      yield onVerify(token);
+    } catch (e) {
+      setError("Invalid code. Please try again.");
+    } finally {
+      setIsLoading(false);
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+      qrCodeNode ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: qrCodeNode }) : /* @__PURE__ */ jsx("div", { className: "flex h-[140px] w-[140px] items-center justify-center border border-dashed border-border bg-muted/50 text-xs text-muted-foreground", children: "QR Code" }),
+      /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "The temporary code will show for authentication. Insert below." })
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "2fa-token", children: "Verification Code" }),
+      /* @__PURE__ */ jsx(InputGroup, { children: /* @__PURE__ */ jsx(
+        InputGroupInput,
+        {
+          id: "2fa-token",
+          type: "text",
+          name: "token",
+          placeholder: "Enter Your Code",
+          value: token,
+          "aria-invalid": !!error,
+          onChange: (e) => {
+            setToken(e.target.value);
+            if (error) setError("");
+          },
+          onKeyDown: (e) => {
+            if (e.key === "Enter") handleVerify();
+          }
+        }
+      ) }),
+      error && /* @__PURE__ */ jsx(FieldError, { children: error })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          loading: isLoading,
+          disabled: !token,
+          className: "w-full",
+          onClick: handleVerify,
+          children: "Verify Now"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", onClick: onBack, children: "Back" }),
+      !required && onSetupLater && /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "w-full", onClick: onSetupLater, children: "Setup Later" })
+    ] })
+  ] });
+}
+function TwoFASetupForm({
+  title = "2FA Setup",
+  apps = DEFAULT_APPS,
+  qrCodeNode,
+  onVerify,
+  onSetupLater,
+  required = true,
+  className
+}) {
+  const [step, setStep] = useState(1);
+  const stepTitle = step === 1 ? title : "Open Auth App and Scan Code";
+  const stepSubtitle = step === 1 ? "We recommend Google Authenticator or Microsoft Authenticator" : "Open your authenticator app and scan the QR code";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: stepTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: stepSubtitle })
+    ] }),
+    step === 1 ? /* @__PURE__ */ jsx(
+      AppDownloadStep,
+      {
+        apps,
+        onNext: () => setStep(2),
+        onSetupLater,
+        required
+      }
+    ) : /* @__PURE__ */ jsx(
+      VerificationStep,
+      {
+        qrCodeNode,
+        onVerify,
+        onBack: () => setStep(1),
+        onSetupLater,
+        required
+      }
+    )
+  ] });
+}
+
+export {
+  TwoFASetupForm
+};

package/dist/{chunk-6O6KD7CE.mjs → chunk-G27TSQLQ.mjs}

@@ -1,6 +1,6 @@
 import {
   Skeleton
-} from "./chunk-D6ID6M4V.mjs";
+} from "./chunk-GTAVSBDO.mjs";
 import {
   ChartLegendItem,
   ChartPeriodButton,
@@ -9,28 +9,28 @@ import {
   formatMonthLabel,
   formatTooltipDate,
   hexToRgba
-} from "./chunk-M3FV7LOK.mjs";
+} from "./chunk-YEWNFK5S.mjs";
 import {
   Empty,
   EmptyDescription
-} from "./chunk-NQPOYKAQ.mjs";
+} from "./chunk-R2ON6CAN.mjs";
 import {
   Card,
   CardAction,
   CardContent,
   CardHeader,
   CardTitle
-} from "./chunk-C7CQJNMR.mjs";
+} from "./chunk-3VDET466.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem
-} from "./chunk-EI5F6FMT.mjs";
+} from "./chunk-OWFQSXVD.mjs";
 import {
   useThemeVars
 } from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 
 // src/components/ui/backoffice-alerts-chart.tsx
 import { useMemo, useState } from "react";

package/dist/{chunk-66MI7Q4B.mjs → chunk-GT3RU6GA.mjs}

@@ -1,10 +1,10 @@
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/table.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-D6ID6M4V.mjs → chunk-GTAVSBDO.mjs}

@@ -1,10 +1,10 @@
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/skeleton.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-24FUO7TD.mjs → chunk-H6NQTIF4.mjs}

@@ -1,10 +1,10 @@
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/avatar.tsx
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";

package/dist/{chunk-7DHU4VGG.mjs → chunk-HK4HUQTV.mjs}

@@ -1,11 +1,11 @@
 import {
   cn
-} from "./chunk-VLQZANBF.mjs";
+} from "./chunk-AFML43VJ.mjs";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-FWCSY2DS.mjs";
+} from "./chunk-WNQUEZJF.mjs";
 
 // src/components/ui/input-otp.tsx
 import * as React from "react";