@wealthx/shadcn 1.5.29 → 1.5.31

package/dist/{chunk-RNLIZRAK.mjs → chunk-C6R42PCL.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-HK4HUQTV.mjs";
 import {
   FormField
-} from "./chunk-DWJHPNFL.mjs";
+} from "./chunk-4UT3RZ2D.mjs";
 import {
   AddressAutocomplete
 } from "./chunk-LDC6V6DJ.mjs";

package/dist/{chunk-EVUY67CY.mjs → chunk-FTQ2AKZ2.mjs}

@@ -1,7 +1,7 @@
 import {
   Field,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   PaginationNavButtons
 } from "./chunk-6WRDXE7A.mjs";

package/dist/{chunk-7T4TYUO3.mjs → chunk-H5ZD63NT.mjs}

@@ -5,7 +5,7 @@ import {
 import {
   Field,
   FieldError
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Label
 } from "./chunk-LSRGA5BI.mjs";
@@ -27,6 +27,16 @@ var DEFAULT_APPS = [
   { name: "Google Authenticator" },
   { name: "Microsoft Authenticator" }
 ];
+var STEP_META = {
+  1: {
+    subtitle: "We recommend Google Authenticator or Microsoft Authenticator",
+    defaultTitle: "2FA Setup"
+  },
+  2: {
+    title: "Open Auth App and Scan Code",
+    subtitle: "Open your authenticator app and scan the QR code"
+  }
+};
 function AppDownloadStep({
   apps,
   onNext,
@@ -34,18 +44,21 @@ function AppDownloadStep({
   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;
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: apps.map((app) => {
+      var _a, _b;
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "flex flex-1 flex-col items-center gap-3 border border-border bg-muted/30 p-4 text-center",
+          className: "flex items-center gap-4 border border-border bg-muted/30 p-4",
           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" })
+            /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center", children: (_a = app.qrNode) != null ? _a : /* @__PURE__ */ jsx("div", { className: "flex h-[80px] w-[80px] items-center justify-center border border-dashed border-border bg-muted/50 text-[11px] text-muted-foreground", children: "Scan" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                (_b = app.icon) != null ? _b : /* @__PURE__ */ jsx(Smartphone, { size: 16, className: "text-muted-foreground" }),
+                app.name
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Scan to download" })
+            ] })
           ]
         },
         app.name
@@ -77,15 +90,17 @@ function VerificationStep({
     setIsLoading(true);
     try {
       yield onVerify(token);
-    } catch (e) {
-      setError("Invalid code. Please try again.");
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "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" }),
+      qrCodeNode != null ? 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: [
@@ -127,7 +142,7 @@ function VerificationStep({
   ] });
 }
 function TwoFASetupForm({
-  title = "2FA Setup",
+  title,
   apps = DEFAULT_APPS,
   qrCodeNode,
   onVerify,
@@ -136,10 +151,10 @@ function TwoFASetupForm({
   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";
+  const stepTitle = step === 1 ? title != null ? title : STEP_META[1].defaultTitle : STEP_META[2].title;
+  const stepSubtitle = STEP_META[step].subtitle;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-6", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 text-center", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground", children: stepTitle }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: stepSubtitle })
     ] }),

package/dist/{chunk-SO4RB3XB.mjs → chunk-IEQX4UVP.mjs}

@@ -3,7 +3,7 @@ import {
   PasswordField,
   SectionHeading,
   StaffRowItem
-} from "./chunk-DWJHPNFL.mjs";
+} from "./chunk-4UT3RZ2D.mjs";
 import {
   UploadCard
 } from "./chunk-I4KVSZCH.mjs";
@@ -14,7 +14,7 @@ import {
   Field,
   FieldError,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Tooltip,
   TooltipContent,

package/dist/chunk-IKVF4XE2.mjs

@@ -0,0 +1,94 @@
+import {
+  useThemeVars
+} from "./chunk-XYSRRDBH.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/password-strength-tooltip.tsx
+import * as React from "react";
+import { Check, X } from "lucide-react";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PASSWORD_STRENGTH_RULES = [
+  { label: "Minimum 8 characters", test: (p) => p.length >= 8 },
+  { label: "At least one uppercase letter", test: (p) => /[A-Z]/.test(p) },
+  { label: "At least one lowercase letter", test: (p) => /[a-z]/.test(p) },
+  { label: "At least one number", test: (p) => /\d/.test(p) },
+  {
+    label: "At least one special character",
+    test: (p) => /[^A-Za-z0-9]/.test(p)
+  }
+];
+var PasswordStrengthTooltip = React.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React.useRef(null);
+  const composedRef = React.useCallback(
+    (node) => {
+      anchorRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef) {
+        forwardedRef.current = node;
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [forwardedRef]
+  );
+  return (
+    // PopoverPrimitive.Root with no Trigger — popup is fully controlled via `open` prop.
+    // The wrapper div has no trigger behaviors injected, so clicking the input inside
+    // works on the first click without interference.
+    /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, children: [
+      /* @__PURE__ */ jsx("div", { ref: composedRef, children }),
+      /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ jsx(
+            PopoverPrimitive.Popup,
+            {
+              initialFocus: false,
+              finalFocus: false,
+              className: cn(
+                "border border-border bg-popover shadow-md outline-hidden",
+                "w-auto max-w-[280px] p-3 font-sans",
+                "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+                "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+                "data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+                "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95"
+              ),
+              style: themeVars,
+              children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: PASSWORD_STRENGTH_RULES.map((rule) => {
+                const valid = password ? rule.test(password) : false;
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-1.5 text-[13px] leading-[18px]",
+                      valid ? "text-success" : "text-destructive"
+                    ),
+                    children: [
+                      valid ? /* @__PURE__ */ jsx(Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ jsx(X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
+
+export {
+  PASSWORD_STRENGTH_RULES,
+  PasswordStrengthTooltip
+};

package/dist/{chunk-KPGARKFC.mjs → chunk-MS3GNXMB.mjs}

@@ -237,7 +237,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ jsx(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/{chunk-M32QNCD3.mjs → chunk-OSSS56CB.mjs}

@@ -1,7 +1,7 @@
 import {
   Field,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   AddressAutocomplete
 } from "./chunk-LDC6V6DJ.mjs";

package/dist/{chunk-36IN7YRM.mjs → chunk-SCGCGVDN.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   Field,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Checkbox
 } from "./chunk-IKXYTCSB.mjs";

package/dist/{chunk-KJQ3BVTB.mjs → chunk-X2NIDXFB.mjs}

@@ -8,7 +8,7 @@ import {
   Field,
   FieldError,
   FieldLabel
-} from "./chunk-KPGARKFC.mjs";
+} from "./chunk-MS3GNXMB.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

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

@@ -735,7 +735,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {
@@ -1047,9 +1047,11 @@ 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 import_lucide_react5 = require("lucide-react");
+var import_popover3 = require("@base-ui/react/popover");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var RULES = [
+var PASSWORD_STRENGTH_RULES = [
   { label: "Minimum 8 characters", test: (p) => p.length >= 8 },
   { label: "At least one uppercase letter", test: (p) => /[A-Z]/.test(p) },
   { label: "At least one lowercase letter", test: (p) => /[a-z]/.test(p) },
@@ -1059,40 +1061,73 @@ var RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-function PasswordStrengthTooltip({
-  open = false,
-  password,
-  children,
-  side = "right"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Popover, { open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      PopoverContent,
-      {
-        side,
-        align: "start",
-        sideOffset: 8,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        className: "w-auto max-w-[280px] font-sans",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col gap-1.5", children: RULES.map((rule) => {
-          const valid = password ? rule.test(password) : false;
-          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-            "div",
-            {
-              className: `flex items-center gap-1.5 text-[13px] leading-[18px] ${valid ? "text-success" : "text-destructive"}`,
-              children: [
-                valid ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.X, { size: 14, className: "shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: rule.label })
-              ]
-            },
-            rule.label
-          );
-        }) })
+var PasswordStrengthTooltip = React5.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React5.useRef(null);
+  const composedRef = React5.useCallback(
+    (node) => {
+      anchorRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef) {
+        forwardedRef.current = node;
       }
-    )
-  ] });
-}
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [forwardedRef]
+  );
+  return (
+    // PopoverPrimitive.Root with no Trigger — popup is fully controlled via `open` prop.
+    // The wrapper div has no trigger behaviors injected, so clicking the input inside
+    // works on the first click without interference.
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_popover3.Popover.Root, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: composedRef, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_popover3.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_popover3.Popover.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_popover3.Popover.Popup,
+            {
+              initialFocus: false,
+              finalFocus: false,
+              className: cn(
+                "border border-border bg-popover shadow-md outline-hidden",
+                "w-auto max-w-[280px] p-3 font-sans",
+                "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+                "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+                "data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards",
+                "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95"
+              ),
+              style: themeVars,
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col gap-1.5", children: PASSWORD_STRENGTH_RULES.map((rule) => {
+                const valid = password ? rule.test(password) : false;
+                return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-1.5 text-[13px] leading-[18px]",
+                      valid ? "text-success" : "text-destructive"
+                    ),
+                    children: [
+                      valid ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react5.X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
 
 // src/components/ui/signup-form-primitives.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -1108,13 +1143,6 @@ function FormField({ label, required, children }) {
     children
   ] });
 }
-var STRENGTH_RULES = [
-  { test: (p) => p.length >= 8 },
-  { test: (p) => /[A-Z]/.test(p) },
-  { test: (p) => /[a-z]/.test(p) },
-  { test: (p) => /\d/.test(p) },
-  { test: (p) => /[^A-Za-z0-9]/.test(p) }
-];
 function PasswordField({
   label,
   placeholder,
@@ -1126,13 +1154,26 @@ function PasswordField({
   const [error, setError] = (0, import_react5.useState)("");
   const [touched, setTouched] = (0, import_react5.useState)(false);
   const [value, setValue] = (0, import_react5.useState)("");
-  const [typingStarted, setTypingStarted] = (0, import_react5.useState)(false);
-  const allRulesPass = STRENGTH_RULES.every((r) => r.test(value));
-  const isPopoverOpen = !!showStrengthPopover && typingStarted && !allRulesPass;
+  const [dismissed, setDismissed] = (0, import_react5.useState)(false);
+  const wrapperRef = (0, import_react5.useRef)(null);
+  const allRulesPass = PASSWORD_STRENGTH_RULES.every((r) => r.test(value));
+  const isPopoverOpen = !!showStrengthPopover && !dismissed && value.length > 0 && !allRulesPass;
   const validate = (v) => {
-    if (v.length > 0 && v.length < 8) return "Min. 8 characters required";
+    if (!v) return "";
+    if (v.length < 8) return "Min. 8 characters required";
+    if (!PASSWORD_STRENGTH_RULES.every((r) => r.test(v)))
+      return "Password doesn't meet all requirements";
     return "";
   };
+  (0, import_react5.useEffect)(() => {
+    if (!isPopoverOpen) return;
+    const onMouseDown = (e) => {
+      var _a;
+      if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.target))) setDismissed(true);
+    };
+    document.addEventListener("mousedown", onMouseDown, true);
+    return () => document.removeEventListener("mousedown", onMouseDown, true);
+  }, [isPopoverOpen]);
   const inputEl = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Input,
@@ -1145,8 +1186,16 @@ function PasswordField({
           const v = e.target.value;
           setValue(v);
           onValueChange == null ? void 0 : onValueChange(v);
-          if (!typingStarted && v.length > 0) setTypingStarted(true);
           if (touched) setError(validate(v));
+          setDismissed(false);
+        },
+        onFocus: () => setDismissed(false),
+        onKeyDown: (e) => {
+          if (e.key === "Tab") {
+            setTouched(true);
+            setError(validate(value));
+            setDismissed(true);
+          }
         },
         onBlur: () => {
           setTouched(true);
@@ -1173,13 +1222,14 @@ function PasswordField({
     showStrengthPopover ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       PasswordStrengthTooltip,
       {
+        ref: wrapperRef,
         open: isPopoverOpen,
         password: value,
         side: "right",
         children: inputEl
       }
     ) : inputEl,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "min-h-5", children: touched && error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FieldError, { children: error }) })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "min-h-5", children: touched && error && !isPopoverOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FieldError, { children: error }) })
   ] });
 }
 var DEFAULT_ROLE_OPTIONS = ["Admin", "Broker", "Support"];

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

@@ -6,12 +6,12 @@ import {
   PaymentView,
   PersonalDetailsStep,
   StripeView
-} from "../../chunk-SO4RB3XB.mjs";
-import "../../chunk-DWJHPNFL.mjs";
-import "../../chunk-WHIW6KOB.mjs";
+} from "../../chunk-IEQX4UVP.mjs";
+import "../../chunk-4UT3RZ2D.mjs";
+import "../../chunk-IKVF4XE2.mjs";
 import "../../chunk-I4KVSZCH.mjs";
 import "../../chunk-IW33VLL5.mjs";
-import "../../chunk-KPGARKFC.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-3S6KVFF5.mjs";
 import "../../chunk-IKXYTCSB.mjs";
 import "../../chunk-K6VCC2MK.mjs";

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

@@ -1,7 +1,7 @@
 import {
   BankStatementGenerateDialog
-} from "../../chunk-EVUY67CY.mjs";
-import "../../chunk-KPGARKFC.mjs";
+} from "../../chunk-FTQ2AKZ2.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-6WRDXE7A.mjs";
 import "../../chunk-GT3RU6GA.mjs";
 import "../../chunk-IKXYTCSB.mjs";

