@wealthx/shadcn 1.5.29 → 1.5.31

package/dist/components/ui/password-strength-tooltip.js

@@ -1,34 +1,10 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -41,17 +17,25 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/ui/password-strength-tooltip.tsx
 var password_strength_tooltip_exports = {};
 __export(password_strength_tooltip_exports, {
+  PASSWORD_STRENGTH_RULES: () => PASSWORD_STRENGTH_RULES,
   PasswordStrengthTooltip: () => PasswordStrengthTooltip
 });
 module.exports = __toCommonJS(password_strength_tooltip_exports);
+var React2 = __toESM(require("react"));
 var import_lucide_react = require("lucide-react");
-
-// src/components/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
 
 // src/lib/utils.ts
@@ -101,53 +85,9 @@ function useThemeVars() {
   return (0, import_react.useContext)(ThemeVarsContext);
 }
 
-// src/components/ui/popover.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function Popover(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
-}
-function PopoverTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
-}
-function PopoverContent(_a) {
-  var _b = _a, {
-    className,
-    align = "center",
-    sideOffset = 4,
-    style
-  } = _b, props = __objRest(_b, [
-    "className",
-    "align",
-    "sideOffset",
-    "style"
-  ]);
-  const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_popover.Popover.Positioner,
-    {
-      className: "z-[200]",
-      align,
-      sideOffset,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_popover.Popover.Popup,
-        __spreadValues({
-          className: cn(
-            "z-50 w-72 border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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",
-            className
-          ),
-          "data-slot": "popover-content",
-          style: __spreadValues(__spreadValues({}, themeVars), style)
-        }, props)
-      )
-    }
-  ) });
-}
-
 // src/components/ui/password-strength-tooltip.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var RULES = [
+var import_jsx_runtime2 = require("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) },
@@ -157,41 +97,75 @@ var RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-function PasswordStrengthTooltip({
-  open = false,
-  password,
-  children,
-  side = "right"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Popover, { open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      PopoverContent,
-      {
-        side,
-        align: "start",
-        sideOffset: 8,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        className: "w-auto max-w-[280px] font-sans",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)(
-            "div",
-            {
-              className: `flex items-center gap-1.5 text-[13px] leading-[18px] ${valid ? "text-success" : "text-destructive"}`,
-              children: [
-                valid ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.X, { size: 14, className: "shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: rule.label })
-              ]
-            },
-            rule.label
-          );
-        }) })
+var PasswordStrengthTooltip = React2.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React2.useRef(null);
+  const composedRef = React2.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_runtime2.jsxs)(import_popover.Popover.Root, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: composedRef, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_popover.Popover.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_popover.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_runtime2.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_runtime2.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_runtime2.jsx)(import_lucide_react.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PASSWORD_STRENGTH_RULES,
   PasswordStrengthTooltip
 });

package/dist/components/ui/password-strength-tooltip.mjs

@@ -1,11 +1,12 @@
 import {
+  PASSWORD_STRENGTH_RULES,
   PasswordStrengthTooltip
-} from "../../chunk-WHIW6KOB.mjs";
-import "../../chunk-HB5BKRMH.mjs";
+} from "../../chunk-IKVF4XE2.mjs";
 import "../../chunk-XYSRRDBH.mjs";
 import "../../chunk-FRCTOAKZ.mjs";
 import "../../chunk-AFML43VJ.mjs";
 import "../../chunk-WNQUEZJF.mjs";
 export {
+  PASSWORD_STRENGTH_RULES,
   PasswordStrengthTooltip
 };

package/dist/components/ui/property-report-dialog.mjs

@@ -1,7 +1,7 @@
 import {
   PropertyReportDialog
-} from "../../chunk-M32QNCD3.mjs";
-import "../../chunk-KPGARKFC.mjs";
+} from "../../chunk-OSSS56CB.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-LDC6V6DJ.mjs";
 import "../../chunk-ISUA7DSB.mjs";
 import "../../chunk-GT3RU6GA.mjs";

package/dist/components/ui/signup-form-primitives.js

@@ -365,7 +365,7 @@ function FieldError(_a) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.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), {
@@ -556,56 +556,11 @@ function SelectScrollDownButton(_a) {
 }
 
 // src/components/ui/password-strength-tooltip.tsx
+var React4 = __toESM(require("react"));
 var import_lucide_react3 = require("lucide-react");
-
-// src/components/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function Popover(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
-}
-function PopoverTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
-}
-function PopoverContent(_a) {
-  var _b = _a, {
-    className,
-    align = "center",
-    sideOffset = 4,
-    style
-  } = _b, props = __objRest(_b, [
-    "className",
-    "align",
-    "sideOffset",
-    "style"
-  ]);
-  const themeVars = useThemeVars();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_popover.Popover.Positioner,
-    {
-      className: "z-[200]",
-      align,
-      sideOffset,
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        import_popover.Popover.Popup,
-        __spreadValues({
-          className: cn(
-            "z-50 w-72 border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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",
-            className
-          ),
-          "data-slot": "popover-content",
-          style: __spreadValues(__spreadValues({}, themeVars), style)
-        }, props)
-      )
-    }
-  ) });
-}
-
-// src/components/ui/password-strength-tooltip.tsx
-var import_jsx_runtime9 = 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) },
@@ -615,62 +570,88 @@ var RULES = [
     test: (p) => /[^A-Za-z0-9]/.test(p)
   }
 ];
