@alfadocs/ui-kit-debug 0.31.0 → 0.31.3

package/dist/_chunks/use-isomorphic-layout-effect-BGfaCOP1.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect as e, useEffect as o } from "react";
+const t = typeof window < "u" ? e : o;
+export {
+  t as u
+};
+//# sourceMappingURL=use-isomorphic-layout-effect-BGfaCOP1.js.map

package/dist/_chunks/use-isomorphic-layout-effect-BGfaCOP1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-isomorphic-layout-effect-BGfaCOP1.js","sources":["../../src/hooks/use-isomorphic-layout-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\n/**\n * `useLayoutEffect` on the client, `useEffect` during SSR. Use when you\n * need a layout effect (e.g. measuring DOM, syncing a ref) without\n * triggering React's \"useLayoutEffect does nothing on the server\"\n * warning when the same component renders under SSR.\n *\n * The check is `typeof window` rather than `typeof document` so the\n * shim is correct in any non-browser runtime (Node, Deno, edge\n * runtimes, workers).\n */\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"mappings":";AAYO,MAAMA,IACX,OAAO,SAAW,MAAcC,IAAkBC;"}

package/dist/_chunks/use-media-query-CcAx5SMM.js

@@ -0,0 +1,16 @@
+import { useState as d, useEffect as r } from "react";
+function s(n) {
+  const [o, i] = d(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(n).matches);
+  return r(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const e = window.matchMedia(n);
+    i(e.matches);
+    const t = (a) => i(a.matches);
+    return typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : (e.addListener(t), () => e.removeListener(t));
+  }, [n]), o;
+}
+export {
+  s as u
+};
+//# sourceMappingURL=use-media-query-CcAx5SMM.js.map

