docthub-core-components 3.3.6 → 3.3.7

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docthub-core-components",
-  "version": "3.3.6",
+  "version": "3.3.7",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",