-function PasswordStrengthTooltip({
-  open = false,
-  password,
-  children,
-  side = "right"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Popover, { open, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      PopoverContent,
-      {
-        side,
-        align: "start",
-        sideOffset: 8,
-        onOpenAutoFocus: (e) => e.preventDefault(),
-        className: "w-auto max-w-[280px] font-sans",
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsxs)(
-            "div",
-            {
-              className: `flex items-center gap-1.5 text-[13px] leading-[18px] ${valid ? "text-success" : "text-destructive"}`,
-              children: [
-                valid ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.X, { size: 14, className: "shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: rule.label })
-              ]
-            },
-            rule.label
-          );
-        }) })
+var PasswordStrengthTooltip = React4.forwardRef(function PasswordStrengthTooltip2({ open = false, password, children, side = "right" }, forwardedRef) {
+  const themeVars = useThemeVars();
+  const anchorRef = React4.useRef(null);
+  const composedRef = React4.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_runtime8.jsxs)(import_popover.Popover.Root, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: composedRef, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_popover.Popover.Positioner,
+        {
+          anchor: anchorRef,
+          side,
+          align: "start",
+          sideOffset: 8,
+          className: "z-[200]",
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_popover.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_runtime8.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_runtime8.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_runtime8.jsx)(import_lucide_react3.Check, { size: 14, className: "shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.X, { size: 14, className: "shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: rule.label })
+                    ]
+                  },
+                  rule.label
+                );
+              }) })
+            }
+          )
+        }
+      ) })
+    ] })
+  );
+});
 
 // src/components/ui/signup-form-primitives.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function SectionHeading({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "font-semibold text-lg text-foreground", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "font-semibold text-lg text-foreground", children });
 }
 function FormField({ label, required, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Field, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FieldLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Field, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(FieldLabel, { children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-destructive ml-0.5", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-destructive ml-0.5", 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,
@@ -682,15 +663,28 @@ function PasswordField({
   const [error, setError] = (0, import_react4.useState)("");
   const [touched, setTouched] = (0, import_react4.useState)(false);
   const [value, setValue] = (0, import_react4.useState)("");
-  const [typingStarted, setTypingStarted] = (0, import_react4.useState)(false);
-  const allRulesPass = STRENGTH_RULES.every((r) => r.test(value));
-  const isPopoverOpen = !!showStrengthPopover && typingStarted && !allRulesPass;
+  const [dismissed, setDismissed] = (0, import_react4.useState)(false);
+  const wrapperRef = (0, import_react4.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 "";
   };
-  const inputEl = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  (0, import_react4.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_runtime9.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Input,
       {
         type: show ? "text" : "password",
@@ -701,8 +695,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);
@@ -710,32 +712,33 @@ function PasswordField({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         type: "button",
         "aria-label": show ? "Hide password" : "Show password",
         className: "absolute right-3 top-2.5 text-muted-foreground hover:text-foreground",
         onClick: () => setShow((s) => !s),
-        children: show ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.EyeOffIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.EyeIcon, { className: "size-4" })
+        children: show ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.EyeOffIcon, { className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.EyeIcon, { className: "size-4" })
       }
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Field, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FieldLabel, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Field, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(FieldLabel, { children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-destructive ml-0.5", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-destructive ml-0.5", children: "*" })
     ] }),
-    showStrengthPopover ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    showStrengthPopover ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       PasswordStrengthTooltip,
       {
+        ref: wrapperRef,
         open: isPopoverOpen,
         password: value,
         side: "right",
         children: inputEl
       }
     ) : inputEl,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "min-h-5", children: touched && error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FieldError, { children: error }) })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "min-h-5", children: touched && error && !isPopoverOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FieldError, { children: error }) })
   ] });
 }
 var DEFAULT_ROLE_OPTIONS = ["Admin", "Broker", "Support"];
@@ -746,8 +749,8 @@ function StaffRowItem({
   showRemove,
   roleOptions = DEFAULT_ROLE_OPTIONS
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Input,
       {
         className: "flex-1",
@@ -756,25 +759,25 @@ function StaffRowItem({
         onChange: (e) => onChange(member.id, "email", e.target.value)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       Select,
       {
         value: member.role,
         onValueChange: (v) => onChange(member.id, "role", v),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectTrigger, { className: "w-[140px] shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectValue, { placeholder: "Select Role" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectContent, { children: roleOptions.map((r) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectItem, { value: r, children: r }, r)) })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectTrigger, { className: "w-[140px] shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectValue, { placeholder: "Select Role" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectContent, { children: roleOptions.map((r) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectItem, { value: r, children: r }, r)) })
         ]
       }
     ),
-    showRemove && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    showRemove && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Button,
       {
         variant: "ghost",
         size: "icon-sm",
         onClick: () => onRemove(member.id),
         "aria-label": "Remove staff member",
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Trash2Icon, { className: "size-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Trash2Icon, { className: "size-4" })
       }
     )
   ] });

package/dist/components/ui/signup-form-primitives.mjs

@@ -3,12 +3,11 @@ import {
   PasswordField,
   SectionHeading,
   StaffRowItem
-} from "../../chunk-DWJHPNFL.mjs";
-import "../../chunk-WHIW6KOB.mjs";
-import "../../chunk-KPGARKFC.mjs";
+} from "../../chunk-4UT3RZ2D.mjs";
+import "../../chunk-IKVF4XE2.mjs";
+import "../../chunk-MS3GNXMB.mjs";
 import "../../chunk-K6VCC2MK.mjs";
 import "../../chunk-2GIYVERS.mjs";
-import "../../chunk-HB5BKRMH.mjs";
 import "../../chunk-LSRGA5BI.mjs";
 import "../../chunk-LBTHZSBT.mjs";
 import "../../chunk-XYSRRDBH.mjs";