package/dist/_chunks/use-media-query-CcAx5SMM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query-CcAx5SMM.js","sources":["../../src/hooks/use-media-query.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Subscribe to an arbitrary media query and return whether it currently\n * matches. Useful for responsive components that need to branch on\n * viewport size without hand-rolling `matchMedia` plumbing.\n *\n * SSR-safe: returns `false` when `window` is undefined. The effect is\n * client-only, so hydration mismatches are avoided without a null\n * sentinel at the type level.\n *\n * Mirrors the shape of `usePrefersReducedMotion` — Safari < 14 fallback\n * via `addListener` / `removeListener` is included.\n *\n * @example\n *   const isMobile = useMediaQuery('(max-width: 640px)');\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState<boolean>(() => {\n    if (\n      typeof window === 'undefined' ||\n      typeof window.matchMedia !== 'function'\n    ) {\n      return false;\n    }\n    return window.matchMedia(query).matches;\n  });\n\n  useEffect(() => {\n    if (\n      typeof window === 'undefined' ||\n      typeof window.matchMedia !== 'function'\n    ) {\n      return;\n    }\n    const mql = window.matchMedia(query);\n    // Re-sync in case the query (or the OS state) changed between the\n    // initial useState read and the first effect.\n    setMatches(mql.matches);\n    const onChange = (ev: MediaQueryListEvent) => setMatches(ev.matches);\n    if (typeof mql.addEventListener === 'function') {\n      mql.addEventListener('change', onChange);\n      return () => mql.removeEventListener('change', onChange);\n    }\n    mql.addListener(onChange);\n    return () => mql.removeListener(onChange);\n  }, [query]);\n\n  return matches;\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","mql","onChange","ev"],"mappings":";AAiBO,SAASA,EAAcC,GAAwB;AACpD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,MAE5C,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,aAEtB,KAEF,OAAO,WAAWH,CAAK,EAAE,OACjC;AAED,SAAAI,EAAU,MAAM;AACd,QACE,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe;AAE7B;AAEF,UAAMC,IAAM,OAAO,WAAWL,CAAK;AAGnC,IAAAE,EAAWG,EAAI,OAAO;AACtB,UAAMC,IAAW,CAACC,MAA4BL,EAAWK,EAAG,OAAO;AACnE,WAAI,OAAOF,EAAI,oBAAqB,cAClCA,EAAI,iBAAiB,UAAUC,CAAQ,GAChC,MAAMD,EAAI,oBAAoB,UAAUC,CAAQ,MAEzDD,EAAI,YAAYC,CAAQ,GACjB,MAAMD,EAAI,eAAeC,CAAQ;AAAA,EAC1C,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/_chunks/{use-password-requirements-E0sSfx5X.js → use-password-requirements-DsgduV1x.js}

@@ -2,10 +2,10 @@ import { jsxs as g, jsx as i } from "react/jsx-runtime";
 import { forwardRef as ts, useRef as as, useState as C, useEffect as is, useCallback as p, useMemo as L } from "react";
 import { c as I } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
-import { T as rs } from "./text-input-CakysYnD.js";
+import { T as rs } from "./text-input-BaClJL8Y.js";
 import { u as ns } from "./form-field-context-B3APVHKx.js";
 import { c as os } from "./compose-refs-C0k0tdqF.js";
-import { u as ds } from "./registry-C9nwlNyL.js";
+import { u as ds } from "./registry-nPAVE19X.js";
 import { E as ls } from "./eye-off-xEXDAh5z.js";
 import { E as cs } from "./eye-LHlSU38h.js";
 import { C as ps } from "./check-DPdL_Sm7.js";
@@ -436,4 +436,4 @@ export {
   xs as P,
   Ms as u
 };
-//# sourceMappingURL=use-password-requirements-E0sSfx5X.js.map
+//# sourceMappingURL=use-password-requirements-DsgduV1x.js.map

package/dist/_chunks/{use-password-requirements-E0sSfx5X.js.map → use-password-requirements-DsgduV1x.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-password-requirements-E0sSfx5X.js","sources":["../../src/components/password-input/password-input.agent.ts","../../src/components/password-input/password-input.tsx","../../src/components/password-input/use-password-requirements.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PasswordInput.                                         */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PasswordInputHandle } from './password-input';\n\nexport const passwordInputAgent: AgentAdapter<PasswordInputHandle> = {\n  id: 'password-input',\n  capabilities: ['edit_inline'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.passwordInput.state.value',\n      description:\n        'Current password value. Never log or persist this off-device.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.passwordInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n    isRevealed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.passwordInput.state.isRevealed',\n      description: 'Whether the password is currently shown in plain text.',\n      read: (handle) => handle.isRevealed(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.passwordInput.actions.setValue',\n      description: 'Replace the password value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.passwordInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.passwordInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n    toggle_visibility: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.passwordInput.actions.toggleVisibility',\n      description: 'Toggle between masked and plain-text display.',\n      invoke: (handle) => {\n        handle.toggleVisibility();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'password-input',\n      description: 'Marks the PasswordInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FocusEvent,\n  type FormEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertTriangle, Check, Circle, Eye, EyeOff } from 'lucide-react';\nimport { TextInput, type TextInputProps } from '../text-input';\nimport { useFormField } from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { passwordInputAgent } from './password-input.agent';\n\n/** Agent-readiness curated handle for PasswordInput. */\nexport interface PasswordInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n  isRevealed: () => boolean;\n  toggleVisibility: () => void;\n}\n\ntype Strength = 0 | 1 | 2 | 3;\n\ntype SizeKey = NonNullable<TextInputProps['size']>;\n\nconst iconSizeClassBySize: Record<SizeKey, string> = {\n  sm: 'ds:size-4',\n  md: 'ds:size-[18px]',\n  lg: 'ds:size-5',\n};\n\nconst toggleVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:text-muted-foreground ds:hover:text-foreground',\n    'ds:bg-transparent ds:border-0 ds:cursor-pointer',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:min-w-[var(--min-target-size)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n);\n\nconst strengthTrackVariants = cva(\n  'ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted',\n);\n\nconst strengthBarVariants = cva(\n  [\n    'ds:h-full ds:rounded-[var(--radius-full)]',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      level: {\n        0: 'ds:w-1/4 ds:bg-destructive',\n        1: 'ds:w-1/2 ds:bg-warning',\n        2: 'ds:w-3/4 ds:bg-success',\n        3: 'ds:w-full ds:bg-success',\n      },\n    },\n    defaultVariants: { level: 0 },\n  },\n);\n\nconst strengthLabelByLevel: Record<\n  Strength,\n  'weak' | 'fair' | 'good' | 'strong'\n> = {\n  0: 'weak',\n  1: 'fair',\n  2: 'good',\n  3: 'strong',\n};\n\nconst requirementRowVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta',\n  {\n    variants: {\n      met: {\n        true: 'ds:text-success',\n        false: 'ds:text-muted-foreground',\n      },\n    },\n    defaultVariants: { met: false },\n  },\n);\n\n/**\n * One row in the live requirements checklist. Consumers either build\n * these inline or pull a pre-built set from `usePasswordRequirements`.\n */\nexport interface PasswordRequirement {\n  /** Stable id — keyed render + a11y. */\n  id: string;\n  /** Already-translated label. The consumer owns the wording. */\n  label: string;\n  /** Predicate against the current value. Pure, runs on every keystroke. */\n  test: (value: string) => boolean;\n}\n\nexport interface PasswordInputProps\n  extends\n    Omit<TextInputProps, 'type' | 'endAdornment' | 'startAdornment'>,\n    VariantProps<typeof strengthBarVariants> {\n  /** Callback when reveal state changes (for analytics). */\n  onRevealChange?: (revealed: boolean) => void;\n  /** Show the strength meter below the input. */\n  showStrength?: boolean;\n  /** Strength score: 0 = weak, 1 = fair, 2 = good, 3 = strong. */\n  strength?: Strength;\n  /**\n   * Live requirements checklist rendered between the input and the\n   * strength meter / caps-lock notice. Each row's predicate runs on\n   * every keystroke and the row's `data-state` flips between `\"met\"`\n   * and `\"unmet\"`. Backed by `aria-live=\"polite\"` so screen readers\n   * announce each transition as a visually-hidden suffix span flips\n   * between localised \"met\" / \"not yet met\" copy.\n   *\n   * Tip: hoist or `useMemo` the array — inlining it in JSX makes the\n   * predicate-results memo bust every render. The kit's\n   * `usePasswordRequirements` helper already does this.\n   */\n  requirements?: ReadonlyArray<PasswordRequirement>;\n  /**\n   * When `true` AND `strength` is not provided, derive a 0–3 score\n   * from the proportion of `requirements` satisfied. Lets consumers\n   * get the strength bar \"for free\" once they declare requirements.\n   */\n  deriveStrength?: boolean;\n  /**\n   * Autocomplete hint. Defaults to 'current-password'.\n   * Use 'new-password' for registration/change-password forms.\n   */\n  autoComplete?: 'current-password' | 'new-password' | (string & {});\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (\n    {\n      onRevealChange,\n      showStrength = false,\n      strength,\n      requirements,\n      deriveStrength = false,\n      autoComplete,\n      size = 'md',\n      disabled,\n      name,\n      id,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      onInput,\n      defaultValue,\n      value,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const effectiveDisabled = ctx.disabled || disabled;\n\n    const innerInputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = composeRefs(ref, innerInputRef);\n\n    const [revealed, setRevealed] = useState(false);\n    const [capsLock, setCapsLock] = useState(false);\n\n    // Track the current value internally so the requirements checklist\n    // can re-evaluate predicates without forcing consumers to lift the\n    // input into a controlled state. The seed is whichever of\n    // `value` / `defaultValue` was passed; the `input` listener then\n    // keeps it in sync on every keystroke (covers both controlled and\n    // uncontrolled callers — for controlled callers we resync to the\n    // incoming `value` prop in the effect below).\n    const [internalValue, setInternalValue] = useState<string>(() => {\n      if (typeof value === 'string') return value;\n      if (typeof defaultValue === 'string') return defaultValue;\n      return '';\n    });\n\n    useEffect(() => {\n      if (typeof value === 'string') setInternalValue(value);\n    }, [value]);\n\n    const handleInput = useCallback(\n      (event: FormEvent<HTMLInputElement>) => {\n        setInternalValue(event.currentTarget.value);\n        onInput?.(event);\n      },\n      [onInput],\n    );\n\n    const writeValueToInput = useCallback((next: string) => {\n      const node = innerInputRef.current;\n      if (!node) return;\n      const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n      const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n      setter?.call(node, next);\n      node.dispatchEvent(new Event('input', { bubbles: true }));\n      node.dispatchEvent(new Event('change', { bubbles: true }));\n    }, []);\n\n    const handleToggle = useCallback(() => {\n      setRevealed((prev) => {\n        const next = !prev;\n        onRevealChange?.(next);\n        return next;\n      });\n    }, [onRevealChange]);\n\n    const detectCaps = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n      if (typeof event.getModifierState === 'function') {\n        setCapsLock(event.getModifierState('CapsLock'));\n      }\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyDown?.(event);\n      },\n      [detectCaps, onKeyDown],\n    );\n\n    const handleKeyUp = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyUp?.(event);\n      },\n      [detectCaps, onKeyUp],\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        setCapsLock(false);\n        onBlur?.(event);\n      },\n      [onBlur],\n    );\n\n    const agentHandle = useMemo<PasswordInputHandle>(\n      () => ({\n        getValue: () => innerInputRef.current?.value ?? '',\n        setValue: (next) => writeValueToInput(next),\n        clear: () => writeValueToInput(''),\n        focus: () => innerInputRef.current?.focus(),\n        isRevealed: () => revealed,\n        toggleVisibility: () => {\n          setRevealed((prev) => {\n            const next = !prev;\n            onRevealChange?.(next);\n            return next;\n          });\n        },\n      }),\n      [onRevealChange, revealed, writeValueToInput],\n    );\n    useAgentRegistration(passwordInputAgent, agentHandle, id);\n\n    const iconSizeClass = iconSizeClassBySize[size];\n    const toggleLabel = t(\n      revealed ? 'inputs.password.toggleHide' : 'inputs.password.toggleShow',\n      revealed ? 'Hide password' : 'Show password',\n    );\n\n    // Evaluate each requirement against the current value. Cheap by\n    // construction — predicates are pure regex/length checks supplied\n    // by the consumer; the kit doesn't memoise per-row because the\n    // map is O(n) over a handful of rules and React would re-render\n    // the row anyway when its `data-state` flips.\n    const requirementResults = useMemo(\n      () =>\n        requirements?.map((req) => ({\n          ...req,\n          met: req.test(internalValue),\n        })) ?? null,\n      [requirements, internalValue],\n    );\n\n    // Derive a 0–3 score from the satisfied proportion when the\n    // consumer hasn't supplied an explicit `strength`. Formula:\n    // `floor((satisfied / total) * 4)`, clamped to 3 so a fully-met\n    // checklist matches the explicit \"strong\" level. With zero\n    // requirements we fall back to 0 — meaningless on its own but\n    // never displayed since `showStrength` is what controls the bar.\n    const derivedStrength: Strength = useMemo(() => {\n      if (!deriveStrength || !requirementResults?.length) return 0;\n      const satisfied = requirementResults.filter((r) => r.met).length;\n      const total = requirementResults.length;\n      return Math.min(3, Math.floor((satisfied / total) * 4)) as Strength;\n    }, [deriveStrength, requirementResults]);\n\n    const effectiveStrength: Strength =\n      strength !== undefined ? strength : deriveStrength ? derivedStrength : 0;\n    const strengthKey = strengthLabelByLevel[effectiveStrength];\n    const strengthText = t(\n      `inputs.password.strength.${strengthKey}`,\n      strengthKey.charAt(0).toUpperCase() + strengthKey.slice(1),\n    );\n\n    return (\n      <div\n        data-component=\"password-input\"\n        data-component-id={id}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n      >\n        <div className=\"ds:relative\">\n          <TextInput\n            ref={composedRef}\n            id={id}\n            type={revealed ? 'text' : 'password'}\n            autoComplete={autoComplete ?? 'current-password'}\n            name={name ?? 'password'}\n            spellCheck={false}\n            autoCapitalize=\"none\"\n            autoCorrect=\"off\"\n            size={size}\n            disabled={effectiveDisabled}\n            onKeyDown={handleKeyDown}\n            onKeyUp={handleKeyUp}\n            onBlur={handleBlur}\n            onInput={handleInput}\n            value={value}\n            defaultValue={defaultValue}\n            endAdornment={\n              <span aria-hidden=\"true\" className=\"ds:block ds:size-4\" />\n            }\n            className={className}\n            {...rest}\n          />\n          <button\n            type=\"button\"\n            aria-pressed={revealed}\n            aria-label={toggleLabel}\n            disabled={effectiveDisabled}\n            onClick={handleToggle}\n            className={toggleVariants()}\n          >\n            {revealed ? (\n              <EyeOff aria-hidden=\"true\" className={iconSizeClass} />\n            ) : (\n              <Eye aria-hidden=\"true\" className={iconSizeClass} />\n            )}\n          </button>\n        </div>\n\n        {requirementResults && requirementResults.length > 0 ? (\n          // `role=\"list\"` / `role=\"listitem\"` are set explicitly even\n          // though they're the implicit roles on <ul>/<li> — Safari\n          // VoiceOver strips the implicit list role when CSS sets\n          // `list-style: none` (which `ds:list-none` does), so the\n          // redundancy is load-bearing for AT, not a lint nit.\n          //\n          // aria-live=\"polite\" announces transitions as the per-row\n          // `.ds:sr-only` state suffix flips between \"met\" / \"not yet\n          // met\". aria-live observes text-content mutations, not\n          // attribute or class changes, so the data-state attribute\n          // alone wouldn't trigger an announcement — the sr-only span\n          // is the load-bearing piece for AT users.\n          // eslint-disable-next-line jsx-a11y/no-redundant-roles\n          <ul\n            role=\"list\"\n            aria-live=\"polite\"\n            data-component=\"password-requirements\"\n            className=\"ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\"\n          >\n            {requirementResults.map((req) => (\n              // eslint-disable-next-line jsx-a11y/no-redundant-roles\n              <li\n                key={req.id}\n                role=\"listitem\"\n                data-state={req.met ? 'met' : 'unmet'}\n                className={requirementRowVariants({ met: req.met })}\n              >\n                {req.met ? (\n                  <Check\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3.5 ds:text-success ds:shrink-0\"\n                  />\n                ) : (\n                  <Circle\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3.5 ds:shrink-0\"\n                  />\n                )}\n                <span>{req.label}</span>\n                <span className=\"ds:sr-only\">\n                  {' — '}\n                  {req.met\n                    ? t('inputs.password.requirements.met', 'met')\n                    : t('inputs.password.requirements.unmet', 'not yet met')}\n                </span>\n              </li>\n            ))}\n          </ul>\n        ) : null}\n\n        {capsLock ? (\n          <span\n            role=\"status\"\n            aria-live=\"polite\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning\"\n          >\n            <AlertTriangle aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            {t('inputs.password.capsLock', 'Caps Lock is on')}\n          </span>\n        ) : null}\n\n        {showStrength ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <div\n              role=\"progressbar\"\n              aria-valuenow={effectiveStrength}\n              aria-valuemin={0}\n              aria-valuemax={3}\n              aria-label={t(\n                'inputs.password.strengthLabel',\n                'Password strength',\n              )}\n              aria-valuetext={strengthText}\n              className={strengthTrackVariants()}\n            >\n              <div\n                className={strengthBarVariants({ level: effectiveStrength })}\n              />\n            </div>\n            <span\n              aria-hidden=\"true\"\n              className=\"type-meta ds:text-muted-foreground\"\n            >\n              {strengthText}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n","import { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { PasswordRequirement } from './password-input';\n\nexport interface UsePasswordRequirementsOptions {\n  /**\n   * Minimum password length. When set, adds a \"length\" requirement.\n   * Pass `12` (or whatever the server-side regex enforces) so the\n   * inline checklist tells users the same rule they'll bounce off\n   * server-side. When omitted, no length row is rendered.\n   */\n  minLength?: number;\n  /** Adds an \"uppercase letter\" requirement when true. */\n  uppercase?: boolean;\n  /** Adds a \"lowercase letter\" requirement when true. */\n  lowercase?: boolean;\n  /** Adds a \"digit\" requirement when true. */\n  digit?: boolean;\n  /** Adds a \"symbol\" requirement when true. Matches anything outside `[A-Za-z0-9\\s]`. */\n  symbol?: boolean;\n  /**\n   * Adds a \"no spaces\" requirement when true. Fails if the value\n   * contains any whitespace character (space, tab, non-breaking space,\n   * narrow no-break space, etc.). Useful to catch paste-time stray\n   * whitespace from credential managers.\n   */\n  noSpaces?: boolean;\n}\n\n/**\n * Builds the common set of password requirements with i18n-resolved\n * labels. Designed for the AlfaDocs platform's patient-registration\n * server-side regex (`/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d).{12,}$/`) but\n * generic enough for any consumer.\n *\n * Each opt-in flag adds one row to the returned array, in a stable\n * visual order (length → uppercase → lowercase → digit → symbol → noSpaces).\n * Predicates are pure and run on every keystroke.\n *\n * @example\n *   const requirements = usePasswordRequirements({\n *     minLength: 12,\n *     uppercase: true,\n *     lowercase: true,\n *     digit: true,\n *     noSpaces: true,\n *   });\n *   <PasswordInput requirements={requirements} deriveStrength />\n */\nexport function usePasswordRequirements(\n  opts: UsePasswordRequirementsOptions = {},\n): PasswordRequirement[] {\n  const { t } = useTranslation();\n  const { minLength, uppercase, lowercase, digit, symbol, noSpaces } = opts;\n\n  return useMemo(() => {\n    const list: PasswordRequirement[] = [];\n\n    if (typeof minLength === 'number' && minLength > 0) {\n      list.push({\n        id: 'length',\n        label: t('inputs.password.requirements.length', {\n          count: minLength,\n          defaultValue: `At least ${minLength} characters`,\n        }),\n        test: (v) => v.length >= minLength,\n      });\n    }\n\n    if (uppercase) {\n      list.push({\n        id: 'uppercase',\n        label: t(\n          'inputs.password.requirements.uppercase',\n          'One uppercase letter',\n        ),\n        test: (v) => /\\p{Lu}/u.test(v),\n      });\n    }\n\n    if (lowercase) {\n      list.push({\n        id: 'lowercase',\n        label: t(\n          'inputs.password.requirements.lowercase',\n          'One lowercase letter',\n        ),\n        test: (v) => /\\p{Ll}/u.test(v),\n      });\n    }\n\n    if (digit) {\n      list.push({\n        id: 'digit',\n        label: t('inputs.password.requirements.digit', 'One number'),\n        test: (v) => /\\p{Nd}/u.test(v),\n      });\n    }\n\n    if (symbol) {\n      list.push({\n        id: 'symbol',\n        label: t('inputs.password.requirements.symbol', 'One symbol'),\n        // Anything that isn't a letter, number, or whitespace counts.\n        // `\\p{L}` + `\\p{N}` keep this Unicode-aware so non-Latin\n        // alphabets (Arabic, Chinese, …) aren't mis-classified as\n        // symbols.\n        test: (v) => /[^\\p{L}\\p{N}\\s]/u.test(v),\n      });\n    }\n\n    if (noSpaces) {\n      list.push({\n        id: 'no-spaces',\n        label: t('inputs.password.requirements.noSpaces', 'No spaces'),\n        // `\\s` covers ASCII space + tab + newline. The explicit\n        // U+00A0 (non-breaking space) and U+202F (narrow no-break\n        // space) catch the two paste-time characters credential\n        // managers and rich-text editors most often inject without\n        // the user noticing — those are NOT always in `\\s`.\n        // Authored via hex escapes (not literal characters) so the\n        // source file passes `no-irregular-whitespace`.\n        test: (v) => !/[\\s\\u00A0\\u202F]/.test(v),\n      });\n    }\n\n    return list;\n  }, [t, minLength, uppercase, lowercase, digit, symbol, noSpaces]);\n}\n"],"names":["passwordInputAgent","handle","args","iconSizeClassBySize","toggleVariants","cva","strengthTrackVariants","strengthBarVariants","strengthLabelByLevel","requirementRowVariants","PasswordInput","forwardRef","onRevealChange","showStrength","strength","requirements","deriveStrength","autoComplete","size","disabled","name","id","onKeyDown","onKeyUp","onBlur","onInput","defaultValue","value","className","rest","ref","t","useTranslation","effectiveDisabled","useFormField","innerInputRef","useRef","composedRef","composeRefs","revealed","setRevealed","useState","capsLock","setCapsLock","internalValue","setInternalValue","useEffect","handleInput","useCallback","event","writeValueToInput","next","node","prototype","setter","_a","handleToggle","prev","detectCaps","handleKeyDown","handleKeyUp","handleBlur","agentHandle","useMemo","useAgentRegistration","iconSizeClass","toggleLabel","requirementResults","req","derivedStrength","satisfied","r","total","effectiveStrength","strengthKey","strengthText","jsxs","jsx","TextInput","EyeOff","Eye","Check","Circle","AlertTriangle","usePasswordRequirements","opts","minLength","uppercase","lowercase","digit","symbol","noSpaces","list","v"],"mappings":";;;;;;;;;;;;;AASO,MAAMA,KAAwD;AAAA,EACnE,IAAI;AAAA,EACJ,cAAc,CAAC,aAAa;AAAA,EAC5B,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,SAAS;AAAA,MACP,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,eAAe;AAAA,IAAA;AAAA,IAE1C,YAAY;AAAA,MACV,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,WAAA;AAAA,IAAW;AAAA,EACtC;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,mBAAmB;AAAA,MACjB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,iBAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GC9CME,KAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,KAAiBC;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,KAAwBD;AAAA,EAC5B;AACF,GAEME,KAAsBF;AAAA,EAC1B;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,iBAAiB,EAAE,OAAO,EAAA;AAAA,EAAE;AAEhC,GAEMG,KAGF;AAAA,EACF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEMC,KAAyBJ;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,KAAK;AAAA,QACH,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,KAAK,GAAA;AAAA,EAAM;AAElC,GAmDaK,KAAgBC;AAAA,EAC3B,CACE;AAAA,IACE,gBAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,cAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IADMC,GAAA,EACkB,YAAYf,GAEpCgB,IAAgBC,GAAgC,IAAI,GACpDC,IAAcC,GAAYR,GAAKK,CAAa,GAE5C,CAACI,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GASxC,CAACG,GAAeC,CAAgB,IAAIJ,EAAiB,MACrD,OAAOd,KAAU,WAAiBA,IAClC,OAAOD,KAAiB,WAAiBA,IACtC,EACR;AAED,IAAAoB,GAAU,MAAM;AACd,MAAI,OAAOnB,KAAU,YAAUkB,EAAiBlB,CAAK;AAAA,IACvD,GAAG,CAACA,CAAK,CAAC;AAEV,UAAMoB,IAAcC;AAAA,MAClB,CAACC,MAAuC;AACtC,QAAAJ,EAAiBI,EAAM,cAAc,KAAK,GAC1CxB,KAAA,QAAAA,EAAUwB;AAAA,MACZ;AAAA,MACA,CAACxB,CAAO;AAAA,IAAA,GAGJyB,IAAoBF,EAAY,CAACG,MAAiB;;AACtD,YAAMC,IAAOjB,EAAc;AAC3B,UAAI,CAACiB,EAAM;AACX,YAAMC,IAAY,OAAO,eAAeD,CAAI,GACtCE,KAASC,IAAA,OAAO,yBAAyBF,GAAW,OAAO,MAAlD,gBAAAE,EAAqD;AACpE,MAAAD,KAAA,QAAAA,EAAQ,KAAKF,GAAMD,IACnBC,EAAK,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAA,CAAM,CAAC,GACxDA,EAAK,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAA,CAAM,CAAC;AAAA,IAC3D,GAAG,CAAA,CAAE,GAECI,IAAeR,EAAY,MAAM;AACrC,MAAAR,EAAY,CAACiB,MAAS;AACpB,cAAMN,IAAO,CAACM;AACd,eAAA7C,KAAA,QAAAA,EAAiBuC,IACVA;AAAA,MACT,CAAC;AAAA,IACH,GAAG,CAACvC,CAAc,CAAC,GAEb8C,IAAaV,EAAY,CAACC,MAA2C;AACzE,MAAI,OAAOA,EAAM,oBAAqB,cACpCN,EAAYM,EAAM,iBAAiB,UAAU,CAAC;AAAA,IAElD,GAAG,CAAA,CAAE,GAECU,IAAgBX;AAAA,MACpB,CAACC,MAA2C;AAC1C,QAAAS,EAAWT,CAAK,GAChB3B,KAAA,QAAAA,EAAY2B;AAAA,MACd;AAAA,MACA,CAACS,GAAYpC,CAAS;AAAA,IAAA,GAGlBsC,IAAcZ;AAAA,MAClB,CAACC,MAA2C;AAC1C,QAAAS,EAAWT,CAAK,GAChB1B,KAAA,QAAAA,EAAU0B;AAAA,MACZ;AAAA,MACA,CAACS,GAAYnC,CAAO;AAAA,IAAA,GAGhBsC,IAAab;AAAA,MACjB,CAACC,MAAwC;AACvC,QAAAN,EAAY,EAAK,GACjBnB,KAAA,QAAAA,EAASyB;AAAA,MACX;AAAA,MACA,CAACzB,CAAM;AAAA,IAAA,GAGHsC,IAAcC;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAA;;AAAM,mBAAAR,IAAApB,EAAc,YAAd,gBAAAoB,EAAuB,UAAS;AAAA;AAAA,QAChD,UAAU,CAACJ,MAASD,EAAkBC,CAAI;AAAA,QAC1C,OAAO,MAAMD,EAAkB,EAAE;AAAA,QACjC,OAAO,MAAA;;AAAM,kBAAAK,IAAApB,EAAc,YAAd,gBAAAoB,EAAuB;AAAA;AAAA,QACpC,YAAY,MAAMhB;AAAA,QAClB,kBAAkB,MAAM;AACtB,UAAAC,EAAY,CAACiB,MAAS;AACpB,kBAAMN,IAAO,CAACM;AACd,mBAAA7C,KAAA,QAAAA,EAAiBuC,IACVA;AAAA,UACT,CAAC;AAAA,QACH;AAAA,MAAA;AAAA,MAEF,CAACvC,GAAgB2B,GAAUW,CAAiB;AAAA,IAAA;AAE9C,IAAAc,GAAqBhE,IAAoB8D,GAAazC,CAAE;AAExD,UAAM4C,IAAgB9D,GAAoBe,CAAI,GACxCgD,KAAcnC;AAAA,MAClBQ,IAAW,+BAA+B;AAAA,MAC1CA,IAAW,kBAAkB;AAAA,IAAA,GAQzB4B,IAAqBJ;AAAA,MACzB,OACEhD,KAAA,gBAAAA,EAAc,IAAI,CAACqD,OAAS;AAAA,QAC1B,GAAGA;AAAA,QACH,KAAKA,EAAI,KAAKxB,CAAa;AAAA,MAAA,QACtB;AAAA,MACT,CAAC7B,GAAc6B,CAAa;AAAA,IAAA,GASxByB,KAA4BN,EAAQ,MAAM;AAC9C,UAAI,CAAC/C,KAAkB,EAACmD,KAAA,QAAAA,EAAoB,QAAQ,QAAO;AAC3D,YAAMG,IAAYH,EAAmB,OAAO,CAACI,MAAMA,EAAE,GAAG,EAAE,QACpDC,IAAQL,EAAmB;AACjC,aAAO,KAAK,IAAI,GAAG,KAAK,MAAOG,IAAYE,IAAS,CAAC,CAAC;AAAA,IACxD,GAAG,CAACxD,GAAgBmD,CAAkB,CAAC,GAEjCM,IACJ3D,MAAa,SAAYA,IAAWE,IAAiBqD,KAAkB,GACnEK,IAAclE,GAAqBiE,CAAiB,GACpDE,IAAe5C;AAAA,MACnB,4BAA4B2C,CAAW;AAAA,MACvCA,EAAY,OAAO,CAAC,EAAE,gBAAgBA,EAAY,MAAM,CAAC;AAAA,IAAA;AAG3D,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,kBAAe;AAAA,QACf,qBAAmBvD;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAuD,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,KAAKzC;AAAA,gBACL,IAAAhB;AAAA,gBACA,MAAMkB,IAAW,SAAS;AAAA,gBAC1B,cAActB,KAAgB;AAAA,gBAC9B,MAAMG,KAAQ;AAAA,gBACd,YAAY;AAAA,gBACZ,gBAAe;AAAA,gBACf,aAAY;AAAA,gBACZ,MAAAF;AAAA,gBACA,UAAUe;AAAA,gBACV,WAAW0B;AAAA,gBACX,SAASC;AAAA,gBACT,QAAQC;AAAA,gBACR,SAASd;AAAA,gBACT,OAAApB;AAAA,gBACA,cAAAD;AAAA,gBACA,cACE,gBAAAmD,EAAC,QAAA,EAAK,eAAY,QAAO,WAAU,sBAAqB;AAAA,gBAE1D,WAAAjD;AAAA,gBACC,GAAGC;AAAA,cAAA;AAAA,YAAA;AAAA,YAEN,gBAAAgD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,gBAActC;AAAA,gBACd,cAAY2B;AAAA,gBACZ,UAAUjC;AAAA,gBACV,SAASuB;AAAA,gBACT,WAAWpD,GAAA;AAAA,gBAEV,UAAAmC,IACC,gBAAAsC,EAACE,IAAA,EAAO,eAAY,QAAO,WAAWd,EAAA,CAAe,IAErD,gBAAAY,EAACG,IAAA,EAAI,eAAY,QAAO,WAAWf,EAAA,CAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UAEtD,GACF;AAAA,UAECE,KAAsBA,EAAmB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAcjD,gBAAAU;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,aAAU;AAAA,gBACV,kBAAe;AAAA,gBACf,WAAU;AAAA,gBAET,UAAAV,EAAmB,IAAI,CAACC;AAAA;AAAA,kBAEvB,gBAAAQ;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,MAAK;AAAA,sBACL,cAAYR,EAAI,MAAM,QAAQ;AAAA,sBAC9B,WAAW3D,GAAuB,EAAE,KAAK2D,EAAI,KAAK;AAAA,sBAEjD,UAAA;AAAA,wBAAAA,EAAI,MACH,gBAAAS;AAAA,0BAACI;AAAA,0BAAA;AAAA,4BACC,eAAY;AAAA,4BACZ,WAAU;AAAA,0BAAA;AAAA,wBAAA,IAGZ,gBAAAJ;AAAA,0BAACK;AAAA,0BAAA;AAAA,4BACC,eAAY;AAAA,4BACZ,WAAU;AAAA,0BAAA;AAAA,wBAAA;AAAA,wBAGd,gBAAAL,EAAC,QAAA,EAAM,UAAAT,EAAI,MAAA,CAAM;AAAA,wBACjB,gBAAAQ,EAAC,QAAA,EAAK,WAAU,cACb,UAAA;AAAA,0BAAA;AAAA,0BACAR,EAAI,MACDrC,EAAE,oCAAoC,KAAK,IAC3CA,EAAE,sCAAsC,aAAa;AAAA,wBAAA,EAAA,CAC3D;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAtBKqC,EAAI;AAAA,kBAAA;AAAA,iBAwBZ;AAAA,cAAA;AAAA,YAAA;AAAA,cAED;AAAA,UAEH1B,IACC,gBAAAkC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAC,EAACM,IAAA,EAAc,eAAY,QAAO,WAAU,eAAc;AAAA,gBACzDpD,EAAE,4BAA4B,iBAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAEhD;AAAA,UAEHlB,IACC,gBAAA+D,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,iBAAeJ;AAAA,gBACf,iBAAe;AAAA,gBACf,iBAAe;AAAA,gBACf,cAAY1C;AAAA,kBACV;AAAA,kBACA;AAAA,gBAAA;AAAA,gBAEF,kBAAgB4C;AAAA,gBAChB,WAAWrE,GAAA;AAAA,gBAEX,UAAA,gBAAAuE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWtE,GAAoB,EAAE,OAAOkE,GAAmB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC7D;AAAA,YAAA;AAAA,YAEF,gBAAAI;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBAET,UAAAF;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CACF,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAjE,GAAc,cAAc;ACvZrB,SAAS0E,GACdC,IAAuC,IAChB;AACvB,QAAM,EAAE,GAAAtD,EAAA,IAAMC,EAAA,GACR,EAAE,WAAAsD,GAAW,WAAAC,GAAW,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,MAAaN;AAErE,SAAOtB,EAAQ,MAAM;AACnB,UAAM6B,IAA8B,CAAA;AAEpC,WAAI,OAAON,KAAc,YAAYA,IAAY,KAC/CM,EAAK,KAAK;AAAA,MACR,IAAI;AAAA,MACJ,OAAO7D,EAAE,uCAAuC;AAAA,QAC9C,OAAOuD;AAAA,QACP,cAAc,YAAYA,CAAS;AAAA,MAAA,CACpC;AAAA,MACD,MAAM,CAACO,MAAMA,EAAE,UAAUP;AAAA,IAAA,CAC1B,GAGCC,KACFK,EAAK,KAAK;AAAA,MACR,IAAI;AAAA,MACJ,OAAO7D;AAAA,QACL;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,MAAM,CAAC8D,MAAM,WAAA,WAAA,GAAA,EAAU,KAAKA,CAAC;AAAA,IAAA,CAC9B,GAGCL,KACFI,EAAK,KAAK;AAAA,MACR,IAAI;AAAA,MACJ,OAAO7D;AAAA,QACL;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,MAAM,CAAC8D,MAAM,WAAA,WAAA,GAAA,EAAU,KAAKA,CAAC;AAAA,IAAA,CAC9B,GAGCJ,KACFG,EAAK,KAAK;AAAA,MACR,IAAI;AAAA,MACJ,OAAO7D,EAAE,sCAAsC,YAAY;AAAA,MAC3D,MAAM,CAAC8D,MAAM,WAAA,WAAA,GAAA,EAAU,KAAKA,CAAC;AAAA,IAAA,CAC9B,GAGCH,KACFE,EAAK,KAAK;AAAA,MACR,IAAI;AAAA,MACJ,OAAO7D,EAAE,uCAAuC,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,MAK5D,MAAM,CAAC8D,MAAM,mBAAmB,KAAKA,CAAC;AAAA,IAAA,CACvC,GAGCF,KACFC,EAAK,KAAK;AAAA,MACR,IAAI;AAAA,MACJ,OAAO7D,EAAE,yCAAyC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQ7D,MAAM,CAAC8D,MAAM,CAAC,mBAAmB,KAAKA,CAAC;AAAA,IAAA,CACxC,GAGID;AAAA,EACT,GAAG,CAAC7D,GAAGuD,GAAWC,GAAWC,GAAWC,GAAOC,GAAQC,CAAQ,CAAC;AAClE;"}
+{"version":3,"file":"use-password-requirements-DsgduV1x.js","sources":["../../src/components/password-input/password-input.agent.ts","../../src/components/password-input/password-input.tsx","../../src/components/password-input/use-password-requirements.ts"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PasswordInput.                                         */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PasswordInputHandle } from './password-input';\n\nexport const passwordInputAgent: AgentAdapter<PasswordInputHandle> = {\n  id: 'password-input',\n  capabilities: ['edit_inline'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.passwordInput.state.value',\n      description:\n        'Current password value. Never log or persist this off-device.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.passwordInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n    isRevealed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.passwordInput.state.isRevealed',\n      description: 'Whether the password is currently shown in plain text.',\n      read: (handle) => handle.isRevealed(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.passwordInput.actions.setValue',\n      description: 'Replace the password value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.passwordInput.actions.clear',\n      description: 'Empty the input. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.passwordInput.actions.focus',\n      description: 'Move keyboard focus to the input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n    toggle_visibility: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.passwordInput.actions.toggleVisibility',\n      description: 'Toggle between masked and plain-text display.',\n      invoke: (handle) => {\n        handle.toggleVisibility();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'password-input',\n      description: 'Marks the PasswordInput wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FocusEvent,\n  type FormEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertTriangle, Check, Circle, Eye, EyeOff } from 'lucide-react';\nimport { TextInput, type TextInputProps } from '../text-input';\nimport { useFormField } from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { passwordInputAgent } from './password-input.agent';\n\n/** Agent-readiness curated handle for PasswordInput. */\nexport interface PasswordInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n  isRevealed: () => boolean;\n  toggleVisibility: () => void;\n}\n\ntype Strength = 0 | 1 | 2 | 3;\n\ntype SizeKey = NonNullable<TextInputProps['size']>;\n\nconst iconSizeClassBySize: Record<SizeKey, string> = {\n  sm: 'ds:size-4',\n  md: 'ds:size-[18px]',\n  lg: 'ds:size-5',\n};\n\nconst toggleVariants = cva(\n  [\n    'ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:text-muted-foreground ds:hover:text-foreground',\n    'ds:bg-transparent ds:border-0 ds:cursor-pointer',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:min-w-[var(--min-target-size)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n);\n\nconst strengthTrackVariants = cva(\n  'ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted',\n);\n\nconst strengthBarVariants = cva(\n  [\n    'ds:h-full ds:rounded-[var(--radius-full)]',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      level: {\n        0: 'ds:w-1/4 ds:bg-destructive',\n        1: 'ds:w-1/2 ds:bg-warning',\n        2: 'ds:w-3/4 ds:bg-success',\n        3: 'ds:w-full ds:bg-success',\n      },\n    },\n    defaultVariants: { level: 0 },\n  },\n);\n\nconst strengthLabelByLevel: Record<\n  Strength,\n  'weak' | 'fair' | 'good' | 'strong'\n> = {\n  0: 'weak',\n  1: 'fair',\n  2: 'good',\n  3: 'strong',\n};\n\nconst requirementRowVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta',\n  {\n    variants: {\n      met: {\n        true: 'ds:text-success',\n        false: 'ds:text-muted-foreground',\n      },\n    },\n    defaultVariants: { met: false },\n  },\n);\n\n/**\n * One row in the live requirements checklist. Consumers either build\n * these inline or pull a pre-built set from `usePasswordRequirements`.\n */\nexport interface PasswordRequirement {\n  /** Stable id — keyed render + a11y. */\n  id: string;\n  /** Already-translated label. The consumer owns the wording. */\n  label: string;\n  /** Predicate against the current value. Pure, runs on every keystroke. */\n  test: (value: string) => boolean;\n}\n\nexport interface PasswordInputProps\n  extends\n    Omit<TextInputProps, 'type' | 'endAdornment' | 'startAdornment'>,\n    VariantProps<typeof strengthBarVariants> {\n  /** Callback when reveal state changes (for analytics). */\n  onRevealChange?: (revealed: boolean) => void;\n  /** Show the strength meter below the input. */\n  showStrength?: boolean;\n  /** Strength score: 0 = weak, 1 = fair, 2 = good, 3 = strong. */\n  strength?: Strength;\n  /**\n   * Live requirements checklist rendered between the input and the\n   * strength meter / caps-lock notice. Each row's predicate runs on\n   * every keystroke and the row's `data-state` flips between `\"met\"`\n   * and `\"unmet\"`. Backed by `aria-live=\"polite\"` so screen readers\n   * announce each transition as a visually-hidden suffix span flips\n   * between localised \"met\" / \"not yet met\" copy.\n   *\n   * Tip: hoist or `useMemo` the array — inlining it in JSX makes the\n   * predicate-results memo bust every render. The kit's\n   * `usePasswordRequirements` helper already does this.\n   */\n  requirements?: ReadonlyArray<PasswordRequirement>;\n  /**\n   * When `true` AND `strength` is not provided, derive a 0–3 score\n   * from the proportion of `requirements` satisfied. Lets consumers\n   * get the strength bar \"for free\" once they declare requirements.\n   */\n  deriveStrength?: boolean;\n  /**\n   * Autocomplete hint. Defaults to 'current-password'.\n   * Use 'new-password' for registration/change-password forms.\n   */\n  autoComplete?: 'current-password' | 'new-password' | (string & {});\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (\n    {\n      onRevealChange,\n      showStrength = false,\n      strength,\n      requirements,\n      deriveStrength = false,\n      autoComplete,\n      size = 'md',\n      disabled,\n      name,\n      id,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      onInput,\n      defaultValue,\n      value,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const effectiveDisabled = ctx.disabled || disabled;\n\n    const innerInputRef = useRef<HTMLInputElement | null>(null);\n    const composedRef = composeRefs(ref, innerInputRef);\n\n    const [revealed, setRevealed] = useState(false);\n    const [capsLock, setCapsLock] = useState(false);\n\n    // Track the current value internally so the requirements checklist\n    // can re-evaluate predicates without forcing consumers to lift the\n    // input into a controlled state. The seed is whichever of\n    // `value` / `defaultValue` was passed; the `input` listener then\n    // keeps it in sync on every keystroke (covers both controlled and\n    // uncontrolled callers — for controlled callers we resync to the\n    // incoming `value` prop in the effect below).\n    const [internalValue, setInternalValue] = useState<string>(() => {\n      if (typeof value === 'string') return value;\n      if (typeof defaultValue === 'string') return defaultValue;\n      return '';\n    });\n\n    useEffect(() => {\n      if (typeof value === 'string') setInternalValue(value);\n    }, [value]);\n\n    const handleInput = useCallback(\n      (event: FormEvent<HTMLInputElement>) => {\n        setInternalValue(event.currentTarget.value);\n        onInput?.(event);\n      },\n      [onInput],\n    );\n\n    const writeValueToInput = useCallback((next: string) => {\n      const node = innerInputRef.current;\n      if (!node) return;\n      const prototype = Object.getPrototypeOf(node) as HTMLInputElement;\n      const setter = Object.getOwnPropertyDescriptor(prototype, 'value')?.set;\n      setter?.call(node, next);\n      node.dispatchEvent(new Event('input', { bubbles: true }));\n      node.dispatchEvent(new Event('change', { bubbles: true }));\n    }, []);\n\n    const handleToggle = useCallback(() => {\n      setRevealed((prev) => {\n        const next = !prev;\n        onRevealChange?.(next);\n        return next;\n      });\n    }, [onRevealChange]);\n\n    const detectCaps = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n      if (typeof event.getModifierState === 'function') {\n        setCapsLock(event.getModifierState('CapsLock'));\n      }\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyDown?.(event);\n      },\n      [detectCaps, onKeyDown],\n    );\n\n    const handleKeyUp = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        detectCaps(event);\n        onKeyUp?.(event);\n      },\n      [detectCaps, onKeyUp],\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLInputElement>) => {\n        setCapsLock(false);\n        onBlur?.(event);\n      },\n      [onBlur],\n    );\n\n    const agentHandle = useMemo<PasswordInputHandle>(\n      () => ({\n        getValue: () => innerInputRef.current?.value ?? '',\n        setValue: (next) => writeValueToInput(next),\n        clear: () => writeValueToInput(''),\n        focus: () => innerInputRef.current?.focus(),\n        isRevealed: () => revealed,\n        toggleVisibility: () => {\n          setRevealed((prev) => {\n            const next = !prev;\n            onRevealChange?.(next);\n            return next;\n          });\n        },\n      }),\n      [onRevealChange, revealed, writeValueToInput],\n    );\n    useAgentRegistration(passwordInputAgent, agentHandle, id);\n\n    const iconSizeClass = iconSizeClassBySize[size];\n    const toggleLabel = t(\n      revealed ? 'inputs.password.toggleHide' : 'inputs.password.toggleShow',\n      revealed ? 'Hide password' : 'Show password',\n    );\n\n    // Evaluate each requirement against the current value. Cheap by\n    // construction — predicates are pure regex/length checks supplied\n    // by the consumer; the kit doesn't memoise per-row because the\n    // map is O(n) over a handful of rules and React would re-render\n    // the row anyway when its `data-state` flips.\n    const requirementResults = useMemo(\n      () =>\n        requirements?.map((req) => ({\n          ...req,\n          met: req.test(internalValue),\n        })) ?? null,\n      [requirements, internalValue],\n    );\n\n    // Derive a 0–3 score from the satisfied proportion when the\n    // consumer hasn't supplied an explicit `strength`. Formula:\n    // `floor((satisfied / total) * 4)`, clamped to 3 so a fully-met\n    // checklist matches the explicit \"strong\" level. With zero\n    // requirements we fall back to 0 — meaningless on its own but\n    // never displayed since `showStrength` is what controls the bar.\n    const derivedStrength: Strength = useMemo(() => {\n      if (!deriveStrength || !requirementResults?.length) return 0;\n      const satisfied = requirementResults.filter((r) => r.met).length;\n      const total = requirementResults.length;\n      return Math.min(3, Math.floor((satisfied / total) * 4)) as Strength;\n    }, [deriveStrength, requirementResults]);\n\n    const effectiveStrength: Strength =\n      strength !== undefined ? strength : deriveStrength ? derivedStrength : 0;\n    const strengthKey = strengthLabelByLevel[effectiveStrength];\n    const strengthText = t(\n      `inputs.password.strength.${strengthKey}`,\n      strengthKey.charAt(0).toUpperCase() + strengthKey.slice(1),\n    );\n\n    return (\n      <div\n        data-component=\"password-input\"\n        data-component-id={id}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n      >\n        <div className=\"ds:relative\">\n          <TextInput\n            ref={composedRef}\n            id={id}\n            type={revealed ? 'text' : 'password'}\n            autoComplete={autoComplete ?? 'current-password'}\n            name={name ?? 'password'}\n            spellCheck={false}\n            autoCapitalize=\"none\"\n            autoCorrect=\"off\"\n            size={size}\n            disabled={effectiveDisabled}\n            onKeyDown={handleKeyDown}\n            onKeyUp={handleKeyUp}\n            onBlur={handleBlur}\n            onInput={handleInput}\n            value={value}\n            defaultValue={defaultValue}\n            endAdornment={\n              <span aria-hidden=\"true\" className=\"ds:block ds:size-4\" />\n            }\n            className={className}\n            {...rest}\n          />\n          <button\n            type=\"button\"\n            aria-pressed={revealed}\n            aria-label={toggleLabel}\n            disabled={effectiveDisabled}\n            onClick={handleToggle}\n            className={toggleVariants()}\n          >\n            {revealed ? (\n              <EyeOff aria-hidden=\"true\" className={iconSizeClass} />\n            ) : (\n              <Eye aria-hidden=\"true\" className={iconSizeClass} />\n            )}\n          </button>\n        </div>\n\n        {requirementResults && requirementResults.length > 0 ? (\n          // `role=\"list\"` / `role=\"listitem\"` are set explicitly even\n          // though they're the implicit roles on <ul>/<li> — Safari\n          // VoiceOver strips the implicit list role when CSS sets\n          // `list-style: none` (which `ds:list-none` does), so the\n          // redundancy is load-bearing for AT, not a lint nit.\n          //\n          // aria-live=\"polite\" announces transitions as the per-row\n          // `.ds:sr-only` state suffix flips between \"met\" / \"not yet\n          // met\". aria-live observes text-content mutations, not\n          // attribute or class changes, so the data-state attribute\n          // alone wouldn't trigger an announcement — the sr-only span\n          // is the load-bearing piece for AT users.\n          // eslint-disable-next-line jsx-a11y/no-redundant-roles\n          <ul\n            role=\"list\"\n            aria-live=\"polite\"\n            data-component=\"password-requirements\"\n            className=\"ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\"\n          >\n            {requirementResults.map((req) => (\n              // eslint-disable-next-line jsx-a11y/no-redundant-roles\n              <li\n                key={req.id}\n                role=\"listitem\"\n                data-state={req.met ? 'met' : 'unmet'}\n                className={requirementRowVariants({ met: req.met })}\n              >\n                {req.met ? (\n                  <Check\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3.5 ds:text-success ds:shrink-0\"\n                  />\n                ) : (\n                  <Circle\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3.5 ds:shrink-0\"\n                  />\n                )}\n                <span>{req.label}</span>\n                <span className=\"ds:sr-only\">\n                  {' — '}\n                  {req.met\n                    ? t('inputs.password.requirements.met', 'met')\n                    : t('inputs.password.requirements.unmet', 'not yet met')}\n                </span>\n              </li>\n            ))}\n          </ul>\n        ) : null}\n\n        {capsLock ? (\n          <span\n            role=\"status\"\n            aria-live=\"polite\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning\"\n          >\n            <AlertTriangle aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            {t('inputs.password.capsLock', 'Caps Lock is on')}\n          </span>\n        ) : null}\n\n        {showStrength ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <div\n              role=\"progressbar\"\n              aria-valuenow={effectiveStrength}\n              aria-valuemin={0}\n              aria-valuemax={3}\n              aria-label={t(\n                'inputs.password.strengthLabel',\n                'Password strength',\n              )}\n              aria-valuetext={strengthText}\n              className={strengthTrackVariants()}\n            >\n              <div\n                className={strengthBarVariants({ level: effectiveStrength })}\n              />\n            </div>\n            <span\n              aria-hidden=\"true\"\n              className=\"type-meta ds:text-muted-foreground\"\n            >\n              {strengthText}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n","import { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { PasswordRequirement } from './password-input';\n\nexport interface UsePasswordRequirementsOptions {\n  /**\n   * Minimum password length. When set, adds a \"length\" requirement.\n   * Pass `12` (or whatever the server-side regex enforces) so the\n   * inline checklist tells users the same rule they'll bounce off\n   * server-side. When omitted, no length row is rendered.\n   */\n  minLength?: number;\n  /** Adds an \"uppercase letter\" requirement when true. */\n  uppercase?: boolean;\n  /** Adds a \"lowercase letter\" requirement when true. */\n  lowercase?: boolean;\n  /** Adds a \"digit\" requirement when true. */\n  digit?: boolean;\n  /** Adds a \"symbol\" requirement when true. Matches anything outside `[A-Za-z0-9\\s]`. */\n  symbol?: boolean;\n  /**\n   * Adds a \"no spaces\" requirement when true. Fails if the value\n   * contains any whitespace character (space, tab, non-breaking space,\n   * narrow no-break space, etc.). Useful to catch paste-time stray\n   * whitespace from credential managers.\n   */\n  noSpaces?: boolean;\n}\n\n/**\n * Builds the common set of password requirements with i18n-resolved\n * labels. Designed for the AlfaDocs platform's patient-registration\n * server-side regex (`/^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d).{12,}$/`) but\n * generic enough for any consumer.\n *\n * Each opt-in flag adds one row to the returned array, in a stable\n * visual order (length → uppercase → lowercase → digit → symbol → noSpaces).\n * Predicates are pure and run on every keystroke.\n *\n * @example\n *   const requirements = usePasswordRequirements({\n *     minLength: 12,\n *     uppercase: true,\n *     lowercase: true,\n *     digit: true,\n *     noSpaces: true,\n *   });\n *   <PasswordInput requirements={requirements} deriveStrength />\n */\nexport function usePasswordRequirements(\n  opts: UsePasswordRequirementsOptions = {},\n): PasswordRequirement[] {\n  const { t } = useTranslation();\n  const { minLength, uppercase, lowercase, digit, symbol, noSpaces } = opts;\n\n  return useMemo(() => {\n    const list: PasswordRequirement[] = [];\n\n    if (typeof minLength === 'number' && minLength > 0) {\n      list.push({\n        id: 'length',\n        label: t('inputs.password.requirements.length', {\n          count: minLength,\n          defaultValue: `At least ${minLength} characters`,\n        }),\n        test: (v) => v.length >= minLength,\n      });\n    }\n\n    if (uppercase) {\n      list.push({\n        id: 'uppercase',\n        label: t(\n          'inputs.password.requirements.uppercase',\n          'One uppercase letter',\n        ),\n        test: (v) => /\\p{Lu}/u.test(v),\n      });\n    }\n\n    if (lowercase) {\n      list.push({\n        id: 'lowercase',\n        label: t(\n          'inputs.password.requirements.lowercase',\n          'One lowercase letter',\n        ),\n        test: (v) => /\\p{Ll}/u.test(v),\n      });\n    }\n\n    if (digit) {\n      list.push({\n        id: 'digit',\n        label: t('inputs.password.requirements.digit', 'One number'),\n        test: (v) => /\\p{Nd}/u.test(v),\n      });\n    }\n\n    if (symbol) {\n      list.push({\n        id: 'symbol',\n        label: t('inputs.password.requirements.symbol', 'One symbol'),\n        // Anything that isn't a letter, number, or whitespace counts.\n        // `\\p{L}` + `\\p{N}` keep this Unicode-aware so non-Latin\n        // alphabets (Arabic, Chinese, …) aren't mis-classified as\n        // symbols.\n        test: (v) => /[^\\p{L}\\p{N}\\s]/u.test(v),\n      });\n    }\n\n    if (noSpaces) {\n      list.push({\n        id: 'no-spaces',\n        label: t('inputs.password.requirements.noSpaces', 'No spaces'),\n        // `\\s` covers ASCII space + tab + newline. The explicit\n        // U+00A0 (non-breaking space) and U+202F (narrow no-break\n        // space) catch the two paste-time characters credential\n        // managers and rich-text editors most often inject without\n        // the user noticing — those are NOT always in `\\s`.\n        // Authored via hex escapes (not literal characters) so the\n        // source file passes `no-irregular-whitespace`.\n        test: (v) => !/[\\s\\u00A0\\u202F]/.test(v),\n      });\n    }\n\n    return list;\n  }, [t, minLength, uppercase, lowercase, digit, symbol, noSpaces]);\n}\n"],"names":["passwordInputAgent","handle","args","iconSizeClassBySize","toggleVariants","cva","strengthTrackVariants","strengthBarVariants","strengthLabelByLevel","requirementRowVariants","PasswordInput","forwardRef","onRevealChange","showStrength","strength","requirements","deriveStrength","autoComplete","size","disabled","name","id","onKeyDown","onKeyUp","onBlur","onInput","defaultValue","value","className","rest","ref","t","useTranslation","effectiveDisabled","useFormField","innerInputRef","useRef","composedRef","composeRefs","revealed","setRevealed","useState","capsLock","setCapsLock","internalValue","setInternalValue","useEffect","handleInput","useCallback","event","writeValueToInput","next","node","prototype","setter","_a","handleToggle","prev","detectCaps","handleKeyDown","handleKeyUp","handleBlur","agentHandle","useMemo","useAgentRegistration","iconSizeClass","toggleLabel","requirementResults","req","derivedStrength","satisfied","r","total","effectiveStrength","strengthKey","strengthText","jsxs","jsx","TextInput","EyeOff","Eye","Check","Circle","AlertTriangle","usePasswordRequirements","opts","minLength","uppercase","lowercase","digit","symbol","noSpaces","list","v"],"mappings":"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"}

package/dist/_chunks/use-scroll-to-first-error-4Za-u5Nw.js

@@ -0,0 +1,43 @@
+import { useRef as m, useEffect as S } from "react";
+function p(e) {
+  return e != null && e.current ? e.current : typeof document > "u" ? null : document;
+}
+function w(e, u) {
+  const n = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : (
+    // SSR / jsdom fallback — drop every character that's
+    // significant in a CSS attribute selector. Conservative but
+    // robust enough for the test environment.
+    e.replace(/["'\\[\]]/g, "")
+  ), c = `[data-error-anchor="${n}"], [name="${n}"], [name$="[${n}]"]`, t = Array.from(u.querySelectorAll(c));
+  return t.length === 0 ? null : t.find((i) => i.offsetParent !== null) ?? t[0];
+}
+function y(e, u, n = {}) {
+  const {
+    scope: c,
+    scrollOptions: t = { behavior: "smooth", block: "center" },
+    focus: s = !0,
+    skipInitialMount: i = !0
+  } = n, a = m(!1), o = m(null), r = u.find((l) => !!e[l]) ?? null;
+  S(() => {
+    if (i && !a.current) {
+      a.current = !0, o.current = r;
+      return;
+    }
+    if (!r) {
+      o.current = null;
+      return;
+    }
+    if (r === o.current || typeof window > "u") return;
+    const l = window.requestAnimationFrame(() => {
+      const d = p(c);
+      if (!d) return;
+      const f = w(r, d);
+      f && (f.scrollIntoView(t), s && f.focus({ preventScroll: !0 }), o.current = r);
+    });
+    return () => window.cancelAnimationFrame(l);
+  }, [r]);
+}
+export {
+  y as u
+};
+//# sourceMappingURL=use-scroll-to-first-error-4Za-u5Nw.js.map

package/dist/_chunks/use-scroll-to-first-error-4Za-u5Nw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-to-first-error-4Za-u5Nw.js","sources":["../../src/hooks/use-scroll-to-first-error.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from 'react';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\nexport interface UseScrollToFirstErrorOptions {\n  /**\n   * Limits the DOM query to this element. Useful when the page renders\n   * more than one form, or when an unrelated component happens to share\n   * a field name. Defaults to `document`.\n   */\n  scope?: RefObject<HTMLElement | null>;\n  /**\n   * Forwarded to `scrollIntoView`. Defaults to\n   * `{ behavior: 'smooth', block: 'center' }`. Pass\n   * `{ behavior: 'auto' }` (or omit `behavior`) on consumers that\n   * respect `prefers-reduced-motion` upstream — the kit doesn't shadow\n   * the user's motion preference inside the hook, since some consumers\n   * deliberately keep a near-instant snap for power-user form flows.\n   */\n  scrollOptions?: ScrollIntoViewOptions;\n  /**\n   * Move keyboard focus to the errored field after scrolling. Default\n   * `true`. The focus call uses `preventScroll: true` so the smooth\n   * scroll the hook just did isn't replaced by a snap.\n   *\n   * Setting this `false` defeats the keyboard-user side of WCAG 3.3.1\n   * — the viewport will scroll but the active element stays on the\n   * submit button, forcing a Shift+Tab back into the form. Only flip\n   * this off when an upstream concern (e.g. a custom error summary\n   * panel that owns its own focus) is taking responsibility.\n   */\n  focus?: boolean;\n  /**\n   * On the very first render, do nothing even if `errors` already has\n   * entries. Default `true`. Without this the hook would yank the\n   * viewport whenever a form is hydrated with server-rendered errors\n   * from a no-JS fallback path — bad UX, since the user landed on the\n   * page and hasn't asked for any movement yet. Set `false` only when\n   * the consumer explicitly wants the initial-mount scroll (rare).\n   */\n  skipInitialMount?: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\nfunction getScopeRoot(\n  scope: RefObject<HTMLElement | null> | undefined,\n): ParentNode | null {\n  if (scope?.current) return scope.current;\n  if (typeof document === 'undefined') return null;\n  return document;\n}\n\n/**\n * Resolve the DOM element to scroll/focus for a given errored field\n * name. The match order is:\n *\n *   1. `[data-error-anchor=\"<name>\"]` — the consumer's explicit hook,\n *      used for Radix-based fields (Checkbox / Select / Switch) where\n *      the named `<input>` is hidden behind a visible `<button>`.\n *      Consumers set this on the trigger.\n *   2. `[name=\"<name>\"]` — the literal field name.\n *   3. `[name$=\"[<name>]\"]` — Symfony form-prefixed names like\n *      `privacy_generator[fiscal_code]`. Suffix match keeps the hook\n *      consumer-agnostic; no need to thread the form prefix through.\n *\n * Returns the first visible element among the matches. \"Visible\" here\n * means `offsetParent !== null` — that's the cheap heuristic Radix's\n * hidden inputs (display:none-equivalent positioning) fail and the\n * visible triggers pass. Falls back to the first match if every match\n * is hidden, so a field can still be scrolled into view even when the\n * trigger uses a non-standard layout.\n */\nfunction findErrorElement(name: string, root: ParentNode): HTMLElement | null {\n  // `CSS.escape` is load-bearing here, not cosmetic. The Symfony\n  // suffix-match arm embeds `name` inside `[name$=\"[${safe}]\"]`, so a\n  // field name containing `]` would otherwise close the attribute\n  // selector early and turn the rest of the string into stray\n  // selector tokens. We don't expect adversarial input in practice\n  // (server-controlled field names), but a server returning a `]`\n  // in a 422 payload shouldn't be able to break the query.\n  const safe =\n    typeof CSS !== 'undefined' && typeof CSS.escape === 'function'\n      ? CSS.escape(name)\n      : // SSR / jsdom fallback — drop every character that's\n        // significant in a CSS attribute selector. Conservative but\n        // robust enough for the test environment.\n        name.replace(/[\"'\\\\[\\]]/g, '');\n  const selector =\n    `[data-error-anchor=\"${safe}\"], ` +\n    `[name=\"${safe}\"], ` +\n    `[name$=\"[${safe}]\"]`;\n\n  const matches = Array.from(root.querySelectorAll<HTMLElement>(selector));\n  if (matches.length === 0) return null;\n\n  const visible = matches.find((el) => el.offsetParent !== null);\n  return visible ?? matches[0];\n}\n\n/* -------------------------------------------------------------------- */\n/* Hook                                                                   */\n/* -------------------------------------------------------------------- */\n\n/**\n * Scrolls the first errored field into view and (by default) focuses\n * it, after `errors` changes. Backs the standard AlfaDocs rebrand\n * validation-error UX: after a 422 with `{ errors: { field: message } }`\n * is rendered inline, the user shouldn't be left staring at red labels\n * they can't see. Implements WCAG 3.3.1 / 3.3.3.\n *\n * The hook is stateless and never mutates the DOM beyond the\n * `scrollIntoView` + `focus` calls.\n *\n * @example\n *   const fieldOrder = ['firstName', 'email', 'fiscalCode'] as const;\n *   const [errors, setErrors] = useState<Record<string, string>>({});\n *   useScrollToFirstError(errors, fieldOrder);\n *\n * @example Radix-based field\n *   <Checkbox data-error-anchor=\"consent\" name=\"consent\" />\n *   // hook scrolls to the visible <button>, not Radix's hidden input.\n *\n * @example Scoped to one form\n *   const formRef = useRef<HTMLFormElement>(null);\n *   useScrollToFirstError(errors, fieldOrder, { scope: formRef });\n */\nexport function useScrollToFirstError(\n  errors: Readonly<Record<string, string | undefined>>,\n  fieldOrder: ReadonlyArray<string>,\n  options: UseScrollToFirstErrorOptions = {},\n): void {\n  const {\n    scope,\n    scrollOptions = { behavior: 'smooth', block: 'center' },\n    focus = true,\n    skipInitialMount = true,\n  } = options;\n\n  // Single ref guards the initial-mount skip across StrictMode's\n  // mount/unmount/remount cycle — flipped inside the effect body, not\n  // in cleanup, so the second run sees `true` and stays gated.\n  const ranOnceRef = useRef(false);\n\n  // Track the previous \"first errored field name\" so a re-render that\n  // leaves the same field errored doesn't re-scroll. We intentionally\n  // depend on the resolved name (not the whole errors object) — that\n  // way callers can mutate `errors` shape freely as long as the head\n  // of the validation list is stable, which is the typical pattern\n  // after a server returns the same 422 twice in a row.\n  const lastScrolledFieldRef = useRef<string | null>(null);\n\n  // Resolve the first errored field by visual order. A field is\n  // \"errored\" iff its key has a truthy string value — the kit's form\n  // contract is `Record<string, string | undefined>` where `undefined`\n  // / missing keys mean \"no error\".\n  const firstErroredField =\n    fieldOrder.find((name) => Boolean(errors[name])) ?? null;\n\n  useEffect(() => {\n    if (skipInitialMount && !ranOnceRef.current) {\n      ranOnceRef.current = true;\n      // Record what we skipped so the next render doesn't try to\n      // scroll to a field that was already errored at mount.\n      lastScrolledFieldRef.current = firstErroredField;\n      return;\n    }\n\n    if (!firstErroredField) {\n      lastScrolledFieldRef.current = null;\n      return;\n    }\n\n    if (firstErroredField === lastScrolledFieldRef.current) return;\n\n    if (typeof window === 'undefined') return;\n\n    // rAF defers the scroll until after the browser has laid out the\n    // freshly-rendered error labels. Calling scrollIntoView synchronously\n    // inside useEffect would fire before the new DOM is painted on\n    // some browsers, leaving the viewport pointing at the old layout.\n    const handle = window.requestAnimationFrame(() => {\n      const root = getScopeRoot(scope);\n      if (!root) return;\n      const el = findErrorElement(firstErroredField, root);\n      if (!el) return;\n\n      el.scrollIntoView(scrollOptions);\n      if (focus) {\n        // preventScroll: true so the browser doesn't override the\n        // smooth scroll above with a snap to put the element at the\n        // top of the viewport.\n        el.focus({ preventScroll: true });\n      }\n      lastScrolledFieldRef.current = firstErroredField;\n    });\n\n    return () => window.cancelAnimationFrame(handle);\n    // `scrollOptions` / `focus` / `scope` / `skipInitialMount` are\n    // option bag values — re-running on their identity change would\n    // be surprising. The hook re-fires only when the field at the\n    // head of the errored list changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [firstErroredField]);\n}\n"],"names":["getScopeRoot","scope","findErrorElement","name","root","safe","selector","matches","el","useScrollToFirstError","errors","fieldOrder","options","scrollOptions","focus","skipInitialMount","ranOnceRef","useRef","lastScrolledFieldRef","firstErroredField","useEffect","handle"],"mappings":";AAiDA,SAASA,EACPC,GACmB;AACnB,SAAIA,KAAA,QAAAA,EAAO,UAAgBA,EAAM,UAC7B,OAAO,WAAa,MAAoB,OACrC;AACT;AAsBA,SAASC,EAAiBC,GAAcC,GAAsC;AAQ5E,QAAMC,IACJ,OAAO,MAAQ,OAAe,OAAO,IAAI,UAAW,aAChD,IAAI,OAAOF,CAAI;AAAA;AAAA;AAAA;AAAA,IAIfA,EAAK,QAAQ,cAAc,EAAE;AAAA,KAC7BG,IACJ,uBAAuBD,CAAI,cACjBA,CAAI,gBACFA,CAAI,OAEZE,IAAU,MAAM,KAAKH,EAAK,iBAA8BE,CAAQ,CAAC;AACvE,SAAIC,EAAQ,WAAW,IAAU,OAEjBA,EAAQ,KAAK,CAACC,MAAOA,EAAG,iBAAiB,IAAI,KAC3CD,EAAQ,CAAC;AAC7B;AA6BO,SAASE,EACdC,GACAC,GACAC,IAAwC,CAAA,GAClC;AACN,QAAM;AAAA,IACJ,OAAAX;AAAA,IACA,eAAAY,IAAgB,EAAE,UAAU,UAAU,OAAO,SAAA;AAAA,IAC7C,OAAAC,IAAQ;AAAA,IACR,kBAAAC,IAAmB;AAAA,EAAA,IACjBH,GAKEI,IAAaC,EAAO,EAAK,GAQzBC,IAAuBD,EAAsB,IAAI,GAMjDE,IACJR,EAAW,KAAK,CAACR,MAAS,EAAQO,EAAOP,CAAI,CAAE,KAAK;AAEtD,EAAAiB,EAAU,MAAM;AACd,QAAIL,KAAoB,CAACC,EAAW,SAAS;AAC3C,MAAAA,EAAW,UAAU,IAGrBE,EAAqB,UAAUC;AAC/B;AAAA,IACF;AAEA,QAAI,CAACA,GAAmB;AACtB,MAAAD,EAAqB,UAAU;AAC/B;AAAA,IACF;AAIA,QAFIC,MAAsBD,EAAqB,WAE3C,OAAO,SAAW,IAAa;AAMnC,UAAMG,IAAS,OAAO,sBAAsB,MAAM;AAChD,YAAMjB,IAAOJ,EAAaC,CAAK;AAC/B,UAAI,CAACG,EAAM;AACX,YAAMI,IAAKN,EAAiBiB,GAAmBf,CAAI;AACnD,MAAKI,MAELA,EAAG,eAAeK,CAAa,GAC3BC,KAIFN,EAAG,MAAM,EAAE,eAAe,GAAA,CAAM,GAElCU,EAAqB,UAAUC;AAAA,IACjC,CAAC;AAED,WAAO,MAAM,OAAO,qBAAqBE,CAAM;AAAA,EAMjD,GAAG,CAACF,CAAiB,CAAC;AACxB;"}

package/dist/_chunks/{workflow-map-DlWBJJBt.js → workflow-map-BSvQS3be.js}

@@ -3,16 +3,16 @@ import { forwardRef as O, useMemo as R, useRef as j, useCallback as W, useState
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { C } from "./card-DKTMLVrw.js";
-import { B as be } from "./badge-CIjQ1Us1.js";
-import { K as Z } from "./key-value-pair-BvDY3zuc.js";
+import { B as be } from "./badge-CptERaHx.js";
+import { K as Z } from "./key-value-pair-C8DaR3Xs.js";
 import { T as xe } from "./timestamp-BV2lC-wV.js";
-import { I as S } from "./icon-button-DPEqBKBQ.js";
+import { I as S } from "./icon-button-CKEOrN37.js";
 import { c as _ } from "./createLucideIcon-CrFbzy84.js";
 import { C as Ne } from "./circle-BkqTgYmt.js";
-import { u as Ce } from "./registry-C9nwlNyL.js";
+import { u as Ce } from "./registry-nPAVE19X.js";
 import { A as V } from "./alert-ywPR59NE.js";
 import { B as _e } from "./button-DD_0Xdmr.js";
-import { D as N } from "./dropdown-menu-DZxwF23X.js";
+import { D as N } from "./dropdown-menu-BC5ZdOMo.js";
 import { E } from "./empty-state-BLy7tigq.js";
 import { P as ae } from "./plus-CYKNmfuA.js";
 import { G as ne } from "./globe-BkEFMNSg.js";
@@ -1412,4 +1412,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-DlWBJJBt.js.map
+//# sourceMappingURL=workflow-map-BSvQS3be.js.map