@alfadocs/ui-kit-debug 0.63.0 → 0.65.0

package/dist/_chunks/phone-input-DVXhNlIl.js

@@ -0,0 +1,563 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as Te, useContext as Ae, useMemo as b, useState as $, useRef as B, useEffect as ce, useCallback as ue } from "react";
+import { u as $e } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import * as K from "@radix-ui/react-popover";
+import { R as Be, _ as N } from "./index-4xgbg-sn.js";
+import { c as ee } from "./index-D2ZczOXr.js";
+import { useTranslation as Ke } from "react-i18next";
+import { getCountries as Le, parsePhoneNumberFromString as L, AsYouType as M, getCountryCallingCode as Me } from "libphonenumber-js/min";
+import { u as qe, F as He } from "./form-field-context-B3APVHKx.js";
+import { c as _e } from "./compose-refs-C0k0tdqF.js";
+import { n as J } from "./normalize-diacritics-BNGbFNlJ.js";
+import { a as Q } from "./flag-DZ6V7-hU.js";
+import { u as Ge } from "./registry-nPAVE19X.js";
+import { C as Oe } from "./chevron-down-BX_NP2Yh.js";
+const Ue = {
+  id: "phone-input",
+  capabilities: ["edit_inline"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.phoneInput.state.value",
+      description: "Current E.164 phone number, or empty string when not yet valid.",
+      read: (s) => s.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.phoneInput.state.isEmpty",
+      description: "Whether the input has no value.",
+      read: (s) => s.getValue() === ""
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.phoneInput.actions.setValue",
+      description: "Replace the phone number (E.164 or national format; parser will infer country).",
+      invoke: (s, a) => {
+        s.setValue(a.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.phoneInput.actions.clear",
+      description: "Empty the input. Loses any typed value.",
+      invoke: (s) => {
+        s.clear();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.phoneInput.actions.focus",
+      description: "Move keyboard focus to the phone-number input.",
+      invoke: (s) => {
+        s.focus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "phone-input",
+      description: "Marks the PhoneInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, We = ee(
+  [
+    "ds:group ds:relative ds:inline-flex ds:items-stretch ds:w-full",
+    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:text-foreground",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
+    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-within:outline-[CanvasText]",
+    "ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
+      },
+      tone: {
+        default: "",
+        error: "ds:border-destructive ds:focus-within:outline-destructive"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "default"
+    }
+  }
+), pe = ee(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:bg-transparent ds:text-foreground",
+    "ds:border-0 ds:border-e ds:border-e-border",
+    "ds:rounded-s-[var(--radius-sm)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-muted",
+    "ds:focus:outline-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"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-3 ds:pe-2",
+        md: "ds:ps-3 ds:pe-2",
+        lg: "ds:ps-4 ds:pe-3"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Ye = ee(
+  [
+    "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
+    "ds:border-0 ds:outline-none",
+    "ds:disabled:cursor-not-allowed",
+    "ds:read-only:cursor-default"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-base)]",
+        lg: "ds:ps-3 ds:pe-4 ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Ze = [
+  "ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-72",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
+  "ds:shadow-[var(--shadow-lg)]",
+  "ds:animate-in ds:fade-in ds:zoom-in-95",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
+  "ds:data-[state=closed]:zoom-out-95",
+  "ds:data-[side=bottom]:slide-in-from-top-2",
+  "ds:data-[side=top]:slide-in-from-bottom-2",
+  "ds:motion-reduce:animate-none"
+].join(" "), Je = [
+  "ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
+  "ds:border-0 ds:border-b ds:border-b-border ds:outline-none",
+  "ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]",
+  "ds:focus:outline-none"
+].join(" "), Qe = "ds:max-h-72 ds:overflow-y-auto ds:p-[var(--spacing-xs)]", Xe = [
+  "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
+  "ds:rounded-[var(--radius-sm)] ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]",
+  "ds:text-foreground ds:outline-none ds:select-none",
+  "ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground",
+  "ds:data-[highlighted]:border-s-2 ds:data-[highlighted]:border-s-primary",
+  "ds:aria-selected:bg-muted"
+].join(" "), fe = [
+  "ds:ps-3 ds:pe-3 ds:py-1.5",
+  "type-eyebrow ds:text-muted-foreground"
+].join(" "), et = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", tt = {
+  sm: "ds:size-3.5",
+  md: "ds:size-4",
+  lg: "ds:size-5"
+}, X = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+function nt(s, a) {
+  let l = 0;
+  for (let o = 0; o < a && o < s.length; o++)
+    s[o] >= "0" && s[o] <= "9" && l++;
+  return l;
+}
+function st(s, a) {
+  if (a === 0) return 0;
+  let l = 0;
+  for (let o = 0; o < s.length; o++)
+    if (s[o] >= "0" && s[o] <= "9" && (l++, l === a))
+      return o + 1;
+  return s.length;
+}
+function me(s, a, l, o, f) {
+  const i = f && f.length ? new Set(f) : null, d = (v) => a.has(v) && (!i || i.has(v));
+  if (s && d(s)) return s;
+  if (l) {
+    const v = typeof navigator < "u" ? navigator.language : void 0;
+    if (v) {
+      const y = v.match(/-([A-Za-z]{2})/);
+      if (y) {
+        const S = y[1].toUpperCase();
+        if (d(S)) return S;
+      }
+    }
+    try {
+      const y = new Intl.Locale(o).region;
+      if (y && d(y.toUpperCase()))
+        return y.toUpperCase();
+    } catch {
+    }
+  }
+  return i ? f[0] : "IT";
+}
+function ot(s, a) {
+  let l;
+  try {
+    l = new Intl.DisplayNames([s], { type: "region" });
+  } catch {
+    l = new Intl.DisplayNames(["en"], { type: "region" });
+  }
+  const o = a.map((i) => ({
+    code: i,
+    name: l.of(i) ?? i,
+    dialCode: Me(i)
+  })), f = new Intl.Collator(s);
+  return o.sort((i, d) => f.compare(i.name, d.name));
+}
+const rt = Te(
+  function({
+    value: a,
+    defaultValue: l,
+    defaultCountry: o,
+    detectBrowserCountry: f = !1,
+    onChange: i,
+    size: d = "md",
+    tone: v = "default",
+    disabled: y,
+    readOnly: S,
+    placeholder: he,
+    popularCountries: V,
+    allowedCountries: F,
+    className: ge,
+    id: q,
+    name: be,
+    required: ye,
+    "aria-label": ve
+  }, Ce) {
+    const { t: w, i18n: R } = Ke(), z = qe(), k = Ae(He) !== null, h = b(
+      () => new Set(Le()),
+      []
+    ), u = b(() => {
+      if (!F || F.length === 0) return null;
+      const e = /* @__PURE__ */ new Set(), t = F.filter((n) => !h.has(n) || e.has(n) ? !1 : (e.add(n), !0));
+      return t.length > 0 ? t : null;
+    }, [F, h]), xe = u !== null && u.length === 1, H = b(() => {
+      const e = me(
+        o,
+        h,
+        f,
+        R.language,
+        u
+      ), t = a ?? l;
+      if (t) {
+        const n = L(t);
+        return n != null && n.country ? !u || u.includes(n.country) ? {
+          country: n.country,
+          display: n.formatNational(),
+          pinned: !0
+        } : {
+          country: e,
+          display: new M(e).input(
+            n.nationalNumber
+          ),
+          pinned: !0
+        } : { country: e, display: t, pinned: !1 };
+      }
+      return { country: e, display: "", pinned: !1 };
+    }, []), [c, E] = $(H.country), [te, g] = $(
+      H.display
+    ), [_, G] = $(!1), [Ne, ne] = $(""), se = a !== void 0, O = B(""), j = B(null), D = B(H.pinned), T = B(null), we = _e(Ce, T);
+    ce(() => {
+      if (D.current) return;
+      const e = me(
+        o,
+        h,
+        f,
+        R.language,
+        u
+      );
+      E((t) => t === e ? t : e);
+    }, [
+      R.language,
+      o,
+      h,
+      f,
+      u
+    ]), ce(() => {
+      if (!se) return;
+      const e = a ?? "";
+      if (e === O.current) return;
+      if (e === "") {
+        g("");
+        return;
+      }
+      const t = L(e);
+      t != null && t.country && (!u || u.includes(t.country)) ? (D.current = !0, E(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
+    }, [a, se, u]), $e(() => {
+      if (j.current == null) return;
+      const e = j.current;
+      j.current = null;
+      const t = T.current;
+      t && document.activeElement === t && t.setSelectionRange(e, e);
+    });
+    const C = ue(
+      (e, t) => {
+        const n = L(e, t), p = (n == null ? void 0 : n.number) ?? "";
+        O.current = p, i == null || i(p, {
+          country: t,
+          isValid: (n == null ? void 0 : n.isValid()) ?? !1,
+          isPossible: (n == null ? void 0 : n.isPossible()) ?? !1,
+          type: n == null ? void 0 : n.getType()
+        });
+      },
+      [i]
+    ), ze = q ?? (k ? z.id : void 0), oe = (k ? z.disabled : !1) || !!y, Ie = (k ? z.required : !1) || !!ye, re = k ? z.invalid : !1, Se = re ? "error" : v, Re = k && z.describedBy ? z.describedBy : void 0, ke = he ?? w("inputs.phone.placeholder", "Phone number"), Pe = (e) => {
+      if (S) return;
+      const t = e.target, n = t.value, p = t.selectionStart ?? n.length, I = nt(n, p), Z = new M(c).input(n);
+      j.current = st(Z, I), g(Z), C(Z, c);
+    }, ae = O, Ve = b(
+      () => ({
+        getValue: () => ae.current,
+        setValue: (e) => {
+          if (e === "") {
+            g(""), C("", c);
+            return;
+          }
+          const t = L(e);
+          if (t != null && t.country)
+            D.current = !0, E(t.country), g(t.formatNational()), C(t.formatNational(), t.country);
+          else {
+            const p = new M(c).input(e);
+            g(p), C(p, c);
+          }
+        },
+        clear: () => {
+          g(""), C("", c);
+        },
+        focus: () => {
+          var e;
+          return (e = T.current) == null ? void 0 : e.focus();
+        }
+      }),
+      [c, C, ae]
+    );
+    Ge(Ue, Ve, q);
+    const Fe = (e) => {
+      if (e === c) {
+        G(!1);
+        return;
+      }
+      const t = te.replace(/\D/g, ""), n = new M(e), p = t ? n.input(t) : "";
+      D.current = !0, E(e), g(p), G(!1), ne(""), C(p, e), requestAnimationFrame(() => {
+        var I;
+        (I = T.current) == null || I.focus();
+      });
+    }, x = b(
+      () => ot(
+        R.language,
+        u ?? Array.from(h)
+      ),
+      [R.language, h, u]
+    ), P = b(() => {
+      if (!V || V.length === 0) return [];
+      const e = new Map(x.map((t) => [t.code, t]));
+      return V.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
+    }, [V, x, h]), U = b(
+      () => new Set(P.map((e) => e.code)),
+      [P]
+    ), Ee = b(
+      () => U.size > 0 ? x.filter((e) => !U.has(e.code)) : x,
+      [x, U]
+    ), A = b(
+      () => x.find((e) => e.code === c),
+      [x, c]
+    ), W = A ? A.dialCode : "", ie = A ? A.name : c, Y = w("inputs.phone.countryPickerLabel", "Country"), je = `${Y}: ${ie}, +${W}`, De = ue(
+      (e, t, n) => {
+        const p = J(e), I = J(t), le = n == null ? void 0 : n.map(J);
+        return Be(
+          p,
+          I,
+          le
+        );
+      },
+      []
+    ), de = (e) => {
+      const t = `${e.name}, +${e.dialCode}`;
+      return /* @__PURE__ */ m(
+        N.Item,
+        {
+          value: e.code,
+          keywords: [e.name, e.dialCode, `+${e.dialCode}`],
+          onSelect: () => Fe(e.code),
+          className: Xe,
+          "aria-label": t,
+          children: [
+            /* @__PURE__ */ r(Q, { country: e.code, size: X[d] }),
+            /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:truncate", children: e.name }),
+            /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:text-muted-foreground ds:tabular-nums", children: [
+              "+",
+              e.dialCode
+            ] })
+          ]
+        },
+        e.code
+      );
+    };
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        "data-component": "phone-input",
+        "data-component-id": q,
+        "data-slot": "phone-input",
+        className: We({
+          size: d,
+          tone: Se,
+          className: ge
+        }),
+        children: [
+          xe ? /* @__PURE__ */ m(
+            "span",
+            {
+              "data-slot": "phone-country-fixed",
+              className: `${pe({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
+              children: [
+                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${Y}: ${ie}` }),
+                /* @__PURE__ */ r(Q, { country: c, size: X[d] }),
+                /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
+                  "+",
+                  W
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ m(K.Root, { open: _, onOpenChange: G, children: [
+            /* @__PURE__ */ r(K.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+              "button",
+              {
+                type: "button",
+                disabled: oe,
+                "aria-haspopup": "listbox",
+                "aria-expanded": _,
+                "aria-label": je,
+                className: pe({ size: d }),
+                children: [
+                  /* @__PURE__ */ r(Q, { country: c, size: X[d] }),
+                  /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
+                    "+",
+                    W
+                  ] }),
+                  /* @__PURE__ */ r(
+                    Oe,
+                    {
+                      "aria-hidden": "true",
+                      className: [
+                        tt[d],
+                        "ds:shrink-0 ds:text-muted-foreground",
+                        "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                        _ ? "ds:rotate-180" : ""
+                      ].join(" ")
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ r(K.Portal, { children: /* @__PURE__ */ r(
+              K.Content,
+              {
+                sideOffset: 6,
+                align: "start",
+                className: Ze,
+                children: /* @__PURE__ */ m(
+                  N,
+                  {
+                    filter: De,
+                    shouldFilter: !0,
+                    loop: !0,
+                    label: Y,
+                    children: [
+                      /* @__PURE__ */ r(
+                        N.Input,
+                        {
+                          asChild: !0,
+                          value: Ne,
+                          onValueChange: ne,
+                          children: /* @__PURE__ */ r(
+                            "input",
+                            {
+                              "data-phone-country-search": "true",
+                              type: "text",
+                              autoComplete: "off",
+                              autoCorrect: "off",
+                              spellCheck: !1,
+                              placeholder: w(
+                                "inputs.phone.searchCountry",
+                                "Search countries…"
+                              ),
+                              className: Je
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ m(N.List, { className: Qe, children: [
+                        /* @__PURE__ */ r(N.Empty, { className: et, children: w("inputs.phone.noCountryFound", "No country found") }),
+                        P.length > 0 ? /* @__PURE__ */ r(
+                          N.Group,
+                          {
+                            heading: /* @__PURE__ */ r("span", { className: fe, children: w("inputs.phone.popularCountries", "Popular") }),
+                            children: P.map(de)
+                          }
+                        ) : null,
+                        /* @__PURE__ */ r(
+                          N.Group,
+                          {
+                            heading: P.length > 0 ? /* @__PURE__ */ r("span", { className: fe, children: w("inputs.phone.allCountries", "All countries") }) : void 0,
+                            children: Ee.map(de)
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ r(
+            "input",
+            {
+              ref: we,
+              id: ze,
+              name: be,
+              type: "tel",
+              inputMode: "tel",
+              autoComplete: "tel-national",
+              value: te,
+              placeholder: ke,
+              disabled: oe,
+              readOnly: S,
+              required: Ie,
+              "aria-label": ve,
+              "aria-describedby": Re,
+              "aria-invalid": re || void 0,
+              onChange: Pe,
+              className: Ye({ size: d })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+rt.displayName = "PhoneInput";
+export {
+  rt as P,
+  Ye as a,
+  pe as c,
+  We as p
+};
+//# sourceMappingURL=phone-input-DVXhNlIl.js.map

package/dist/_chunks/phone-input-DVXhNlIl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-DVXhNlIl.js","sources":["../../src/components/phone-input/phone-input.agent.ts","../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PhoneInput.                                            */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PhoneInputHandle } from './phone-input';\n\nexport const phoneInputAgent: AgentAdapter<PhoneInputHandle> = {\n  id: 'phone-input',\n  capabilities: ['edit_inline'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.phoneInput.state.value',\n      description:\n        'Current E.164 phone number, or empty string when not yet valid.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.phoneInput.state.isEmpty',\n      description: 'Whether the input has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      descriptionKey: 'ui.agent.phoneInput.actions.setValue',\n      description:\n        'Replace the phone number (E.164 or national format; parser will infer country).',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.phoneInput.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.phoneInput.actions.focus',\n      description: 'Move keyboard focus to the phone-number input.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'phone-input',\n      description: 'Marks the PhoneInput 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  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { phoneInputAgent } from './phone-input.agent';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\n\n/** Agent-readiness curated handle for PhoneInput. */\nexport interface PhoneInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  focus: () => void;\n}\nimport * as Popover from '@radix-ui/react-popover';\nimport { Command, defaultFilter } from 'cmdk';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport {\n  AsYouType,\n  getCountries,\n  getCountryCallingCode,\n  parsePhoneNumberFromString,\n  type CountryCode,\n} from 'libphonenumber-js/min';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { normalizeDiacritics } from '../_shared/normalize-diacritics';\nimport { Flag } from '../flag';\n\nexport interface PhoneInputChangeMeta {\n  country: CountryCode;\n  isValid: boolean;\n  isPossible: boolean;\n  type?: string;\n}\n\nexport interface PhoneInputProps {\n  value?: string;\n  defaultValue?: string;\n  /**\n   * Country pre-selected when no value is supplied. Defaults to `IT`\n   * (AlfaDocs's dominant user base is Italian). Pass a different\n   * `CountryCode` to override, or enable `detectBrowserCountry` to\n   * derive it from the browser locale.\n   */\n  defaultCountry?: CountryCode;\n  /**\n   * When true, infer the default country from `navigator.language` /\n   * `Intl.Locale` before falling back to `defaultCountry` (or `IT`).\n   * Off by default — most AlfaDocs flows should stay on IT regardless\n   * of the visitor's browser locale.\n   */\n  detectBrowserCountry?: boolean;\n  onChange?: (e164: string, meta: PhoneInputChangeMeta) => void;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  disabled?: boolean;\n  readOnly?: boolean;\n  placeholder?: string;\n  popularCountries?: CountryCode[];\n  /**\n   * Restrict the country picker to this set (ISO 3166-1 alpha-2 codes), in\n   * the order given. Unsupported or duplicate codes are dropped; an empty /\n   * all-invalid list is ignored (every country stays selectable).\n   * `popularCountries` is intersected with this set. When the list resolves\n   * to a single country the picker collapses to a fixed, non-interactive\n   * dial code — only the national-number field stays editable.\n   */\n  allowedCountries?: CountryCode[];\n  className?: string;\n  id?: string;\n  name?: string;\n  required?: boolean;\n  'aria-label'?: string;\n}\n\nconst phoneInputWrapperVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-stretch ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:text-foreground',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:has-[:disabled]:cursor-not-allowed ds:has-[:disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: '',\n        error: 'ds:border-destructive ds:focus-within:outline-destructive',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst countryTriggerVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:bg-transparent ds:text-foreground',\n    'ds:border-0 ds:border-e ds:border-e-border',\n    'ds:rounded-s-[var(--radius-sm)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-muted',\n    'ds:focus:outline-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',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-3 ds:pe-2',\n        md: 'ds:ps-3 ds:pe-2',\n        lg: 'ds:ps-4 ds:pe-3',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst phoneNumberInputVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:border-0 ds:outline-none',\n    'ds:disabled:cursor-not-allowed',\n    'ds:read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:ps-3 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst pickerContentClasses = [\n  'ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-72',\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n  'ds:shadow-[var(--shadow-lg)]',\n  'ds:animate-in ds:fade-in ds:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n  'ds:data-[state=closed]:zoom-out-95',\n  'ds:data-[side=bottom]:slide-in-from-top-2',\n  'ds:data-[side=top]:slide-in-from-bottom-2',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst pickerSearchClasses = [\n  'ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground',\n  'ds:border-0 ds:border-b ds:border-b-border ds:outline-none',\n  'ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]',\n  'ds:focus:outline-none',\n].join(' ');\n\nconst pickerListClasses =\n  'ds:max-h-72 ds:overflow-y-auto ds:p-[var(--spacing-xs)]';\n\nconst pickerItemClasses = [\n  'ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]',\n  'ds:rounded-[var(--radius-sm)] ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]',\n  'ds:text-foreground ds:outline-none ds:select-none',\n  'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n  'ds:data-[highlighted]:border-s-2 ds:data-[highlighted]:border-s-primary',\n  'ds:aria-selected:bg-muted',\n].join(' ');\n\nconst pickerGroupHeadingClasses = [\n  'ds:ps-3 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n].join(' ');\n\nconst pickerEmptyClasses =\n  'ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground';\n\nconst chevronSizeBySize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\nconst flagSizeBySize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n} as const satisfies Record<'sm' | 'md' | 'lg', 'sm' | 'md' | 'lg'>;\n\nfunction countDigitsBefore(str: string, position: number): number {\n  let digits = 0;\n  for (let i = 0; i < position && i < str.length; i++) {\n    if (str[i] >= '0' && str[i] <= '9') digits++;\n  }\n  return digits;\n}\n\nfunction positionAfterDigits(str: string, targetDigits: number): number {\n  if (targetDigits === 0) return 0;\n  let count = 0;\n  for (let i = 0; i < str.length; i++) {\n    if (str[i] >= '0' && str[i] <= '9') {\n      count++;\n      if (count === targetDigits) return i + 1;\n    }\n  }\n  return str.length;\n}\n\nfunction resolveDefaultCountry(\n  explicit: CountryCode | undefined,\n  supported: Set<string>,\n  detectBrowser: boolean,\n  locale: string,\n  allowedList: CountryCode[] | null,\n): CountryCode {\n  const allowed =\n    allowedList && allowedList.length ? new Set<string>(allowedList) : null;\n  const ok = (code: string) =>\n    supported.has(code) && (!allowed || allowed.has(code));\n\n  if (explicit && ok(explicit)) return explicit;\n\n  if (detectBrowser) {\n    const fromNavigator =\n      typeof navigator !== 'undefined' ? navigator.language : undefined;\n    if (fromNavigator) {\n      const match = fromNavigator.match(/-([A-Za-z]{2})/);\n      if (match) {\n        const candidate = match[1].toUpperCase();\n        if (ok(candidate)) return candidate as CountryCode;\n      }\n    }\n\n    try {\n      const region = new Intl.Locale(locale).region;\n      if (region && ok(region.toUpperCase())) {\n        return region.toUpperCase() as CountryCode;\n      }\n    } catch {\n      // Intl.Locale may throw on malformed BCP-47 — fall through.\n    }\n  }\n\n  // A restricted list with no explicit / detected hit defaults to the\n  // consumer's first listed country; otherwise AlfaDocs's Italian-first\n  // fallback.\n  if (allowed) return allowedList![0];\n  return 'IT';\n}\n\ninterface CountryRow {\n  code: CountryCode;\n  name: string;\n  dialCode: string;\n}\n\nfunction buildCountryRows(\n  locale: string,\n  countries: CountryCode[],\n): CountryRow[] {\n  let displayNames: Intl.DisplayNames;\n  try {\n    displayNames = new Intl.DisplayNames([locale], { type: 'region' });\n  } catch {\n    displayNames = new Intl.DisplayNames(['en'], { type: 'region' });\n  }\n  const rows = countries.map<CountryRow>((code) => ({\n    code,\n    name: displayNames.of(code) ?? code,\n    dialCode: getCountryCallingCode(code),\n  }));\n  const collator = new Intl.Collator(locale);\n  return rows.sort((a, b) => collator.compare(a.name, b.name));\n}\n\nexport const PhoneInput = forwardRef<HTMLInputElement, PhoneInputProps>(\n  function PhoneInput(\n    {\n      value,\n      defaultValue,\n      defaultCountry,\n      detectBrowserCountry = false,\n      onChange,\n      size = 'md',\n      tone = 'default',\n      disabled,\n      readOnly,\n      placeholder,\n      popularCountries,\n      allowedCountries,\n      className,\n      id,\n      name,\n      required,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n\n    const supportedCountries = useMemo(\n      () => new Set(getCountries() as string[]),\n      [],\n    );\n\n    // Consumer-restricted country set, filtered to supported + deduped with\n    // order preserved. `null` means \"no restriction\" (every country shown).\n    const allowedList = useMemo<CountryCode[] | null>(() => {\n      if (!allowedCountries || allowedCountries.length === 0) return null;\n      const seen = new Set<string>();\n      const filtered = allowedCountries.filter((code) => {\n        if (!supportedCountries.has(code) || seen.has(code)) return false;\n        seen.add(code);\n        return true;\n      });\n      return filtered.length > 0 ? filtered : null;\n    }, [allowedCountries, supportedCountries]);\n\n    // A single allowed country has nothing to pick — render the dial code as a\n    // fixed, non-interactive prefix instead of a one-item picker.\n    const isCountryFixed = allowedList !== null && allowedList.length === 1;\n\n    const initialState = useMemo(() => {\n      const resolvedCountry = resolveDefaultCountry(\n        defaultCountry,\n        supportedCountries,\n        detectBrowserCountry,\n        i18n.language,\n        allowedList,\n      );\n      const raw = value ?? defaultValue;\n      if (raw) {\n        const parsed = parsePhoneNumberFromString(raw);\n        if (parsed?.country) {\n          // Clamp the parsed country to `allowedCountries` so the rendered dial\n          // code can never leave the allowed set — a single-country lock stays\n          // on its country even when handed an off-set value.\n          if (!allowedList || allowedList.includes(parsed.country)) {\n            return {\n              country: parsed.country,\n              display: parsed.formatNational(),\n              pinned: true,\n            };\n          }\n          return {\n            country: resolvedCountry,\n            display: new AsYouType(resolvedCountry).input(\n              parsed.nationalNumber,\n            ),\n            pinned: true,\n          };\n        }\n        return { country: resolvedCountry, display: raw, pinned: false };\n      }\n      return { country: resolvedCountry, display: '', pinned: false };\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const [country, setCountry] = useState<CountryCode>(initialState.country);\n    const [displayValue, setDisplayValue] = useState<string>(\n      initialState.display,\n    );\n    const [pickerOpen, setPickerOpen] = useState(false);\n    const [pickerSearch, setPickerSearch] = useState('');\n\n    const isControlled = value !== undefined;\n    const lastEmittedRef = useRef<string>('');\n    const pendingCaretRef = useRef<number | null>(null);\n    // Pins the country once the user (or an incoming value) selects one,\n    // so the locale-flip effect below stops re-resolving.\n    const userSelectedCountryRef = useRef(initialState.pinned);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const composedInputRef = composeRefs(ref, inputRef);\n\n    // Re-resolve the country when i18n.language flips from the bootstrap\n    // fallback to the real locale on first paint, unless the user has\n    // already pinned a country.\n    useEffect(() => {\n      if (userSelectedCountryRef.current) return;\n      const next = resolveDefaultCountry(\n        defaultCountry,\n        supportedCountries,\n        detectBrowserCountry,\n        i18n.language,\n        allowedList,\n      );\n      setCountry((prev) => (prev === next ? prev : next));\n    }, [\n      i18n.language,\n      defaultCountry,\n      supportedCountries,\n      detectBrowserCountry,\n      allowedList,\n    ]);\n\n    // Sync state back from a controlled `value` prop change that did not\n    // originate from this component (e.g. parent reset). Skip the sync when\n    // the incoming value matches what we just emitted.\n    useEffect(() => {\n      if (!isControlled) return;\n      const current = value ?? '';\n      if (current === lastEmittedRef.current) return;\n      if (current === '') {\n        setDisplayValue('');\n        return;\n      }\n      const parsed = parsePhoneNumberFromString(current);\n      if (\n        parsed?.country &&\n        (!allowedList || allowedList.includes(parsed.country))\n      ) {\n        userSelectedCountryRef.current = true;\n        setCountry(parsed.country);\n        setDisplayValue(parsed.formatNational());\n      } else {\n        // Off-set or unparseable controlled value — keep the country within the\n        // allowed set; only sync the displayed digits.\n        setDisplayValue(parsed ? parsed.formatNational() : current);\n      }\n    }, [value, isControlled, allowedList]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (pendingCaretRef.current == null) return;\n      const pos = pendingCaretRef.current;\n      pendingCaretRef.current = null;\n      const node = inputRef.current;\n      if (node && document.activeElement === node) {\n        node.setSelectionRange(pos, pos);\n      }\n    });\n\n    const emit = useCallback(\n      (nextDisplay: string, nextCountry: CountryCode) => {\n        const parsed = parsePhoneNumberFromString(nextDisplay, nextCountry);\n        const e164 = parsed?.number ?? '';\n        lastEmittedRef.current = e164;\n        onChange?.(e164, {\n          country: nextCountry,\n          isValid: parsed?.isValid() ?? false,\n          isPossible: parsed?.isPossible() ?? false,\n          type: parsed?.getType(),\n        });\n      },\n      [onChange],\n    );\n\n    const inputId = id ?? (inFormField ? ctx.id : undefined);\n    const effectiveDisabled =\n      (inFormField ? ctx.disabled : false) || Boolean(disabled);\n    const effectiveRequired =\n      (inFormField ? ctx.required : false) || Boolean(required);\n    const effectiveInvalid = inFormField ? ctx.invalid : false;\n    const effectiveTone = effectiveInvalid ? 'error' : tone;\n    const describedBy =\n      inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.phone.placeholder', 'Phone number');\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) return;\n      const target = event.target;\n      const raw = target.value;\n      const caret = target.selectionStart ?? raw.length;\n      const digitsBefore = countDigitsBefore(raw, caret);\n\n      const formatter = new AsYouType(country);\n      const formatted = formatter.input(raw);\n\n      pendingCaretRef.current = positionAfterDigits(formatted, digitsBefore);\n      setDisplayValue(formatted);\n      emit(formatted, country);\n    };\n\n    const lastEmittedRefForHandle = lastEmittedRef;\n    const agentHandle = useMemo<PhoneInputHandle>(\n      () => ({\n        getValue: () => lastEmittedRefForHandle.current,\n        setValue: (next) => {\n          if (next === '') {\n            setDisplayValue('');\n            emit('', country);\n            return;\n          }\n          const parsed = parsePhoneNumberFromString(next);\n          if (parsed?.country) {\n            userSelectedCountryRef.current = true;\n            setCountry(parsed.country);\n            setDisplayValue(parsed.formatNational());\n            emit(parsed.formatNational(), parsed.country);\n          } else {\n            const formatter = new AsYouType(country);\n            const formatted = formatter.input(next);\n            setDisplayValue(formatted);\n            emit(formatted, country);\n          }\n        },\n        clear: () => {\n          setDisplayValue('');\n          emit('', country);\n        },\n        focus: () => inputRef.current?.focus(),\n      }),\n      [country, emit, lastEmittedRefForHandle],\n    );\n    useAgentRegistration(phoneInputAgent, agentHandle, id);\n\n    const handleCountrySelect = (nextCountry: CountryCode) => {\n      if (nextCountry === country) {\n        setPickerOpen(false);\n        return;\n      }\n      const digits = displayValue.replace(/\\D/g, '');\n      const formatter = new AsYouType(nextCountry);\n      const reformatted = digits ? formatter.input(digits) : '';\n      userSelectedCountryRef.current = true;\n      setCountry(nextCountry);\n      setDisplayValue(reformatted);\n      setPickerOpen(false);\n      setPickerSearch('');\n      emit(reformatted, nextCountry);\n      requestAnimationFrame(() => {\n        inputRef.current?.focus();\n      });\n    };\n\n    const countryRows = useMemo(\n      () =>\n        buildCountryRows(\n          i18n.language,\n          allowedList ?? (Array.from(supportedCountries) as CountryCode[]),\n        ),\n      [i18n.language, supportedCountries, allowedList],\n    );\n\n    const popularRows = useMemo(() => {\n      if (!popularCountries || popularCountries.length === 0) return [];\n      const byCode = new Map(countryRows.map((row) => [row.code, row]));\n      return popularCountries\n        .filter((code): code is CountryCode => supportedCountries.has(code))\n        .map((code) => byCode.get(code))\n        .filter((row): row is CountryRow => Boolean(row));\n    }, [popularCountries, countryRows, supportedCountries]);\n\n    const popularCodes = useMemo(\n      () => new Set(popularRows.map((row) => row.code)),\n      [popularRows],\n    );\n\n    const remainingRows = useMemo(\n      () =>\n        popularCodes.size > 0\n          ? countryRows.filter((row) => !popularCodes.has(row.code))\n          : countryRows,\n      [countryRows, popularCodes],\n    );\n\n    const selected = useMemo(\n      () => countryRows.find((row) => row.code === country),\n      [countryRows, country],\n    );\n    const selectedDialCode = selected ? selected.dialCode : '';\n    const selectedName = selected ? selected.name : country;\n\n    const triggerLabel = t('inputs.phone.countryPickerLabel', 'Country');\n    const triggerAccessibleName = `${triggerLabel}: ${selectedName}, +${selectedDialCode}`;\n\n    const filterFn = useCallback(\n      (candidate: string, searchStr: string, keywords?: string[]) => {\n        const normalizedCandidate = normalizeDiacritics(candidate);\n        const normalizedSearch = normalizeDiacritics(searchStr);\n        const normalizedKeywords = keywords?.map(normalizeDiacritics);\n        return defaultFilter(\n          normalizedCandidate,\n          normalizedSearch,\n          normalizedKeywords,\n        );\n      },\n      [],\n    );\n\n    const renderRow = (row: CountryRow) => {\n      const accessibleLabel = `${row.name}, +${row.dialCode}`;\n      return (\n        <Command.Item\n          key={row.code}\n          value={row.code}\n          keywords={[row.name, row.dialCode, `+${row.dialCode}`]}\n          onSelect={() => handleCountrySelect(row.code)}\n          className={pickerItemClasses}\n          aria-label={accessibleLabel}\n        >\n          <Flag country={row.code} size={flagSizeBySize[size]} />\n          <span className=\"ds:flex-1 ds:truncate\">{row.name}</span>\n          <bdi dir=\"ltr\" className=\"ds:text-muted-foreground ds:tabular-nums\">\n            +{row.dialCode}\n          </bdi>\n        </Command.Item>\n      );\n    };\n\n    return (\n      <div\n        data-component=\"phone-input\"\n        data-component-id={id}\n        data-slot=\"phone-input\"\n        className={phoneInputWrapperVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n      >\n        {isCountryFixed ? (\n          <span\n            data-slot=\"phone-country-fixed\"\n            className={`${countryTriggerVariants({ size })} ds:cursor-default ds:hover:bg-transparent`}\n          >\n            <span className=\"ds:sr-only\">{`${triggerLabel}: ${selectedName}`}</span>\n            <Flag country={country} size={flagSizeBySize[size]} />\n            <bdi dir=\"ltr\" className=\"ds:tabular-nums\">\n              +{selectedDialCode}\n            </bdi>\n          </span>\n        ) : (\n          <Popover.Root open={pickerOpen} onOpenChange={setPickerOpen}>\n            <Popover.Trigger asChild>\n              <button\n                type=\"button\"\n                disabled={effectiveDisabled}\n                aria-haspopup=\"listbox\"\n                aria-expanded={pickerOpen}\n                aria-label={triggerAccessibleName}\n                className={countryTriggerVariants({ size })}\n              >\n                <Flag country={country} size={flagSizeBySize[size]} />\n                <bdi dir=\"ltr\" className=\"ds:tabular-nums\">\n                  +{selectedDialCode}\n                </bdi>\n                <ChevronDown\n                  aria-hidden=\"true\"\n                  className={[\n                    chevronSizeBySize[size],\n                    'ds:shrink-0 ds:text-muted-foreground',\n                    'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                    pickerOpen ? 'ds:rotate-180' : '',\n                  ].join(' ')}\n                />\n              </button>\n            </Popover.Trigger>\n            <Popover.Portal>\n              <Popover.Content\n                sideOffset={6}\n                align=\"start\"\n                className={pickerContentClasses}\n              >\n                <Command\n                  filter={filterFn}\n                  shouldFilter\n                  loop\n                  label={triggerLabel}\n                >\n                  <Command.Input\n                    asChild\n                    value={pickerSearch}\n                    onValueChange={setPickerSearch}\n                  >\n                    <input\n                      data-phone-country-search=\"true\"\n                      type=\"text\"\n                      autoComplete=\"off\"\n                      autoCorrect=\"off\"\n                      spellCheck={false}\n                      placeholder={t(\n                        'inputs.phone.searchCountry',\n                        'Search countries…',\n                      )}\n                      className={pickerSearchClasses}\n                    />\n                  </Command.Input>\n                  <Command.List className={pickerListClasses}>\n                    <Command.Empty className={pickerEmptyClasses}>\n                      {t('inputs.phone.noCountryFound', 'No country found')}\n                    </Command.Empty>\n                    {popularRows.length > 0 ? (\n                      <Command.Group\n                        heading={\n                          <span className={pickerGroupHeadingClasses}>\n                            {t('inputs.phone.popularCountries', 'Popular')}\n                          </span>\n                        }\n                      >\n                        {popularRows.map(renderRow)}\n                      </Command.Group>\n                    ) : null}\n                    <Command.Group\n                      heading={\n                        popularRows.length > 0 ? (\n                          <span className={pickerGroupHeadingClasses}>\n                            {t('inputs.phone.allCountries', 'All countries')}\n                          </span>\n                        ) : undefined\n                      }\n                    >\n                      {remainingRows.map(renderRow)}\n                    </Command.Group>\n                  </Command.List>\n                </Command>\n              </Popover.Content>\n            </Popover.Portal>\n          </Popover.Root>\n        )}\n        <input\n          ref={composedInputRef}\n          id={inputId}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel-national\"\n          value={displayValue}\n          placeholder={resolvedPlaceholder}\n          disabled={effectiveDisabled}\n          readOnly={readOnly}\n          required={effectiveRequired}\n          aria-label={ariaLabel}\n          aria-describedby={describedBy}\n          aria-invalid={effectiveInvalid || undefined}\n          onChange={handleInputChange}\n          className={phoneNumberInputVariants({ size })}\n        />\n      </div>\n    );\n  },\n);\n\nPhoneInput.displayName = 'PhoneInput';\n\nexport {\n  phoneInputWrapperVariants,\n  countryTriggerVariants,\n  phoneNumberInputVariants,\n};\n"],"names":["phoneInputAgent","handle","args","phoneInputWrapperVariants","cva","countryTriggerVariants","phoneNumberInputVariants","pickerContentClasses","pickerSearchClasses","pickerListClasses","pickerItemClasses","pickerGroupHeadingClasses","pickerEmptyClasses","chevronSizeBySize","flagSizeBySize","countDigitsBefore","str","position","digits","i","positionAfterDigits","targetDigits","count","resolveDefaultCountry","explicit","supported","detectBrowser","locale","allowedList","allowed","ok","code","fromNavigator","match","candidate","region","buildCountryRows","countries","displayNames","rows","getCountryCallingCode","collator","a","b","PhoneInput","forwardRef","value","defaultValue","defaultCountry","detectBrowserCountry","onChange","size","tone","disabled","readOnly","placeholder","popularCountries","allowedCountries","className","id","name","required","ariaLabel","ref","t","i18n","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","supportedCountries","useMemo","getCountries","seen","filtered","isCountryFixed","initialState","resolvedCountry","raw","parsed","parsePhoneNumberFromString","AsYouType","country","setCountry","useState","displayValue","setDisplayValue","pickerOpen","setPickerOpen","pickerSearch","setPickerSearch","isControlled","lastEmittedRef","useRef","pendingCaretRef","userSelectedCountryRef","inputRef","composedInputRef","composeRefs","useEffect","next","prev","current","useIsomorphicLayoutEffect","pos","node","emit","useCallback","nextDisplay","nextCountry","e164","inputId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","resolvedPlaceholder","handleInputChange","event","target","caret","digitsBefore","formatted","lastEmittedRefForHandle","agentHandle","_a","useAgentRegistration","handleCountrySelect","formatter","reformatted","countryRows","popularRows","byCode","row","popularCodes","remainingRows","selected","selectedDialCode","selectedName","triggerLabel","triggerAccessibleName","filterFn","searchStr","keywords","normalizedCandidate","normalizeDiacritics","normalizedSearch","normalizedKeywords","defaultFilter","renderRow","accessibleLabel","jsxs","Command","jsx","Flag","Popover","ChevronDown"],"mappings":"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"}