@arbidocs/blocks 0.3.184 → 0.4.0

package/dist/chunk-ADOKTJHV.cjs

@@ -0,0 +1,262 @@
+"use client";
+'use strict';
+
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/lib/password-strength.ts
+var STRONG_BITS = 75;
+function alphabetSize(password) {
+  return (/[a-z]/.test(password) ? 26 : 0) + (/[A-Z]/.test(password) ? 26 : 0) + (/\d/.test(password) ? 10 : 0) + (/[^a-zA-Z0-9]/.test(password) ? 33 : 0);
+}
+function estimateEntropyBits(password) {
+  return password.length * Math.log2(Math.max(alphabetSize(password), 2));
+}
+function getPasswordStrength(password, meetsRequirements) {
+  if (!password || !meetsRequirements) return { score: 0, label: "" };
+  if (estimateEntropyBits(password) >= STRONG_BITS) {
+    return { score: 2, label: "Password meets all criteria" };
+  }
+  return { score: 1, label: "Password meets minimal criteria" };
+}
+function getStrengthHint(password) {
+  if (!password) return "";
+  const hasSymbol = /[^a-zA-Z0-9]/.test(password);
+  const hasUpper = /[A-Z]/.test(password);
+  const perChar = Math.log2(Math.max(alphabetSize(password), 2));
+  const missing = Math.max(0, STRONG_BITS - password.length * perChar);
+  if (missing === 0) return "Long enough to resist guessing.";
+  const moreChars = Math.ceil(missing / perChar);
+  const goal = `Add ${moreChars} more character${moreChars === 1 ? "" : "s"} to make a strong password`;
+  const unused = !hasSymbol ? "a symbol" : !hasUpper ? "a capital" : null;
+  return unused ? `${goal} \u2014 or ${unused}, which counts for more.` : `${goal}.`;
+}
+var DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS = {
+  password: "Password",
+  confirmPassword: "Confirm Password",
+  passwordsMatch: "Passwords match",
+  passwordsDoNotMatch: "Passwords do not match",
+  strengthInfo: (strength) => `${strength}. How to strengthen it`,
+  strengthFallbackHint: "Long enough to resist guessing."
+};
+var STRENGTH_STYLE = {
+  0: { bar: "bg-red-text", text: "text-red-text", width: "33%" },
+  1: { bar: "bg-primary", text: "text-primary", width: "66%" },
+  2: { bar: "bg-green-text", text: "text-green-text", width: "100%" }
+};
+function Label({ htmlFor, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor, className: "mb-1 block text-sm font-medium text-foreground", children: [
+    children,
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-text", children: "*" })
+  ] });
+}
+function PasswordStrengthInput({
+  password,
+  confirmPassword = "",
+  onPasswordChange,
+  onConfirmPasswordChange,
+  showConfirmation = false,
+  disabled = false,
+  passwordLabel,
+  confirmLabel,
+  layout = "stacked",
+  autoFocus = false,
+  showStrengthIndicator = true,
+  emptyStateMessage,
+  getUnmetRequirement,
+  labels,
+  testIds
+}) {
+  const confirmPasswordId = react.useId();
+  const mismatchId = `${confirmPasswordId}-mismatch`;
+  const passwordId = react.useId();
+  const l = react.useMemo(() => ({ ...DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS, ...labels }), [labels]);
+  const firstUnmetRequirement = react.useMemo(
+    () => getUnmetRequirement(password),
+    [getUnmetRequirement, password]
+  );
+  const hint = react.useMemo(() => getStrengthHint(password), [password]);
+  const strength = react.useMemo(
+    () => getPasswordStrength(password, firstUnmetRequirement === null),
+    [password, firstUnmetRequirement]
+  );
+  const strengthStyle = STRENGTH_STYLE[strength.score];
+  const [confirmBlurred, setConfirmBlurred] = react.useState(false);
+  const passwordsMatch = !!confirmPassword && password === confirmPassword;
+  const showConfirmFeedback = showConfirmation && confirmBlurred && !!confirmPassword;
+  const passwordMismatch = showConfirmFeedback && !passwordsMatch;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", "data-slot": "password-strength-input", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn(
+          layout === "side-by-side" ? "grid grid-cols-1 gap-4 sm:grid-cols-2" : "space-y-3"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: passwordId, children: passwordLabel ?? l.password }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  type: "password",
+                  id: passwordId,
+                  name: "password",
+                  placeholder: "",
+                  value: password,
+                  onChange: (e) => onPasswordChange(e.target.value),
+                  disabled,
+                  autoFocus,
+                  autoComplete: showConfirmation ? "new-password" : "current-password",
+                  required: true,
+                  className: ui.cn(
+                    "placeholder:text-muted-foreground",
+                    showStrengthIndicator && "rounded-b-none border-b-0"
+                  ),
+                  "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.input, { testId: "password-input" })
+                }
+              ),
+              showStrengthIndicator && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.strengthIndicator, {
+                    testId: "password-strength-indicator"
+                  }),
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 w-full rounded-b bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: ui.cn(
+                        "h-full rounded-b transition-all duration-300",
+                        password ? strengthStyle.bar : "bg-border"
+                      ),
+                      style: { width: password ? strengthStyle.width : "0%" },
+                      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.strengthBar, { testId: "strength-bar" })
+                    }
+                  ) })
+                }
+              )
+            ] })
+          ] }),
+          showConfirmation && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: confirmPasswordId, children: confirmLabel ?? l.confirmPassword }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  type: "password",
+                  id: confirmPasswordId,
+                  name: "confirm-password",
+                  placeholder: "",
+                  value: confirmPassword,
+                  onChange: (e) => {
+                    onConfirmPasswordChange?.(e.target.value);
+                    setConfirmBlurred(false);
+                  },
+                  onBlur: () => setConfirmBlurred(true),
+                  disabled,
+                  autoComplete: "new-password",
+                  "aria-invalid": passwordMismatch || void 0,
+                  "aria-describedby": showStrengthIndicator ? mismatchId : void 0,
+                  required: true,
+                  className: ui.cn(
+                    "placeholder:text-muted-foreground",
+                    showStrengthIndicator && "rounded-b-none border-b-0",
+                    passwordMismatch && "border-red-border"
+                  ),
+                  "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.confirmInput, { testId: "confirm-password-input" })
+                }
+              ),
+              showStrengthIndicator && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.confirmIndicator, {
+                    testId: "confirm-password-indicator"
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 w-full rounded-b bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: ui.cn(
+                          "h-full rounded-b transition-all duration-300",
+                          showConfirmFeedback ? passwordsMatch ? "bg-green-text" : "bg-red-text" : "bg-border"
+                        ),
+                        style: { width: showConfirmFeedback ? "100%" : "0%" },
+                        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.confirmStrengthBar, {
+                          testId: "confirm-strength-bar"
+                        })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        id: mismatchId,
+                        "aria-live": "polite",
+                        className: ui.cn(
+                          "mt-0.5 h-4 text-sm font-medium",
+                          showConfirmFeedback ? passwordsMatch ? "text-green-text" : "text-red-text" : "text-transparent"
+                        ),
+                        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.mismatchError, {
+                          testId: "password-mismatch-error"
+                        }),
+                        children: showConfirmFeedback ? passwordsMatch ? l.passwordsMatch : l.passwordsDoNotMatch : " "
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    showConfirmation && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "h-5 text-sm leading-5",
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.requirements, { testId: "password-requirements" }),
+        children: password ? firstUnmetRequirement ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-red-text", children: [
+          "\u2717 ",
+          firstUnmetRequirement
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { delayDuration: 0, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-label": l.strengthInfo(strength.label),
+              className: ui.cn(
+                "inline-flex items-center gap-1 truncate rounded font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                strengthStyle.text
+              ),
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.strengthInfoButton, {
+                testId: "strength-info-button"
+              }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.strengthLabel, { testId: "strength-label" }),
+                    children: [
+                      "\u2713 ",
+                      strength.label
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-3.5 w-3.5 opacity-80" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { side: "bottom", className: "max-w-[260px] text-center", children: hint || l.strengthFallbackHint })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-muted-foreground", children: emptyStateMessage || "\xA0" })
+      }
+    )
+  ] });
+}
+
+exports.DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS = DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS;
+exports.PasswordStrengthInput = PasswordStrengthInput;
+//# sourceMappingURL=chunk-ADOKTJHV.cjs.map
+//# sourceMappingURL=chunk-ADOKTJHV.cjs.map

