docthub-core-components 3.3.17 → 3.3.19

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

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