docthub-core-components 3.3.11 → 3.3.12

package/dist/components/overrides/ui/inputs/phone-input.js

@@ -1,205 +1,205 @@
 "use client";
-import { jsxs as j, jsx as i, Fragment as V } from "react/jsx-runtime";
-import { c as Z } from "react-compiler-runtime";
-import { ChevronsUpDown as se, CheckIcon as ie } from "lucide-react";
-import * as h from "react";
-import * as oe from "react-phone-number-input";
-import { isPossiblePhoneNumber as Te, isValidPhoneNumber as Be } from "react-phone-number-input";
-import ce from "react-phone-number-input/flags";
-import { CommandInput as ae, CommandEmpty as de, CommandList as me, CommandGroup as fe, Command as ue, CommandItem as pe } from "../../../ui/command.js";
-import { Input as ye } from "../../../ui/input.js";
-import { Label as he } from "../../../ui/label.js";
-import { PopoverTrigger as be, PopoverContent as ge, Popover as xe } from "../../../ui/popover.js";
-import { cn as H } from "../../../../lib/utils.js";
-import { DoctTypography as W } from "../../../ui/typography.js";
-const ve = /\D/g, J = (r) => r.replace(ve, ""), Y = (r) => {
+import { jsx as a, jsxs as B, Fragment as De } from "react/jsx-runtime";
+import { c as ge } from "react-compiler-runtime";
+import { ChevronsUpDown as Te, CheckIcon as Ae } from "lucide-react";
+import * as P from "react";
+import * as ke from "react-phone-number-input";
+import { isPossiblePhoneNumber as pt, isValidPhoneNumber as yt } from "react-phone-number-input";
+import Be from "react-phone-number-input/flags";
+import { CommandInput as Le, CommandEmpty as Ve, CommandList as ze, CommandGroup as Ge, Command as Ue, CommandItem as qe } from "../../../ui/command.js";
+import { Input as Me } from "../../../ui/input.js";
+import { Label as Xe } from "../../../ui/label.js";
+import { PopoverTrigger as He, PopoverContent as Je, Popover as Ke } from "../../../ui/popover.js";
+import { cn as ee } from "../../../../lib/utils.js";
+import { DoctTypography as _e } from "../../../ui/typography.js";
+const Qe = /\D/g, te = (r) => r.replace(Qe, ""), Fe = (r) => {
   const e = r.match(/^\+\s*(\d+)\s*-\s*(\d*)\s*$/);
   return e ? {
     callingCode: e[1],
     national: e[2]
   } : null;
-}, ee = (r) => {
+}, je = (r) => {
   if (r == null) return "";
-  const e = String(r).trim(), t = Y(e);
-  return t ? t.national : J(e);
-}, B = (r) => {
+  const e = String(r).trim(), t = Fe(e);
+  return t ? t.national : te(e);
+}, q = (r) => {
   if (!r) return "91";
   if (typeof r == "object" && "countryCode" in r)
-    return J(r.countryCode) || "91";
+    return te(r.countryCode) || "91";
   try {
-    return oe.getCountryCallingCode(r);
+    return ke.getCountryCallingCode(r);
   } catch {
     return "91";
   }
-}, te = (r, e) => {
+}, Oe = (r, e) => {
   if (r == null)
     return e && e.length > 0 ? e[0] : "IN";
   if (typeof r == "number" && (e != null && e.length)) {
     const t = e[0];
     if (t && typeof t == "object" && "countryId" in t) {
-      const o = e.find((c) => c.countryId === r);
+      const o = e.find((n) => n.countryId === r);
       if (o) return o;
     }
     return e[r];
   }
   return r;
-}, re = (r, e) => {
-  if (!e) return r ? `+${J(r)}` : "";
-  const t = B(e);
+}, Re = (r, e) => {
+  if (!e) return r ? `+${te(r)}` : "";
+  const t = q(e);
   return r ? `+${t}-${r}` : `+${t}`;
-}, K = (r, e) => e ? typeof r == "object" && "countryId" in r && typeof e == "object" && "countryId" in e ? r.countryId === e.countryId : r === e : !1, Q = (r, e, t) => {
-  const o = J(e), c = r.map((n) => n.value).filter((n) => !!n).filter((n) => B(n) === o);
-  if (c.length !== 0)
-    return t && c.some((n) => K(n, t)) ? t : c[0];
-}, ne = (r) => {
-  const e = Z(5), {
+}, $e = (r, e) => e ? typeof r == "object" && "countryId" in r && typeof e == "object" && "countryId" in e ? r.countryId === e.countryId : r === e : !1, Se = (r, e, t) => {
+  const o = te(e), n = r.map((l) => l.value).filter((l) => !!l).filter((l) => q(l) === o);
+  if (n.length !== 0)
+    return t && n.some((l) => $e(l, t)) ? t : n[0];
+}, Ee = (r) => {
+  const e = ge(5), {
     country: t,
     countryName: o
-  } = r, c = ce[t];
-  let n;
-  e[0] !== c || e[1] !== o ? (n = c && /* @__PURE__ */ i(c, { title: o }), e[0] = c, e[1] = o, e[2] = n) : n = e[2];
-  let a;
-  return e[3] !== n ? (a = /* @__PURE__ */ i("span", { className: "flex h-4 w-6 overflow-hidden rounded-sm bg-foreground/20 [&_svg:not([class*='size-'])]:size-full", children: n }), e[3] = n, e[4] = a) : a = e[4], a;
-}, we = (r) => {
-  const e = Z(48), {
+  } = r, n = Be[t];
+  let l;
+  e[0] !== n || e[1] !== o ? (l = n && /* @__PURE__ */ a(n, { title: o }), e[0] = n, e[1] = o, e[2] = l) : l = e[2];
+  let s;
+  return e[3] !== l ? (s = /* @__PURE__ */ a("span", { className: "flex h-4 w-6 overflow-hidden rounded-sm bg-foreground/20 [&_svg:not([class*='size-'])]:size-full", children: l }), e[3] = l, e[4] = s) : s = e[4], s;
+}, We = (r) => {
+  const e = ge(48), {
     disabled: t,
     value: o,
-    options: c,
-    onChange: n,
-    showFlagVariant: a,
-    hasError: I,
-    popoverAnchorRef: u
-  } = r, w = h.useRef(null), [F, p] = h.useState(""), [N, b] = h.useState(!1);
-  let f;
-  e[0] !== o ? (f = o ? `+${B(o)}` : "+91", e[0] = o, e[1] = f) : f = e[1];
-  const m = f;
-  let g;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (g = (_) => {
-    b(_), _ && p("");
-  }, e[2] = g) : g = e[2];
-  const x = I ? "border-destructive" : "border-gray-300", $ = N && "bg-gray-100";
-  let R;
-  e[3] !== x || e[4] !== $ ? (R = H("flex h-[40px] items-center gap-1.5 rounded-l-md rounded-r-none border-l-[1px] border-t-[1px] border-b-[1px] bg-white px-3 py-[1px] text-sm font-medium text-gray-900 transition-colors", x, "hover:bg-gray-100 focus:z-10 focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", $), e[3] = x, e[4] = $, e[5] = R) : R = e[5];
-  let P;
-  e[6] !== o || e[7] !== a ? (P = a && o && typeof o == "string" && /* @__PURE__ */ i("span", { className: "mr-1 flex items-center", children: /* @__PURE__ */ i(ne, { country: o, countryName: o }) }), e[6] = o, e[7] = a, e[8] = P) : P = e[8];
+    options: n,
+    onChange: l,
+    showFlagVariant: s,
+    hasError: b,
+    popoverAnchorRef: m
+  } = r, v = P.useRef(null), [$, N] = P.useState(""), [g, x] = P.useState(!1);
+  let c;
+  e[0] !== o ? (c = o ? `+${q(o)}` : "+91", e[0] = o, e[1] = c) : c = e[1];
+  const y = c;
+  let i;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (i = (S) => {
+    x(S), S && N("");
+  }, e[2] = i) : i = e[2];
+  const d = b ? "border-destructive" : "border-gray-300", C = g && "bg-gray-100";
+  let I;
+  e[3] !== d || e[4] !== C ? (I = ee("flex h-[40px] items-center gap-1.5 rounded-l-md rounded-r-none border-l-[1px] border-t-[1px] border-b-[1px] bg-white px-3 py-[1px] text-sm font-medium text-gray-900 transition-colors", d, "hover:bg-gray-100 focus:z-10 focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", C), e[3] = d, e[4] = C, e[5] = I) : I = e[5];
+  let _;
+  e[6] !== o || e[7] !== s ? (_ = s && o && typeof o == "string" && /* @__PURE__ */ a("span", { className: "mr-1 flex items-center", children: /* @__PURE__ */ a(Ee, { country: o, countryName: o }) }), e[6] = o, e[7] = s, e[8] = _) : _ = e[8];
   let D;
-  e[9] !== m ? (D = /* @__PURE__ */ i(W, { variant: "body2", weight: "regular", className: "text-gray-900", children: m }), e[9] = m, e[10] = D) : D = e[10];
-  const G = t && "hidden";
-  let O;
-  e[11] !== G ? (O = H("h-4 w-4 text-gray-500 shrink-0", G), e[11] = G, e[12] = O) : O = e[12];
-  let k;
-  e[13] !== O ? (k = /* @__PURE__ */ i(se, { className: O }), e[13] = O, e[14] = k) : k = e[14];
-  let A;
-  e[15] !== t || e[16] !== k || e[17] !== R || e[18] !== P || e[19] !== D ? (A = /* @__PURE__ */ i(be, { asChild: !0, children: /* @__PURE__ */ j("button", { type: "button", disabled: t, className: R, children: [
-    P,
+  e[9] !== y ? (D = /* @__PURE__ */ a(_e, { variant: "body2", weight: "regular", className: "text-gray-900", children: y }), e[9] = y, e[10] = D) : D = e[10];
+  const L = t && "hidden";
+  let u;
+  e[11] !== L ? (u = ee("h-4 w-4 text-gray-500 shrink-0", L), e[11] = L, e[12] = u) : u = e[12];
+  let z;
+  e[13] !== u ? (z = /* @__PURE__ */ a(Te, { className: u }), e[13] = u, e[14] = z) : z = e[14];
+  let G;
+  e[15] !== t || e[16] !== z || e[17] !== I || e[18] !== _ || e[19] !== D ? (G = /* @__PURE__ */ a(He, { asChild: !0, children: /* @__PURE__ */ B("button", { type: "button", disabled: t, className: I, children: [
+    _,
     D,
-    k
-  ] }) }), e[15] = t, e[16] = k, e[17] = R, e[18] = P, e[19] = D, e[20] = A) : A = e[20];
-  let L;
-  e[21] === Symbol.for("react.memo_cache_sentinel") ? (L = {
+    z
+  ] }) }), e[15] = t, e[16] = z, e[17] = I, e[18] = _, e[19] = D, e[20] = G) : G = e[20];
+  let O;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (O = {
     side: "flip",
     align: "shift",
     fallbackAxisSide: "none"
-  }, e[21] = L) : L = e[21];
+  }, e[21] = O) : O = e[21];
   let M;
-  e[22] === Symbol.for("react.memo_cache_sentinel") ? (M = (_) => {
-    p(_), window.setTimeout(() => {
-      const X = w.current;
-      X && (X.scrollTop = 0);
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (M = (S) => {
+    N(S), window.setTimeout(() => {
+      const U = v.current;
+      U && (U.scrollTop = 0);
     }, 0);
   }, e[22] = M) : M = e[22];
-  let v;
-  e[23] !== F ? (v = /* @__PURE__ */ i("div", { className: "mb-3 h-[32px] rounded-full border border-gray-300 bg-white overflow-hidden [&_[cmdk-input-wrapper]]:h-full [&_[cmdk-input-wrapper]]:px-3 [&_[cmdk-input-wrapper]_svg]:text-gray-500", children: /* @__PURE__ */ i(ae, { value: F, onValueChange: M, placeholder: "Search country..." }) }), e[23] = F, e[24] = v) : v = e[24];
-  let U, d;
-  e[25] === Symbol.for("react.memo_cache_sentinel") ? (U = {
+  let F;
+  e[23] !== $ ? (F = /* @__PURE__ */ a("div", { className: "mb-3 h-[32px] rounded-full border border-gray-300 bg-white overflow-hidden [&_[cmdk-input-wrapper]]:h-full [&_[cmdk-input-wrapper]]:px-3 [&_[cmdk-input-wrapper]_svg]:text-gray-500", children: /* @__PURE__ */ a(Le, { value: $, onValueChange: M, placeholder: "Search country..." }) }), e[23] = $, e[24] = F) : F = e[24];
+  let R, V;
+  e[25] === Symbol.for("react.memo_cache_sentinel") ? (R = {
     msOverflowStyle: "none"
-  }, d = /* @__PURE__ */ i(de, { children: "No country found." }), e[25] = U, e[26] = d) : (U = e[25], d = e[26]);
-  let S;
-  if (e[27] !== c || e[28] !== n || e[29] !== o || e[30] !== a) {
-    let _;
-    e[32] !== n || e[33] !== o || e[34] !== a ? (_ = (X) => {
+  }, V = /* @__PURE__ */ a(Ve, { children: "No country found." }), e[25] = R, e[26] = V) : (R = e[25], V = e[26]);
+  let T;
+  if (e[27] !== n || e[28] !== l || e[29] !== o || e[30] !== s) {
+    let S;
+    e[32] !== l || e[33] !== o || e[34] !== s ? (S = (U) => {
       const {
-        value: T,
-        label: l,
-        countryCode: s
-      } = X;
-      return T ? /* @__PURE__ */ i(Ne, { country: T, countryName: l, countryCode: s, selectedCountry: o, onChange: n, onSelectComplete: () => b(!1), showFlagVariant: a }, typeof T == "object" && "countryId" in T ? T.countryId : T) : null;
-    }, e[32] = n, e[33] = o, e[34] = a, e[35] = _) : _ = e[35], S = c.map(_), e[27] = c, e[28] = n, e[29] = o, e[30] = a, e[31] = S;
+        value: E,
+        label: f,
+        countryCode: X
+      } = U;
+      return E ? /* @__PURE__ */ a(Ye, { country: E, countryName: f, countryCode: X, selectedCountry: o, onChange: l, onSelectComplete: () => x(!1), showFlagVariant: s }, typeof E == "object" && "countryId" in E ? E.countryId : E) : null;
+    }, e[32] = l, e[33] = o, e[34] = s, e[35] = S) : S = e[35], T = n.map(S), e[27] = n, e[28] = l, e[29] = o, e[30] = s, e[31] = T;
   } else
-    S = e[31];
-  let E;
-  e[36] !== S ? (E = /* @__PURE__ */ i(me, { children: /* @__PURE__ */ j("div", { ref: w, className: "max-h-[min(288px,calc(100vh-12rem))] overflow-y-auto -mx-1 px-1 [&::-webkit-scrollbar]:hidden [scrollbar-width:none]", style: U, children: [
-    d,
-    /* @__PURE__ */ i(fe, { children: S })
-  ] }) }), e[36] = S, e[37] = E) : E = e[37];
-  let y;
-  e[38] !== v || e[39] !== E ? (y = /* @__PURE__ */ j(ue, { children: [
-    v,
-    E
-  ] }), e[38] = v, e[39] = E, e[40] = y) : y = e[40];
-  let C;
-  e[41] !== u || e[42] !== y ? (C = /* @__PURE__ */ i(ge, { anchor: u, side: "bottom", sideOffset: 6, collisionAvoidance: L, className: "w-[min(var(--anchor-width),calc(100vw-1rem))] max-w-[var(--available-width)] min-w-0 p-1 shadow-md border border-gray-300 rounded-md", align: "start", children: y }), e[41] = u, e[42] = y, e[43] = C) : C = e[43];
-  let z;
-  return e[44] !== N || e[45] !== A || e[46] !== C ? (z = /* @__PURE__ */ j(xe, { open: N, modal: !0, onOpenChange: g, children: [
-    A,
-    C
-  ] }), e[44] = N, e[45] = A, e[46] = C, e[47] = z) : z = e[47], z;
-}, Ne = (r) => {
-  const e = Z(21), {
+    T = e[31];
+  let j;
+  e[36] !== T ? (j = /* @__PURE__ */ a(ze, { children: /* @__PURE__ */ B("div", { ref: v, className: "max-h-[min(288px,calc(100vh-12rem))] overflow-y-auto -mx-1 px-1 [&::-webkit-scrollbar]:hidden [scrollbar-width:none]", style: R, children: [
+    V,
+    /* @__PURE__ */ a(Ge, { children: T })
+  ] }) }), e[36] = T, e[37] = j) : j = e[37];
+  let A;
+  e[38] !== F || e[39] !== j ? (A = /* @__PURE__ */ B(Ue, { children: [
+    F,
+    j
+  ] }), e[38] = F, e[39] = j, e[40] = A) : A = e[40];
+  let k;
+  e[41] !== m || e[42] !== A ? (k = /* @__PURE__ */ a(Je, { anchor: m, side: "bottom", sideOffset: 6, collisionAvoidance: O, className: "w-[min(var(--anchor-width),calc(100vw-1rem))] max-w-[var(--available-width)] min-w-0 p-1 shadow-md border border-gray-300 rounded-md", align: "start", children: A }), e[41] = m, e[42] = A, e[43] = k) : k = e[43];
+  let h;
+  return e[44] !== g || e[45] !== G || e[46] !== k ? (h = /* @__PURE__ */ B(Ke, { open: g, modal: !0, onOpenChange: i, children: [
+    G,
+    k
+  ] }), e[44] = g, e[45] = G, e[46] = k, e[47] = h) : h = e[47], h;
+}, Ye = (r) => {
+  const e = ge(21), {
     country: t,
     countryName: o,
-    countryCode: c,
-    selectedCountry: n,
-    onChange: a,
-    onSelectComplete: I,
-    showFlagVariant: u
+    countryCode: n,
+    selectedCountry: l,
+    onChange: s,
+    onSelectComplete: b,
+    showFlagVariant: m
   } = r;
-  let w;
-  e[0] !== t || e[1] !== a || e[2] !== I ? (w = () => {
-    a(t), I();
-  }, e[0] = t, e[1] = a, e[2] = I, e[3] = w) : w = e[3];
-  const F = w;
-  let p;
+  let v;
+  e[0] !== t || e[1] !== s || e[2] !== b ? (v = () => {
+    s(t), b();
+  }, e[0] = t, e[1] = s, e[2] = b, e[3] = v) : v = e[3];
+  const $ = v;
+  let N;
   e: {
-    if (!n) {
-      p = !1;
+    if (!l) {
+      N = !1;
       break e;
     }
-    if (typeof t == "object" && "countryId" in t && typeof n == "object" && "countryId" in n) {
-      p = t.countryId === n.countryId;
+    if (typeof t == "object" && "countryId" in t && typeof l == "object" && "countryId" in l) {
+      N = t.countryId === l.countryId;
       break e;
     }
-    p = t === n;
+    N = t === l;
   }
-  const N = p, b = typeof t == "object" && "countryId" in t ? `${t.countryName} ${t.countryCode}` : `${o} ${c}`;
-  let f;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (f = H("flex items-center gap-3 px-3 py-2.5 text-sm cursor-pointer transition-colors", "data-[selected=true]:bg-[#F5F5F5] data-[selected=true]:text-gray-900", "hover:bg-[#F5F5F5]"), e[4] = f) : f = e[4];
-  let m;
-  e[5] !== t || e[6] !== o || e[7] !== u ? (m = u && typeof t == "string" && /* @__PURE__ */ i("span", { className: "flex items-center", children: /* @__PURE__ */ i(ne, { country: t, countryName: o }) }), e[5] = t, e[6] = o, e[7] = u, e[8] = m) : m = e[8];
-  let g;
-  e[9] !== c || e[10] !== o || e[11] !== u ? (g = u ? /* @__PURE__ */ j(V, { children: [
-    /* @__PURE__ */ i("span", { className: "flex-1 text-sm font-normal text-gray-700", children: o }),
-    /* @__PURE__ */ i(W, { variant: "body2", weight: "regular", className: "text-gray-900 min-w-[50px] text-right", children: c })
-  ] }) : /* @__PURE__ */ j(V, { children: [
-    /* @__PURE__ */ i(W, { variant: "body2", weight: "regular", className: "text-gray-900 min-w-[50px]", children: c }),
-    /* @__PURE__ */ i("span", { className: "flex-1 text-sm font-normal text-gray-700", children: o })
-  ] }), e[9] = c, e[10] = o, e[11] = u, e[12] = g) : g = e[12];
-  let x;
-  e[13] !== N ? (x = N && /* @__PURE__ */ i(ie, { className: "ml-auto h-4 w-4 text-gray-900 shrink-0" }), e[13] = N, e[14] = x) : x = e[14];
-  let $;
-  return e[15] !== F || e[16] !== b || e[17] !== m || e[18] !== g || e[19] !== x ? ($ = /* @__PURE__ */ j(pe, { value: b, className: f, onSelect: F, children: [
-    m,
-    g,
-    x
-  ] }), e[15] = F, e[16] = b, e[17] = m, e[18] = g, e[19] = x, e[20] = $) : $ = e[20], $;
-}, Ie = oe.getCountries(), Se = (r) => {
+  const g = N, x = typeof t == "object" && "countryId" in t ? `${t.countryName} ${t.countryCode}` : `${o} ${n}`;
+  let c;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (c = ee("flex items-center gap-3 px-3 py-2.5 text-sm cursor-pointer transition-colors", "data-[selected=true]:bg-[#F5F5F5] data-[selected=true]:text-gray-900", "hover:bg-[#F5F5F5]"), e[4] = c) : c = e[4];
+  let y;
+  e[5] !== t || e[6] !== o || e[7] !== m ? (y = m && typeof t == "string" && /* @__PURE__ */ a("span", { className: "flex items-center", children: /* @__PURE__ */ a(Ee, { country: t, countryName: o }) }), e[5] = t, e[6] = o, e[7] = m, e[8] = y) : y = e[8];
+  let i;
+  e[9] !== n || e[10] !== o || e[11] !== m ? (i = m ? /* @__PURE__ */ B(De, { children: [
+    /* @__PURE__ */ a("span", { className: "flex-1 text-sm font-normal text-gray-700", children: o }),
+    /* @__PURE__ */ a(_e, { variant: "body2", weight: "regular", className: "text-gray-900 min-w-[50px] text-right", children: n })
+  ] }) : /* @__PURE__ */ B(De, { children: [
+    /* @__PURE__ */ a(_e, { variant: "body2", weight: "regular", className: "text-gray-900 min-w-[50px]", children: n }),
+    /* @__PURE__ */ a("span", { className: "flex-1 text-sm font-normal text-gray-700", children: o })
+  ] }), e[9] = n, e[10] = o, e[11] = m, e[12] = i) : i = e[12];
+  let d;
+  e[13] !== g ? (d = g && /* @__PURE__ */ a(Ae, { className: "ml-auto h-4 w-4 text-gray-900 shrink-0" }), e[13] = g, e[14] = d) : d = e[14];
+  let C;
+  return e[15] !== $ || e[16] !== x || e[17] !== y || e[18] !== i || e[19] !== d ? (C = /* @__PURE__ */ B(qe, { value: x, className: c, onSelect: $, children: [
+    y,
+    i,
+    d
+  ] }), e[15] = $, e[16] = x, e[17] = y, e[18] = i, e[19] = d, e[20] = C) : C = e[20], C;
+}, Ze = ke.getCountries(), et = (r) => {
   if (!r || r.length === 0)
-    return Ie.map((t) => ({
+    return Ze.map((t) => ({
       value: t,
       label: new Intl.DisplayNames(["en"], {
         type: "region"
       }).of(t) ?? t,
-      countryCode: `+${B(t)}`
+      countryCode: `+${q(t)}`
     }));
   const e = r[0];
   return e && typeof e == "object" && "countryId" in e ? r.map((t) => ({
@@ -211,88 +211,140 @@ const ve = /\D/g, J = (r) => r.replace(ve, ""), Y = (r) => {
     label: new Intl.DisplayNames(["en"], {
       type: "region"
     }).of(t) ?? t,
-    countryCode: `+${B(t)}`
+    countryCode: `+${q(t)}`
   }));
 };
-function Pe({
-  label: r,
-  helperText: e,
-  error: t,
-  required: o,
-  className: c,
-  "aria-describedby": n,
-  id: a,
-  value: I = "",
-  onPhoneChange: u,
-  countryCode: w,
-  onCountryCodeChange: F,
-  onValuesChange: p,
-  onCountryChange: N,
-  onValueChange: b,
-  countries: f,
-  defaultCountry: m,
-  variant: g = "default",
-  disabled: x,
-  placeholder: $,
-  ...R
-}) {
-  const P = h.useId(), D = h.useId(), G = h.useRef(null), O = a ?? P, k = !!(e || t), A = [n, k ? D : void 0].filter(Boolean).join(" ") || void 0, L = !!t, M = g === "flag", v = h.useMemo(() => Se(f), [f]), U = () => {
-    const l = Y(String(I ?? "").trim());
-    if (l) {
-      const s = Q(v, l.callingCode, void 0);
-      if (s) return s;
+function ft(r) {
+  const e = ge(110);
+  let t, o, n, l, s, b, m, v, $, N, g, x, c, y, i, d, C, I, _, D, L;
+  e[0] !== r ? ({
+    label: g,
+    helperText: v,
+    error: m,
+    required: I,
+    className: o,
+    "aria-describedby": t,
+    id: $,
+    value: D,
+    onPhoneChange: y,
+    countryCode: l,
+    onCountryCodeChange: c,
+    onValuesChange: d,
+    onCountryChange: x,
+    onValueChange: i,
+    countries: n,
+    defaultCountry: s,
+    variant: L,
+    disabled: b,
+    placeholder: C,
+    inputRef: N,
+    ..._
+  } = r, e[0] = r, e[1] = t, e[2] = o, e[3] = n, e[4] = l, e[5] = s, e[6] = b, e[7] = m, e[8] = v, e[9] = $, e[10] = N, e[11] = g, e[12] = x, e[13] = c, e[14] = y, e[15] = i, e[16] = d, e[17] = C, e[18] = I, e[19] = _, e[20] = D, e[21] = L) : (t = e[1], o = e[2], n = e[3], l = e[4], s = e[5], b = e[6], m = e[7], v = e[8], $ = e[9], N = e[10], g = e[11], x = e[12], c = e[13], y = e[14], i = e[15], d = e[16], C = e[17], I = e[18], _ = e[19], D = e[20], L = e[21]);
+  const u = D === void 0 ? "" : D, z = L === void 0 ? "default" : L, G = P.useId(), O = P.useId(), M = P.useRef(null), F = $ ?? G, R = !!(v || m);
+  let V;
+  e[22] !== t || e[23] !== R || e[24] !== O ? (V = [t, R ? O : void 0].filter(Boolean).join(" ") || void 0, e[22] = t, e[23] = R, e[24] = O, e[25] = V) : V = e[25];
+  const T = V, j = !!m, A = z === "flag";
+  let k;
+  e[26] !== n ? (k = et(n), e[26] = n, e[27] = k) : k = e[27];
+  const h = k;
+  let S;
+  e[28] !== n || e[29] !== h || e[30] !== s || e[31] !== u ? (S = () => {
+    const p = Fe(String(u ?? "").trim());
+    if (p) {
+      const w = Se(h, p.callingCode, void 0);
+      if (w)
+        return w;
     }
-    return te(m, f);
-  }, [d, S] = h.useState(() => U()), E = w !== void 0, y = h.useRef(F);
-  y.current = F;
-  const C = h.useRef(null);
-  h.useEffect(() => {
-    if (m != null) {
-      const l = te(m, f);
-      l && S((s) => s && K(l, s) ? s : l);
+    return Oe(s, n);
+  }, e[28] = n, e[29] = h, e[30] = s, e[31] = u, e[32] = S) : S = e[32];
+  const U = S;
+  let E;
+  e[33] !== U ? (E = () => U(), e[33] = U, e[34] = E) : E = e[34];
+  const [f, X] = P.useState(E);
+  let re, oe;
+  e[35] !== n || e[36] !== s ? (re = () => {
+    if (s != null) {
+      const p = Oe(s, n);
+      p && X(p);
     }
-  }, [m, f]), h.useEffect(() => {
-    var s;
-    if (!d) return;
-    const l = B(d);
-    C.current !== l && (C.current = l, (s = y.current) == null || s.call(y, l));
-  }, [d]), h.useEffect(() => {
-    if (!E) return;
-    const l = J(String(w ?? ""));
-    if (l === "") return;
-    const s = Q(v, l, d);
-    s && !K(s, d) && S(s);
-  }, [w, v, E, d]), h.useEffect(() => {
-    const l = Y(String(I ?? "").trim());
-    if (!l) return;
-    const s = Q(v, l.callingCode, d);
-    s && !K(s, d) && S(s);
-  }, [I, v, d]);
-  const z = ee(I), _ = (l) => {
-    var q;
-    S(l);
-    const s = B(l);
-    C.current = s, (q = y.current) == null || q.call(y, s), N == null || N(l), p == null || p([s, z]), b == null || b(re(z, l));
-  }, X = (l) => {
-    const s = l.target.value, q = J(s);
-    u == null || u(q);
-    const le = w ?? B(d);
-    p == null || p([le, q]), b == null || b(re(q, d));
-  }, T = ee(I);
-  return /* @__PURE__ */ j("div", { className: H("space-y-1", c), children: [
-    r && /* @__PURE__ */ j(he, { htmlFor: O, className: "text-sm font-medium text-foreground", children: [
-      r,
-      o && /* @__PURE__ */ i("span", { className: "ml-1 text-destructive", "aria-hidden": "true", children: "*" })
-    ] }),
-    /* @__PURE__ */ j("div", { ref: G, className: "flex w-full min-w-0 items-center", children: [
-      /* @__PURE__ */ i(we, { disabled: x, value: d, options: v, onChange: _, showFlagVariant: M, hasError: L, popoverAnchorRef: G }),
-      /* @__PURE__ */ i(ye, { ...R, ref: void 0, id: O, type: "text", inputMode: "numeric", value: T, onChange: X, disabled: x, placeholder: $, "aria-required": o || void 0, "aria-invalid": L || void 0, "aria-describedby": A, className: H("h-[40px] rounded-r-md rounded-l-none border-t-[1px] border-b-[1px] border-l-[1px] bg-white px-3 py-[1px] text-sm", L ? "border-destructive" : "border-gray-300") })
-    ] }),
-    k && /* @__PURE__ */ i("p", { id: D, className: H("text-xs", t ? "text-destructive" : "text-muted-foreground"), role: t ? "alert" : void 0, children: t || e })
-  ] });
+  }, oe = [s, n], e[35] = n, e[36] = s, e[37] = re, e[38] = oe) : (re = e[37], oe = e[38]), P.useEffect(re, oe);
+  const le = l !== void 0;
+  let ne, se;
+  e[39] !== c || e[40] !== f ? (se = () => {
+    if (!f)
+      return;
+    const p = q(f);
+    c == null || c(p);
+  }, ne = [f, c], e[39] = c, e[40] = f, e[41] = ne, e[42] = se) : (ne = e[41], se = e[42]), P.useEffect(se, ne);
+  let ie, ae;
+  e[43] !== l || e[44] !== h || e[45] !== le || e[46] !== f ? (ie = () => {
+    if (!le)
+      return;
+    const p = te(String(l ?? ""));
+    if (p === "")
+      return;
+    const w = Se(h, p, f);
+    w && !$e(w, f) && X(w);
+  }, ae = [l, h, le, f], e[43] = l, e[44] = h, e[45] = le, e[46] = f, e[47] = ie, e[48] = ae) : (ie = e[47], ae = e[48]), P.useEffect(ie, ae);
+  let ce, de;
+  e[49] !== h || e[50] !== f || e[51] !== u ? (ce = () => {
+    const p = Fe(String(u ?? "").trim());
+    if (!p)
+      return;
+    const w = Se(h, p.callingCode, f);
+    w && !$e(w, f) && X(w);
+  }, de = [u, h, f], e[49] = h, e[50] = f, e[51] = u, e[52] = ce, e[53] = de) : (ce = e[52], de = e[53]), P.useEffect(ce, de);
+  let fe;
+  e[54] !== u ? (fe = je(u), e[54] = u, e[55] = fe) : fe = e[55];
+  const me = fe;
+  let ue;
+  e[56] !== me || e[57] !== x || e[58] !== c || e[59] !== i || e[60] !== d ? (ue = (p) => {
+    X(p);
+    const w = q(p);
+    c == null || c(w), x == null || x(p), d == null || d([w, me]), i == null || i(Re(me, p));
+  }, e[56] = me, e[57] = x, e[58] = c, e[59] = i, e[60] = d, e[61] = ue) : ue = e[61];
+  const be = ue;
+  let pe;
+  e[62] !== l || e[63] !== y || e[64] !== i || e[65] !== d || e[66] !== f ? (pe = (p) => {
+    const w = p.target.value, Ie = te(w);
+    y == null || y(Ie);
+    const Pe = l ?? q(f);
+    d == null || d([Pe, Ie]), i == null || i(Re(Ie, f));
+  }, e[62] = l, e[63] = y, e[64] = i, e[65] = d, e[66] = f, e[67] = pe) : pe = e[67];
+  const ve = pe;
+  let ye;
+  e[68] !== u ? (ye = je(u), e[68] = u, e[69] = ye) : ye = e[69];
+  const xe = ye;
+  let H;
+  e[70] !== o ? (H = ee("space-y-1", o), e[70] = o, e[71] = H) : H = e[71];
+  let J;
+  e[72] !== g || e[73] !== I || e[74] !== F ? (J = g && /* @__PURE__ */ B(Xe, { htmlFor: F, className: "text-sm font-medium text-foreground", children: [
+    g,
+    I && /* @__PURE__ */ a("span", { className: "ml-1 text-destructive", "aria-hidden": "true", children: "*" })
+  ] }), e[72] = g, e[73] = I, e[74] = F, e[75] = J) : J = e[75];
+  let K;
+  e[76] !== h || e[77] !== b || e[78] !== be || e[79] !== j || e[80] !== f || e[81] !== A ? (K = /* @__PURE__ */ a(We, { disabled: b, value: f, options: h, onChange: be, showFlagVariant: A, hasError: j, popoverAnchorRef: M }), e[76] = h, e[77] = b, e[78] = be, e[79] = j, e[80] = f, e[81] = A, e[82] = K) : K = e[82];
+  const Ce = I || void 0, we = j || void 0, Ne = j ? "border-destructive" : "border-gray-300";
+  let Q;
+  e[83] !== Ne ? (Q = ee("h-[40px] rounded-r-md rounded-l-none border-t-[1px] border-b-[1px] border-l-[1px] bg-white px-3 py-[1px] text-sm", Ne), e[83] = Ne, e[84] = Q) : Q = e[84];
+  let W;
+  e[85] !== T || e[86] !== b || e[87] !== ve || e[88] !== N || e[89] !== xe || e[90] !== C || e[91] !== F || e[92] !== _ || e[93] !== Ce || e[94] !== we || e[95] !== Q ? (W = /* @__PURE__ */ a(Me, { ..._, ref: N, id: F, type: "text", inputMode: "numeric", value: xe, onChange: ve, disabled: b, placeholder: C, "aria-required": Ce, "aria-invalid": we, "aria-describedby": T, className: Q }), e[85] = T, e[86] = b, e[87] = ve, e[88] = N, e[89] = xe, e[90] = C, e[91] = F, e[92] = _, e[93] = Ce, e[94] = we, e[95] = Q, e[96] = W) : W = e[96];
+  let Y;
+  e[97] !== K || e[98] !== W ? (Y = /* @__PURE__ */ B("div", { ref: M, className: "flex w-full min-w-0 items-center", children: [
+    K,
+    W
+  ] }), e[97] = K, e[98] = W, e[99] = Y) : Y = e[99];
+  let Z;
+  e[100] !== m || e[101] !== R || e[102] !== O || e[103] !== v ? (Z = R && /* @__PURE__ */ a("p", { id: O, className: ee("text-xs", m ? "text-destructive" : "text-muted-foreground"), role: m ? "alert" : void 0, children: m || v }), e[100] = m, e[101] = R, e[102] = O, e[103] = v, e[104] = Z) : Z = e[104];
+  let he;
+  return e[105] !== H || e[106] !== J || e[107] !== Y || e[108] !== Z ? (he = /* @__PURE__ */ B("div", { className: H, children: [
+    J,
+    Y,
+    Z
+  ] }), e[105] = H, e[106] = J, e[107] = Y, e[108] = Z, e[109] = he) : he = e[109], he;
 }
 export {
-  Pe as DoctPhoneInput,
-  Te as isPossiblePhoneNumber,
-  Be as isValidPhoneNumber
+  ft as DoctPhoneInput,
+  pt as isPossiblePhoneNumber,
+  yt as isValidPhoneNumber
 };