package/dist/chunk-ADOKTJHV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/password-strength.ts","../src/auth/PasswordStrengthInput.tsx"],"names":["jsxs","jsx","useId","useMemo","useState","cn","Input","testIdOr","Tooltip","TooltipTrigger","Info","TooltipContent"],"mappings":"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","file":"chunk-ADOKTJHV.cjs","sourcesContent":["/** Bits of estimated entropy at which the meter reads \"Strong\". */\nexport const STRONG_BITS = 75\n\nexport type StrengthScore = 0 | 1 | 2\n\nexport interface PasswordStrength {\n  /** 0 = rejected, 1 = accepted (minimal), 2 = strong. */\n  score: StrengthScore\n  label: string\n}\n\n/** Size of the character alphabet a password draws from (lower, upper, digit, symbol). */\nfunction alphabetSize(password: string): number {\n  return (\n    (/[a-z]/.test(password) ? 26 : 0) +\n    (/[A-Z]/.test(password) ? 26 : 0) +\n    (/\\d/.test(password) ? 10 : 0) +\n    (/[^a-zA-Z0-9]/.test(password) ? 33 : 0)\n  )\n}\n\n/**\n * Estimated entropy in bits (length x log2(alphabet)). Length is the dominant term, which is also\n * what NIST SP 800-63B recommends over composition rules: a 25-character passphrase of plain words\n * outranks \"Password123!\".\n */\nexport function estimateEntropyBits(password: string): number {\n  return password.length * Math.log2(Math.max(alphabetSize(password), 2))\n}\n\n/**\n * Three states matching the three colours the form uses: rejected (does not meet the host's\n * requirements), accepted (\"could be better\") and strong.\n */\nexport function getPasswordStrength(\n  password: string,\n  meetsRequirements: boolean\n): PasswordStrength {\n  // No label for rejected: the requirement line already says what is missing.\n  if (!password || !meetsRequirements) return { score: 0, label: '' }\n  if (estimateEntropyBits(password) >= STRONG_BITS) {\n    return { score: 2, label: 'Password meets all criteria' }\n  }\n  return { score: 1, label: 'Password meets minimal criteria' }\n}\n\n/**\n * Advice computed from the same entropy estimate as the meter, so the hint can never tell you to\n * do something that would not actually move it.\n */\nexport function getStrengthHint(password: string): string {\n  if (!password) return ''\n  const hasSymbol = /[^a-zA-Z0-9]/.test(password)\n  const hasUpper = /[A-Z]/.test(password)\n  const perChar = Math.log2(Math.max(alphabetSize(password), 2))\n  const missing = Math.max(0, STRONG_BITS - password.length * perChar)\n  if (missing === 0) return 'Long enough to resist guessing.'\n\n  const moreChars = Math.ceil(missing / perChar)\n  const goal = `Add ${moreChars} more character${moreChars === 1 ? '' : 's'} to make a strong password`\n  const unused = !hasSymbol ? 'a symbol' : !hasUpper ? 'a capital' : null\n  return unused ? `${goal} — or ${unused}, which counts for more.` : `${goal}.`\n}\n","import { useMemo, useState, useId } from 'react'\nimport { Info } from 'lucide-react'\nimport { cn, Input, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\nimport { getPasswordStrength, getStrengthHint } from '../lib/password-strength'\nimport { testIdOr } from '../chat/test-id'\n\n/** Overridable ids of the password input; defaults are the current ids. */\nexport type PasswordStrengthInputTestIds = Partial<\n  Record<\n    | 'input'\n    | 'strengthIndicator'\n    | 'strengthBar'\n    | 'confirmInput'\n    | 'confirmIndicator'\n    | 'confirmStrengthBar'\n    | 'mismatchError'\n    | 'requirements'\n    | 'strengthInfoButton'\n    | 'strengthLabel',\n    string\n  >\n>\n\n/** Every fixed string of the password input. `passwordLabel` / `confirmLabel` props win. */\nexport interface PasswordStrengthInputLabels {\n  password: string\n  confirmPassword: string\n  passwordsMatch: string\n  passwordsDoNotMatch: string\n  /** Accessible name of the strength button; `strength` is the meter's label. */\n  strengthInfo: (strength: string) => string\n  /** Tooltip when the password is acceptable and there is no specific hint. */\n  strengthFallbackHint: string\n}\n\nexport const DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS: PasswordStrengthInputLabels = {\n  password: 'Password',\n  confirmPassword: 'Confirm Password',\n  passwordsMatch: 'Passwords match',\n  passwordsDoNotMatch: 'Passwords do not match',\n  strengthInfo: (strength) => `${strength}. How to strengthen it`,\n  strengthFallbackHint: 'Long enough to resist guessing.',\n}\n\nexport interface PasswordStrengthInputProps {\n  labels?: Partial<PasswordStrengthInputLabels>\n  password: string\n  confirmPassword?: string\n  onPasswordChange: (value: string) => void\n  onConfirmPasswordChange?: (value: string) => void\n  /** Show the confirmation field, the match indicator and the requirement line. */\n  showConfirmation?: boolean\n  disabled?: boolean\n  passwordLabel?: string\n  confirmLabel?: string\n  layout?: 'stacked' | 'side-by-side'\n  autoFocus?: boolean\n  showStrengthIndicator?: boolean\n  /** Shown in the requirements line while no password is entered. */\n  emptyStateMessage?: string\n  /**\n   * The host's password policy: returns the first unmet requirement (as a message), or `null` when\n   * the password is acceptable. Kept in the host so the policy has one source of truth.\n   */\n  getUnmetRequirement: (password: string) => string | null\n  /** Part ids; defaults are the current ids. */\n  testIds?: PasswordStrengthInputTestIds\n}\n\nconst STRENGTH_STYLE = {\n  0: { bar: 'bg-red-text', text: 'text-red-text', width: '33%' },\n  1: { bar: 'bg-primary', text: 'text-primary', width: '66%' },\n  2: { bar: 'bg-green-text', text: 'text-green-text', width: '100%' },\n} as const\n\nfunction Label({ htmlFor, children }: { htmlFor: string; children: string }) {\n  return (\n    <label htmlFor={htmlFor} className=\"mb-1 block text-sm font-medium text-foreground\">\n      {children} <span className=\"text-red-text\">*</span>\n    </label>\n  )\n}\n\n/**\n * Password input with a strength meter and optional confirmation field. The match verdict only\n * appears once the confirmation field loses focus, so the user is never nagged mid-keystroke, and\n * the requirement line has a fixed height so typing never shifts the form.\n */\nexport function PasswordStrengthInput({\n  password,\n  confirmPassword = '',\n  onPasswordChange,\n  onConfirmPasswordChange,\n  showConfirmation = false,\n  disabled = false,\n  passwordLabel,\n  confirmLabel,\n  layout = 'stacked',\n  autoFocus = false,\n  showStrengthIndicator = true,\n  emptyStateMessage,\n  getUnmetRequirement,\n  labels,\n  testIds,\n}: PasswordStrengthInputProps) {\n  const confirmPasswordId = useId()\n  const mismatchId = `${confirmPasswordId}-mismatch`\n  const passwordId = useId()\n  const l = useMemo(() => ({ ...DEFAULT_PASSWORD_STRENGTH_INPUT_LABELS, ...labels }), [labels])\n  const firstUnmetRequirement = useMemo(\n    () => getUnmetRequirement(password),\n    [getUnmetRequirement, password]\n  )\n  const hint = useMemo(() => getStrengthHint(password), [password])\n  const strength = useMemo(\n    () => getPasswordStrength(password, firstUnmetRequirement === null),\n    [password, firstUnmetRequirement]\n  )\n  const strengthStyle = STRENGTH_STYLE[strength.score]\n\n  const [confirmBlurred, setConfirmBlurred] = useState(false)\n  const passwordsMatch = !!confirmPassword && password === confirmPassword\n  const showConfirmFeedback = showConfirmation && confirmBlurred && !!confirmPassword\n  const passwordMismatch = showConfirmFeedback && !passwordsMatch\n\n  return (\n    <div className=\"space-y-2\" data-slot=\"password-strength-input\">\n      <div\n        className={cn(\n          layout === 'side-by-side' ? 'grid grid-cols-1 gap-4 sm:grid-cols-2' : 'space-y-3'\n        )}\n      >\n        <div>\n          <Label htmlFor={passwordId}>{passwordLabel ?? l.password}</Label>\n          <div className=\"relative\">\n            <Input\n              type=\"password\"\n              id={passwordId}\n              name=\"password\"\n              placeholder=\"\"\n              value={password}\n              onChange={(e) => onPasswordChange(e.target.value)}\n              disabled={disabled}\n              autoFocus={autoFocus}\n              autoComplete={showConfirmation ? 'new-password' : 'current-password'}\n              required\n              className={cn(\n                'placeholder:text-muted-foreground',\n                showStrengthIndicator && 'rounded-b-none border-b-0'\n              )}\n              data-testid={testIdOr(testIds?.input, { testId: 'password-input' })}\n            />\n            {showStrengthIndicator && (\n              <div\n                data-testid={testIdOr(testIds?.strengthIndicator, {\n                  testId: 'password-strength-indicator',\n                })}\n              >\n                <div className=\"h-1 w-full rounded-b bg-border\">\n                  <div\n                    className={cn(\n                      'h-full rounded-b transition-all duration-300',\n                      password ? strengthStyle.bar : 'bg-border'\n                    )}\n                    style={{ width: password ? strengthStyle.width : '0%' }}\n                    data-testid={testIdOr(testIds?.strengthBar, { testId: 'strength-bar' })}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {showConfirmation && (\n          <div>\n            <Label htmlFor={confirmPasswordId}>{confirmLabel ?? l.confirmPassword}</Label>\n            <div className=\"relative\">\n              <Input\n                type=\"password\"\n                id={confirmPasswordId}\n                name=\"confirm-password\"\n                placeholder=\"\"\n                value={confirmPassword}\n                onChange={(e) => {\n                  onConfirmPasswordChange?.(e.target.value)\n                  // Hide the verdict while the user is editing again.\n                  setConfirmBlurred(false)\n                }}\n                onBlur={() => setConfirmBlurred(true)}\n                disabled={disabled}\n                autoComplete=\"new-password\"\n                aria-invalid={passwordMismatch || undefined}\n                aria-describedby={showStrengthIndicator ? mismatchId : undefined}\n                required\n                className={cn(\n                  'placeholder:text-muted-foreground',\n                  showStrengthIndicator && 'rounded-b-none border-b-0',\n                  passwordMismatch && 'border-red-border'\n                )}\n                data-testid={testIdOr(testIds?.confirmInput, { testId: 'confirm-password-input' })}\n              />\n              {showStrengthIndicator && (\n                <div\n                  data-testid={testIdOr(testIds?.confirmIndicator, {\n                    testId: 'confirm-password-indicator',\n                  })}\n                >\n                  <div className=\"h-1 w-full rounded-b bg-border\">\n                    <div\n                      className={cn(\n                        'h-full rounded-b transition-all duration-300',\n                        showConfirmFeedback\n                          ? passwordsMatch\n                            ? 'bg-green-text'\n                            : 'bg-red-text'\n                          : 'bg-border'\n                      )}\n                      style={{ width: showConfirmFeedback ? '100%' : '0%' }}\n                      data-testid={testIdOr(testIds?.confirmStrengthBar, {\n                        testId: 'confirm-strength-bar',\n                      })}\n                    />\n                  </div>\n                  <p\n                    id={mismatchId}\n                    aria-live=\"polite\"\n                    className={cn(\n                      'mt-0.5 h-4 text-sm font-medium',\n                      showConfirmFeedback\n                        ? passwordsMatch\n                          ? 'text-green-text'\n                          : 'text-red-text'\n                        : 'text-transparent'\n                    )}\n                    data-testid={testIdOr(testIds?.mismatchError, {\n                      testId: 'password-mismatch-error',\n                    })}\n                  >\n                    {showConfirmFeedback\n                      ? passwordsMatch\n                        ? l.passwordsMatch\n                        : l.passwordsDoNotMatch\n                      : ' '}\n                  </p>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {showConfirmation && (\n        <div\n          className=\"h-5 text-sm leading-5\"\n          data-testid={testIdOr(testIds?.requirements, { testId: 'password-requirements' })}\n        >\n          {password ? (\n            firstUnmetRequirement ? (\n              <p className=\"truncate text-red-text\">✗ {firstUnmetRequirement}</p>\n            ) : (\n              <Tooltip delayDuration={0}>\n                <TooltipTrigger asChild>\n                  <button\n                    type=\"button\"\n                    aria-label={l.strengthInfo(strength.label)}\n                    className={cn(\n                      'inline-flex items-center gap-1 truncate rounded font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n                      strengthStyle.text\n                    )}\n                    data-testid={testIdOr(testIds?.strengthInfoButton, {\n                      testId: 'strength-info-button',\n                    })}\n                  >\n                    <span\n                      data-testid={testIdOr(testIds?.strengthLabel, { testId: 'strength-label' })}\n                    >\n                      ✓ {strength.label}\n                    </span>\n                    <Info className=\"h-3.5 w-3.5 opacity-80\" />\n                  </button>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\" className=\"max-w-[260px] text-center\">\n                  {hint || l.strengthFallbackHint}\n                </TooltipContent>\n              </Tooltip>\n            )\n          ) : (\n            <p className=\"truncate text-muted-foreground\">{emptyStateMessage || ' '}</p>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}