package/dist/components/ui/chat-widget.js

@@ -387,7 +387,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/components/ui/chat-widget.mjs

@@ -6,9 +6,9 @@ import {
   ChatWidgetTopicGrid,
   ChatWidgetWindow,
   DEFAULT_CHAT_WIDGET_TOPICS
-} from "../../chunk-KJQ3BVTB.mjs";
+} from "../../chunk-X2NIDXFB.mjs";
 import "../../chunk-FQYFPHDO.mjs";
-import "../../chunk-KPGARKFC.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-H6NQTIF4.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-X6RC5UWB.mjs";

package/dist/components/ui/contact-alert-dialog/index.mjs

@@ -4,9 +4,9 @@ import {
   ContactAlertDialog,
   ContactAlertQueryBuilder,
   createAlertTree
-} from "../../../chunk-36IN7YRM.mjs";
+} from "../../../chunk-SCGCGVDN.mjs";
 import "../../../chunk-7YI3HEBH.mjs";
-import "../../../chunk-KPGARKFC.mjs";
+import "../../../chunk-MS3GNXMB.mjs";
 import "../../../chunk-IKXYTCSB.mjs";
 import "../../../chunk-K6VCC2MK.mjs";
 import "../../../chunk-T5FRVEJQ.mjs";

package/dist/components/ui/field.js

@@ -381,7 +381,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      className: cn("text-caption text-destructive", className),
+      className: cn("text-left text-caption text-destructive", className),
       "data-slot": "field-error",
       role: "alert"
     }, props), {

package/dist/components/ui/field.mjs

@@ -9,7 +9,7 @@ import {
   FieldSeparator,
   FieldSet,
   FieldTitle
-} from "../../chunk-KPGARKFC.mjs";
+} from "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-2GIYVERS.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-AFML43VJ.mjs";