@alfadocs/ui-kit 1.53.0 → 1.54.1

package/dist/_chunks/use-password-requirements-DK4hV1Ik.js

@@ -1,453 +0,0 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import { forwardRef as te, useRef as ae, useState as j, useEffect as ie, 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 re } from "./text-input-CLaItY93.js";
-import { u as ne } from "./form-field-context-B3APVHKx.js";
-import { c as oe } from "./compose-refs-C0k0tdqF.js";
-import { u as de } from "./registry-DvAUVLHh.js";
-import { E as le } from "./eye-off-C_4xkbRP.js";
-import { E as ce } from "./eye-BjhN2nYf.js";
-import { C as pe } from "./check-DrFSN__t.js";
-import { C as ue } from "./circle-j7oZoouK.js";
-import { T as me } from "./triangle-alert-CBnO6nq_.js";
-const fe = {
-  id: "password-input",
-  capabilities: ["set_value"],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.passwordInput.state.value",
-      description: "Current password value. Never log or persist this off-device.",
-      read: (s) => s.getValue()
-    },
-    isEmpty: {
-      type: "boolean",
-      descriptionKey: "ui.agent.passwordInput.state.isEmpty",
-      description: "Whether the input has no value.",
-      read: (s) => s.getValue() === ""
-    },
-    isRevealed: {
-      type: "boolean",
-      descriptionKey: "ui.agent.passwordInput.state.isRevealed",
-      description: "Whether the password is currently shown in plain text.",
-      read: (s) => s.isRevealed()
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: string }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          value: {
-            type: "string",
-            description: "New password. Sensitive — never log or persist off-device."
-          }
-        },
-        required: ["value"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.passwordInput.actions.setValue",
-      description: "Replace the password value.",
-      invoke: (s, r) => {
-        s.setValue(r.value);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      idempotent: !0,
-      descriptionKey: "ui.agent.passwordInput.actions.clear",
-      description: "Empty the input. Loses any typed value.",
-      invoke: (s) => {
-        s.clear();
-      }
-    },
-    focus: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.passwordInput.actions.focus",
-      description: "Move keyboard focus to the input.",
-      invoke: (s) => {
-        s.focus();
-      }
-    },
-    toggle_visibility: {
-      // Pure ephemeral UI state — flips the mask on/off, no data change.
-      safety: "read",
-      descriptionKey: "ui.agent.passwordInput.actions.toggleVisibility",
-      description: "Toggle between masked and plain-text display.",
-      invoke: (s) => {
-        s.toggleVisibility();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "password-input",
-      description: "Marks the PasswordInput wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, ge = {
-  sm: "ds:size-4",
-  md: "ds:size-[18px]",
-  lg: "ds:size-5"
-}, he = I(
-  [
-    "ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3",
-    "ds:inline-flex ds:items-center ds:justify-center",
-    "ds:text-muted-foreground ds:hover:text-foreground",
-    "ds:bg-transparent ds:border-0 ds:cursor-pointer",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:min-w-[var(--min-target-size)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-  ].join(" ")
-), we = I(
-  "ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted"
-), ve = I(
-  [
-    "ds:h-full ds:rounded-[var(--radius-full)]",
-    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      level: {
-        0: "ds:w-1/4 ds:bg-destructive",
-        1: "ds:w-1/2 ds:bg-warning",
-        2: "ds:w-3/4 ds:bg-success",
-        3: "ds:w-full ds:bg-success"
-      }
-    },
-    defaultVariants: { level: 0 }
-  }
-), be = {
-  0: "weak",
-  1: "fair",
-  2: "good",
-  3: "strong"
-}, ye = I(
-  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta",
-  {
-    variants: {
-      met: {
-        true: "ds:text-success",
-        false: "ds:text-muted-foreground"
-      }
-    },
-    defaultVariants: { met: !1 }
-  }
-), xe = te(
-  ({
-    onRevealChange: s,
-    showStrength: r = !1,
-    strength: n,
-    requirements: l,
-    deriveStrength: u = !1,
-    autoComplete: w,
-    size: h = "md",
-    disabled: v,
-    name: o,
-    id: t,
-    onKeyDown: b,
-    onKeyUp: y,
-    onBlur: x,
-    onInput: N,
-    defaultValue: S,
-    value: m,
-    className: $,
-    ...q
-  }, B) => {
-    const { t: f } = W("ui"), C = ne().disabled || v, k = ae(null), G = oe(B, k), [c, A] = j(!1), [J, M] = j(!1), [H, F] = j(() => typeof m == "string" ? m : typeof S == "string" ? S : "");
-    ie(() => {
-      typeof m == "string" && F(m);
-    }, [m]);
-    const Q = p(
-      (e) => {
-        F(e.currentTarget.value), N == null || N(e);
-      },
-      [N]
-    ), T = p((e) => {
-      var R;
-      const a = k.current;
-      if (!a) return;
-      const O = Object.getPrototypeOf(a), P = (R = Object.getOwnPropertyDescriptor(O, "value")) == null ? void 0 : R.set;
-      P == null || P.call(a, e), a.dispatchEvent(new Event("input", { bubbles: !0 })), a.dispatchEvent(new Event("change", { bubbles: !0 }));
-    }, []), X = p(() => {
-      A((e) => {
-        const a = !e;
-        return s == null || s(a), a;
-      });
-    }, [s]), V = p((e) => {
-      typeof e.getModifierState == "function" && M(e.getModifierState("CapsLock"));
-    }, []), Y = p(
-      (e) => {
-        V(e), b == null || b(e);
-      },
-      [V, b]
-    ), Z = p(
-      (e) => {
-        V(e), y == null || y(e);
-      },
-      [V, y]
-    ), D = p(
-      (e) => {
-        M(!1), x == null || x(e);
-      },
-      [x]
-    ), U = L(
-      () => ({
-        getValue: () => {
-          var e;
-          return ((e = k.current) == null ? void 0 : e.value) ?? "";
-        },
-        setValue: (e) => T(e),
-        clear: () => T(""),
-        focus: () => {
-          var e;
-          return (e = k.current) == null ? void 0 : e.focus();
-        },
-        isRevealed: () => c,
-        toggleVisibility: () => {
-          A((e) => {
-            const a = !e;
-            return s == null || s(a), a;
-          });
-        }
-      }),
-      [s, c, T]
-    );
-    de(fe, U, t);
-    const _ = ge[h], ee = f(
-      c ? "inputs.password.toggleHide" : "inputs.password.toggleShow",
-      c ? "Hide password" : "Show password"
-    ), d = L(
-      () => (l == null ? void 0 : l.map((e) => ({
-        ...e,
-        met: e.test(H)
-      }))) ?? null,
-      [l, H]
-    ), se = L(() => {
-      if (!u || !(d != null && d.length)) return 0;
-      const e = d.filter((O) => O.met).length, a = d.length;
-      return Math.min(3, Math.floor(e / a * 4));
-    }, [u, d]), E = n !== void 0 ? n : u ? se : 0, z = be[E], K = f(
-      `inputs.password.strength.${z}`,
-      z.charAt(0).toUpperCase() + z.slice(1)
-    );
-    return /* @__PURE__ */ g(
-      "div",
-      {
-        "data-component": "password-input",
-        "data-component-id": t,
-        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-        children: [
-          /* @__PURE__ */ g("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ i(
-              re,
-              {
-                ref: G,
-                id: t,
-                type: c ? "text" : "password",
-                autoComplete: w ?? "current-password",
-                name: o ?? "password",
-                spellCheck: !1,
-                autoCapitalize: "none",
-                autoCorrect: "off",
-                size: h,
-                disabled: C,
-                onKeyDown: Y,
-                onKeyUp: Z,
-                onBlur: D,
-                onInput: Q,
-                value: m,
-                defaultValue: S,
-                endAdornment: /* @__PURE__ */ i("span", { "aria-hidden": "true", className: "ds:block ds:size-4" }),
-                className: $,
-                ...q
-              }
-            ),
-            /* @__PURE__ */ i(
-              "button",
-              {
-                type: "button",
-                "aria-pressed": c,
-                "aria-label": ee,
-                disabled: C,
-                onClick: X,
-                className: he(),
-                children: c ? /* @__PURE__ */ i(le, { "aria-hidden": "true", className: _ }) : /* @__PURE__ */ i(ce, { "aria-hidden": "true", className: _ })
-              }
-            )
-          ] }),
-          d && d.length > 0 ? (
-            // `role="list"` / `role="listitem"` are set explicitly even
-            // though they're the implicit roles on <ul>/<li> — Safari
-            // VoiceOver strips the implicit list role when CSS sets
-            // `list-style: none` (which `ds:list-none` does), so the
-            // redundancy is load-bearing for AT, not a lint nit.
-            //
-            // aria-live="polite" announces transitions as the per-row
-            // `.ds:sr-only` state suffix flips between "met" / "not yet
-            // met". aria-live observes text-content mutations, not
-            // attribute or class changes, so the data-state attribute
-            // alone wouldn't trigger an announcement — the sr-only span
-            // is the load-bearing piece for AT users.
-            // eslint-disable-next-line jsx-a11y/no-redundant-roles
-            /* @__PURE__ */ i(
-              "ul",
-              {
-                role: "list",
-                "aria-live": "polite",
-                "data-component": "password-requirements",
-                className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                children: d.map((e) => (
-                  // eslint-disable-next-line jsx-a11y/no-redundant-roles
-                  /* @__PURE__ */ g(
-                    "li",
-                    {
-                      role: "listitem",
-                      "data-state": e.met ? "met" : "unmet",
-                      className: ye({ met: e.met }),
-                      children: [
-                        e.met ? /* @__PURE__ */ i(
-                          pe,
-                          {
-                            "aria-hidden": "true",
-                            className: "ds:size-3.5 ds:text-success ds:shrink-0"
-                          }
-                        ) : /* @__PURE__ */ i(
-                          ue,
-                          {
-                            "aria-hidden": "true",
-                            className: "ds:size-3.5 ds:shrink-0"
-                          }
-                        ),
-                        /* @__PURE__ */ i("span", { children: e.label }),
-                        /* @__PURE__ */ g("span", { className: "ds:sr-only", children: [
-                          " — ",
-                          e.met ? f("inputs.password.requirements.met", "met") : f("inputs.password.requirements.unmet", "not yet met")
-                        ] })
-                      ]
-                    },
-                    e.id
-                  )
-                ))
-              }
-            )
-          ) : null,
-          J ? /* @__PURE__ */ g(
-            "span",
-            {
-              role: "status",
-              "aria-live": "polite",
-              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning",
-              children: [
-                /* @__PURE__ */ i(me, { "aria-hidden": "true", className: "ds:size-3.5" }),
-                f("inputs.password.capsLock", "Caps Lock is on")
-              ]
-            }
-          ) : null,
-          r ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ i(
-              "div",
-              {
-                role: "progressbar",
-                "aria-valuenow": E,
-                "aria-valuemin": 0,
-                "aria-valuemax": 3,
-                "aria-label": f(
-                  "inputs.password.strengthLabel",
-                  "Password strength"
-                ),
-                "aria-valuetext": K,
-                className: we(),
-                children: /* @__PURE__ */ i(
-                  "div",
-                  {
-                    className: ve({ level: E })
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ i(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "type-meta ds:text-muted-foreground",
-                children: K
-              }
-            )
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-xe.displayName = "PasswordInput";
-function Me(s = {}) {
-  const { t: r } = W("ui"), { minLength: n, uppercase: l, lowercase: u, digit: w, symbol: h, noSpaces: v } = s;
-  return L(() => {
-    const o = [];
-    return typeof n == "number" && n > 0 && o.push({
-      id: "length",
-      label: r("inputs.password.requirements.length", {
-        count: n,
-        defaultValue: `At least ${n} characters`
-      }),
-      test: (t) => t.length >= n
-    }), l && o.push({
-      id: "uppercase",
-      label: r(
-        "inputs.password.requirements.uppercase",
-        "One uppercase letter"
-      ),
-      test: (t) => new RegExp("\\p{Lu}", "u").test(t)
-    }), u && o.push({
-      id: "lowercase",
-      label: r(
-        "inputs.password.requirements.lowercase",
-        "One lowercase letter"
-      ),
-      test: (t) => new RegExp("\\p{Ll}", "u").test(t)
-    }), w && o.push({
-      id: "digit",
-      label: r("inputs.password.requirements.digit", "One number"),
-      test: (t) => new RegExp("\\p{Nd}", "u").test(t)
-    }), h && o.push({
-      id: "symbol",
-      label: r("inputs.password.requirements.symbol", "One symbol"),
-      // Anything that isn't a letter, number, or whitespace counts.
-      // `\p{L}` + `\p{N}` keep this Unicode-aware so non-Latin
-      // alphabets (Arabic, Chinese, …) aren't mis-classified as
-      // symbols.
-      test: (t) => /[^\p{L}\p{N}\s]/u.test(t)
-    }), v && o.push({
-      id: "no-spaces",
-      label: r("inputs.password.requirements.noSpaces", "No spaces"),
-      // `\s` covers ASCII space + tab + newline. The explicit
-      // U+00A0 (non-breaking space) and U+202F (narrow no-break
-      // space) catch the two paste-time characters credential
-      // managers and rich-text editors most often inject without
-      // the user noticing — those are NOT always in `\s`.
-      // Authored via hex escapes (not literal characters) so the
-      // source file passes `no-irregular-whitespace`.
-      test: (t) => !/[\s\u00A0\u202F]/.test(t)
-    }), o;
-  }, [r, n, l, u, w, h, v]);
-}
-export {
-  xe as P,
-  Me as u
-};
-//# sourceMappingURL=use-password-requirements-DK4hV1Ik.js.map