docthub-core-components 2.99.2 → 3.1.0

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

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as E, jsxs as G } from "react/jsx-runtime";
+import { c as ae } from "react-compiler-runtime";
+import { useState as de, useId as oe, useEffect as ne } from "react";
+import { Input as ce } from "../../../ui/input.js";
+import { Label as ue } from "../../../ui/label.js";
+import { cn as se } from "../../../../lib/utils.js";
+const xe = (H) => {
+  const e = ae(85);
+  let S, m, h, l, s, r, v, d, i, q, o, n, g, P, c, u, a, T, D, t;
+  e[0] !== H ? ({
+    label: d,
+    placeholder: g,
+    helperText: r,
+    error: l,
+    required: c,
+    type: D,
+    leftIcon: i,
+    rightIcon: a,
+    className: m,
+    inputClassName: v,
+    onChange: o,
+    onValueChange: n,
+    showCharCount: T,
+    maxLength: q,
+    characterLimit: S,
+    value: t,
+    disabled: h,
+    readOnly: P,
+    fridged: s,
+    ...u
+  } = H, e[0] = H, e[1] = S, e[2] = m, e[3] = h, e[4] = l, e[5] = s, e[6] = r, e[7] = v, e[8] = d, e[9] = i, e[10] = q, e[11] = o, e[12] = n, e[13] = g, e[14] = P, e[15] = c, e[16] = u, e[17] = a, e[18] = T, e[19] = D, e[20] = t) : (S = e[1], m = e[2], h = e[3], l = e[4], s = e[5], r = e[6], v = e[7], d = e[8], i = e[9], q = e[10], o = e[11], n = e[12], g = e[13], P = e[14], c = e[15], u = e[16], a = e[17], T = e[18], D = e[19], t = e[20]);
+  const J = D === void 0 ? "text" : D, [K, ie] = de(typeof t == "string" ? t.length : String(t ?? "").length), x = oe(), b = oe(), A = P || s, f = S || q, Q = u["aria-describedby"];
+  let F;
+  e[21] !== l || e[22] !== b || e[23] !== r || e[24] !== Q ? (F = [Q, r || l ? b : void 0].filter(Boolean).join(" ") || void 0, e[21] = l, e[22] = b, e[23] = r, e[24] = Q, e[25] = F) : F = e[25];
+  const U = F;
+  let M, R;
+  e[26] !== s ? (M = () => {
+    s && process.env.NODE_ENV !== "production" && console.warn('[LabeledInput] The "fridged" prop is deprecated and will be removed in v3.0. Please use "readOnly" instead.');
+  }, R = [s], e[26] = s, e[27] = M, e[28] = R) : (M = e[27], R = e[28]), ne(M, R);
+  let _;
+  e[29] !== o || e[30] !== n ? (_ = (re) => {
+    o == null || o(re), n == null || n(re.target.value), ie(re.target.value.length);
+  }, e[29] = o, e[30] = n, e[31] = _) : _ = e[31];
+  const V = _;
+  let $, k;
+  e[32] !== t ? ($ = () => {
+    t !== void 0 && ie(typeof t == "string" ? t.length : String(t).length);
+  }, k = [t], e[32] = t, e[33] = $, e[34] = k) : ($ = e[33], k = e[34]), ne($, k);
+  const p = T && typeof f == "number";
+  let y;
+  e[35] !== m ? (y = se("space-y-1", m), e[35] = m, e[36] = y) : y = e[36];
+  let N;
+  e[37] !== x || e[38] !== d || e[39] !== c ? (N = d && /* @__PURE__ */ G(ue, { htmlFor: x, className: "text-sm font-medium text-foreground", children: [
+    d,
+    c && /* @__PURE__ */ E("span", { className: "text-destructive ml-1", "aria-hidden": "true", children: "*" })
+  ] }), e[37] = x, e[38] = d, e[39] = c, e[40] = N) : N = e[40];
+  let I;
+  e[41] !== i ? (I = i && /* @__PURE__ */ E("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: i }), e[41] = i, e[42] = I) : I = e[42];
+  let C;
+  e[43] !== a || e[44] !== p ? (C = a && !p && /* @__PURE__ */ E("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: a }), e[43] = a, e[44] = p, e[45] = C) : C = e[45];
+  const W = i && "pl-10", X = a && "pr-10", Y = p && "pr-16", Z = l && "border-destructive", ee = A && "cursor-not-allowed bg-muted text-muted-foreground opacity-70";
+  let L;
+  e[46] !== v || e[47] !== W || e[48] !== X || e[49] !== Y || e[50] !== Z || e[51] !== ee ? (L = se(W, X, Y, Z, ee, v), e[46] = v, e[47] = W, e[48] = X, e[49] = Y, e[50] = Z, e[51] = ee, e[52] = L) : L = e[52];
+  const te = !!l || void 0, le = c || void 0;
+  let w;
+  e[53] !== U || e[54] !== h || e[55] !== f || e[56] !== V || e[57] !== x || e[58] !== A || e[59] !== g || e[60] !== u || e[61] !== L || e[62] !== te || e[63] !== le || e[64] !== J || e[65] !== t ? (w = /* @__PURE__ */ E(ce, { id: x, type: J, placeholder: g, disabled: h, readOnly: A, value: t, maxLength: f, onChange: V, className: L, "aria-invalid": te, "aria-required": le, "aria-describedby": U, ...u }), e[53] = U, e[54] = h, e[55] = f, e[56] = V, e[57] = x, e[58] = A, e[59] = g, e[60] = u, e[61] = L, e[62] = te, e[63] = le, e[64] = J, e[65] = t, e[66] = w) : w = e[66];
+  let O;
+  e[67] !== K || e[68] !== f || e[69] !== p ? (O = p && /* @__PURE__ */ G("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-xs text-muted-foreground pointer-events-none", "aria-live": "polite", "aria-atomic": "true", children: [
+    K,
+    " / ",
+    f
+  ] }), e[67] = K, e[68] = f, e[69] = p, e[70] = O) : O = e[70];
+  let j;
+  e[71] !== I || e[72] !== C || e[73] !== w || e[74] !== O ? (j = /* @__PURE__ */ G("div", { className: "relative", children: [
+    I,
+    C,
+    w,
+    O
+  ] }), e[71] = I, e[72] = C, e[73] = w, e[74] = O, e[75] = j) : j = e[75];
+  let B;
+  e[76] !== l || e[77] !== b || e[78] !== r ? (B = (r || l) && /* @__PURE__ */ E("p", { id: b, className: se("text-xs", l ? "text-destructive" : "text-muted-foreground"), role: l ? "alert" : void 0, children: l || r }), e[76] = l, e[77] = b, e[78] = r, e[79] = B) : B = e[79];
+  let z;
+  return e[80] !== j || e[81] !== B || e[82] !== y || e[83] !== N ? (z = /* @__PURE__ */ G("div", { className: y, children: [
+    N,
+    j,
+    B
+  ] }), e[80] = j, e[81] = B, e[82] = y, e[83] = N, e[84] = z) : z = e[84], z;
+};
+export {
+  xe as LabeledInput
+};

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

@@ -0,0 +1,101 @@
+"use client";
+import { jsx as F, jsxs as Z } from "react/jsx-runtime";
+import { c as x } from "react-compiler-runtime";
+import { useRef as _, useId as G, useLayoutEffect as tt } from "react";
+import { Input as et } from "../../../ui/input.js";
+import { Label as rt } from "../../../ui/label.js";
+import { cn as Y } from "../../../../lib/utils.js";
+const ft = (k) => {
+  const t = x(46), {
+    length: H,
+    label: i,
+    value: d,
+    onChange: j,
+    onComplete: g,
+    className: C,
+    error: c,
+    inputClassName: J,
+    autoFocus: Q,
+    autoSubmit: U,
+    secure: V
+  } = k, o = H === void 0 ? 6 : H, K = J === void 0 ? "h-10 w-10" : J, q = Q === void 0 ? !1 : Q, L = U === void 0 ? !1 : U, E = V === void 0 ? !1 : V;
+  let M;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (M = [], t[0] = M) : M = t[0];
+  const a = _(M), h = G(), v = G(), S = G();
+  let O;
+  if (t[1] !== o || t[2] !== S) {
+    let n;
+    t[4] !== S ? (n = (W, z) => `${S}-digit-${z + 1}`, t[4] = S, t[5] = n) : n = t[5], O = Array.from({
+      length: o
+    }, n), t[1] = o, t[2] = S, t[3] = O;
+  } else
+    O = t[3];
+  const T = O;
+  let A, P;
+  t[6] !== q ? (A = () => {
+    var n;
+    q && ((n = a.current[0]) == null || n.focus({
+      preventScroll: !0
+    }));
+  }, P = [q], t[6] = q, t[7] = A, t[8] = P) : (A = t[7], P = t[8]), tt(A, P);
+  let b, y, D, I, u, f;
+  if (t[9] !== L || t[10] !== C || t[11] !== c || t[12] !== v || t[13] !== K || t[14] !== i || t[15] !== h || t[16] !== o || t[17] !== j || t[18] !== g || t[19] !== T || t[20] !== E || t[21] !== d) {
+    const n = (e, s) => {
+      var l;
+      const m = s.replace(/\D/g, "").slice(0, 1);
+      if (s.length > 1 && m.length <= 1)
+        return;
+      const r = [...d];
+      r[e] = m, j(r), s && e < o - 1 && ((l = a.current[e + 1]) == null || l.focus()), r.every(st) && (g && g(r.join("")), L && queueMicrotask(() => {
+        var $;
+        const B = ($ = a.current[e]) == null ? void 0 : $.closest("form");
+        B && B.requestSubmit();
+      }));
+    }, W = (e, s) => {
+      var $;
+      s.preventDefault();
+      const r = (s.clipboardData.getData("text") || "").replace(/\D/g, "").slice(0, o - e).split("");
+      if (r.length === 0)
+        return;
+      const l = [...d];
+      for (let p = 0; p < r.length && e + p < o; p++)
+        l[e + p] = r[p];
+      j(l);
+      const B = Math.min(e + r.length, o - 1);
+      ($ = a.current[B]) == null || $.focus(), l.every(ot) && (g && g(l.join("")), L && queueMicrotask(() => {
+        var X;
+        const p = (X = a.current[e]) == null ? void 0 : X.closest("form");
+        p && p.requestSubmit();
+      }));
+    }, z = (e, s) => {
+      var m, r, l;
+      s.key === "Backspace" && !d[e] && e > 0 ? (m = a.current[e - 1]) == null || m.focus() : s.key === "ArrowLeft" && e > 0 ? (s.preventDefault(), (r = a.current[e - 1]) == null || r.focus()) : s.key === "ArrowRight" && e < o - 1 && (s.preventDefault(), (l = a.current[e + 1]) == null || l.focus());
+    };
+    t[28] !== C ? (u = Y("space-y-2", C), t[28] = C, t[29] = u) : u = t[29], t[30] !== i || t[31] !== h ? (f = i && /* @__PURE__ */ F(rt, { id: h, className: "text-sm font-medium text-gray-700", children: i }), t[30] = i, t[31] = h, t[32] = f) : f = t[32], b = "flex gap-2 border-0 p-0 m-0", y = i ? h : void 0, D = c ? v : void 0, I = T.map((e, s) => {
+      const m = d[s] ?? "";
+      return /* @__PURE__ */ F(et, { ref: (r) => {
+        a.current[s] = r;
+      }, type: E ? "password" : "text", inputMode: "numeric", maxLength: 1, value: m, onChange: (r) => n(s, r.target.value), onKeyDown: (r) => z(s, r), onPaste: (r) => W(s, r), className: Y("text-center p-0 text-lg font-semibold", c && "border-destructive", K), "aria-label": `${i || "OTP"} digit ${s + 1} of ${o}`, "aria-invalid": c ? "true" : "false" }, e);
+    }), t[9] = L, t[10] = C, t[11] = c, t[12] = v, t[13] = K, t[14] = i, t[15] = h, t[16] = o, t[17] = j, t[18] = g, t[19] = T, t[20] = E, t[21] = d, t[22] = b, t[23] = y, t[24] = D, t[25] = I, t[26] = u, t[27] = f;
+  } else
+    b = t[22], y = t[23], D = t[24], I = t[25], u = t[26], f = t[27];
+  let w;
+  t[33] !== b || t[34] !== y || t[35] !== D || t[36] !== I ? (w = /* @__PURE__ */ F("fieldset", { className: b, "aria-labelledby": y, "aria-describedby": D, children: I }), t[33] = b, t[34] = y, t[35] = D, t[36] = I, t[37] = w) : w = t[37];
+  let N;
+  t[38] !== c || t[39] !== v ? (N = c && /* @__PURE__ */ F("p", { id: v, className: "text-xs text-destructive mt-1", role: "alert", children: c }), t[38] = c, t[39] = v, t[40] = N) : N = t[40];
+  let R;
+  return t[41] !== u || t[42] !== f || t[43] !== w || t[44] !== N ? (R = /* @__PURE__ */ Z("div", { className: u, children: [
+    f,
+    w,
+    N
+  ] }), t[41] = u, t[42] = f, t[43] = w, t[44] = N, t[45] = R) : R = t[45], R;
+};
+function st(k) {
+  return k !== "";
+}
+function ot(k) {
+  return k !== "";
+}
+export {
+  ft as OtpInput
+};

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

@@ -0,0 +1,77 @@
+"use client";
+import { jsxs as K, jsx as f } from "react/jsx-runtime";
+import { c as W } from "react-compiler-runtime";
+import { EyeOff as X, Eye as Y } from "lucide-react";
+import { useId as M } from "react";
+import { Input as Z } from "../../../ui/input.js";
+import { Label as _ } from "../../../ui/label.js";
+import { cn as S } from "../../../../lib/utils.js";
+function ae(H) {
+  const e = W(67);
+  let u, t, o, n, i, a, d, c, m, l, q, E, k, h;
+  e[0] !== H ? ({
+    label: n,
+    placeholder: q,
+    helperText: o,
+    error: t,
+    required: m,
+    className: u,
+    showPassword: E,
+    onShowPasswordChange: d,
+    value: h,
+    onChange: i,
+    onChangeEvent: a,
+    onValueChange: c,
+    autoComplete: k,
+    ...l
+  } = H, e[0] = H, e[1] = u, e[2] = t, e[3] = o, e[4] = n, e[5] = i, e[6] = a, e[7] = d, e[8] = c, e[9] = m, e[10] = l, e[11] = q, e[12] = E, e[13] = k, e[14] = h) : (u = e[1], t = e[2], o = e[3], n = e[4], i = e[5], a = e[6], d = e[7], c = e[8], m = e[9], l = e[10], q = e[11], E = e[12], k = e[13], h = e[14]);
+  const L = q === void 0 ? "Enter password" : q, s = E === void 0 ? !1 : E, O = k === void 0 ? "current-password" : k, P = M(), U = M(), p = M(), r = (l == null ? void 0 : l.id) ?? U;
+  let B;
+  e[15] !== i || e[16] !== a || e[17] !== c ? (B = (Q) => {
+    const R = Q.target.value;
+    i == null || i(R), a == null || a(Q), c == null || c(R);
+  }, e[15] = i, e[16] = a, e[17] = c, e[18] = B) : B = e[18];
+  const T = B;
+  let C;
+  e[19] !== d || e[20] !== s ? (C = () => {
+    d == null || d(!s);
+  }, e[19] = d, e[20] = s, e[21] = C) : C = e[21];
+  const V = C;
+  let x;
+  e[22] !== u ? (x = S("space-y-1", u), e[22] = u, e[23] = x) : x = e[23];
+  let g;
+  e[24] !== n || e[25] !== m || e[26] !== r ? (g = n && /* @__PURE__ */ K(_, { htmlFor: r, className: "text-sm font-medium text-gray-700", children: [
+    n,
+    m && /* @__PURE__ */ f("span", { className: "text-red-500 ml-1", "aria-hidden": "true", children: "*" })
+  ] }), e[24] = n, e[25] = m, e[26] = r, e[27] = g) : g = e[27];
+  const $ = s ? "text" : "password", z = t && "border-destructive";
+  let y;
+  e[28] !== z ? (y = S("pr-10", z), e[28] = z, e[29] = y) : y = e[29];
+  const A = !!t || void 0, D = m || void 0, G = o || t ? p : l["aria-describedby"];
+  let v;
+  e[30] !== O || e[31] !== T || e[32] !== L || e[33] !== r || e[34] !== l || e[35] !== y || e[36] !== A || e[37] !== D || e[38] !== G || e[39] !== $ || e[40] !== h ? (v = /* @__PURE__ */ f(Z, { id: r, type: $, placeholder: L, autoComplete: O, className: y, value: h, onChange: T, "aria-invalid": A, "aria-required": D, "aria-describedby": G, ...l }), e[30] = O, e[31] = T, e[32] = L, e[33] = r, e[34] = l, e[35] = y, e[36] = A, e[37] = D, e[38] = G, e[39] = $, e[40] = h, e[41] = v) : v = e[41];
+  const J = s ? "Hide password" : "Show password";
+  let b;
+  e[42] !== s ? (b = s ? /* @__PURE__ */ f(X, { className: "h-4 w-4 text-gray-400 hover:text-gray-500" }) : /* @__PURE__ */ f(Y, { className: "h-4 w-4 text-gray-400 hover:text-gray-500" }), e[42] = s, e[43] = b) : b = e[43];
+  let w;
+  e[44] !== r || e[45] !== s || e[46] !== J || e[47] !== b || e[48] !== P || e[49] !== V ? (w = /* @__PURE__ */ f("button", { id: P, type: "button", onClick: V, className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground cursor-pointer focus:outline-none focus:ring-2 focus:ring-ring rounded p-1", "aria-label": J, "aria-pressed": s, "aria-controls": r, children: b }), e[44] = r, e[45] = s, e[46] = J, e[47] = b, e[48] = P, e[49] = V, e[50] = w) : w = e[50];
+  let N;
+  e[51] !== v || e[52] !== w ? (N = /* @__PURE__ */ K("div", { className: "relative", children: [
+    v,
+    w
+  ] }), e[51] = v, e[52] = w, e[53] = N) : N = e[53];
+  let I;
+  e[54] !== t || e[55] !== p ? (I = t && /* @__PURE__ */ f("p", { id: p, className: "text-xs text-red-500", role: "alert", children: t }), e[54] = t, e[55] = p, e[56] = I) : I = e[56];
+  let j;
+  e[57] !== t || e[58] !== p || e[59] !== o ? (j = o && !t && /* @__PURE__ */ f("p", { id: p, className: "text-xs text-gray-500", children: o }), e[57] = t, e[58] = p, e[59] = o, e[60] = j) : j = e[60];
+  let F;
+  return e[61] !== N || e[62] !== I || e[63] !== j || e[64] !== x || e[65] !== g ? (F = /* @__PURE__ */ K("div", { className: x, children: [
+    g,
+    N,
+    I,
+    j
+  ] }), e[61] = N, e[62] = I, e[63] = j, e[64] = x, e[65] = g, e[66] = F) : F = e[66], F;
+}
+export {
+  ae as PasswordInput
+};

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

@@ -0,0 +1,336 @@
+"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 * 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 { DoctTypography as Se } from "../../../ui/typography.js";
+const Je = /\D/g, re = (r) => r.replace(Je, ""), _e = (r) => {
+  const e = r.match(/^\+\s*(\d+)\s*-\s*(\d*)\s*$/);
+  return e ? {
+    callingCode: e[1],
+    national: e[2]
+  } : null;
+}, De = (r) => {
+  if (r == null) return "";
+  const e = String(r).trim(), t = _e(e);
+  return t ? t.national : re(e);
+}, q = (r) => {
+  if (!r) return "91";
+  if (typeof r == "object" && "countryCode" in r)
+    return r.countryCode.replace("+", "");
+  try {
+    return je.getCountryCallingCode(r);
+  } catch {
+    return "91";
+  }
+}, Oe = (r, e) => {
+  if (!e) return r ? `+${re(r)}` : "";
+  const t = q(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 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) => {
+  const e = he(48), {
+    disabled: t,
+    value: s,
+    options: l,
+    onChange: n,
+    showFlagVariant: o,
+    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;
+  let a;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (a = (F) => {
+    u(F), F && w("");
+  }, e[2] = a) : a = e[2];
+  const h = x ? "border-destructive" : "border-gray-300", v = y && "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];
+  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";
+  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];
+  let z;
+  e[13] !== V ? (z = /* @__PURE__ */ c(Re, { 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: [
+    D,
+    O,
+    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 = {
+    side: "flip",
+    align: "shift",
+    fallbackAxisSide: "none"
+  }, e[21] = M) : M = e[21];
+  let k;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (k = (F) => {
+    w(F), window.setTimeout(() => {
+      const L = C.current;
+      L && (L.scrollTop = 0);
+    }, 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];
+  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) {
+    let F;
+    e[32] !== n || e[33] !== s || e[34] !== o ? (F = (L) => {
+      const {
+        value: i,
+        label: X,
+        countryCode: H
+      } = 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;
+  } else
+    j = 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: [
+    G,
+    /* @__PURE__ */ c(Ve, { children: j })
+  ] }) }), e[36] = j, e[37] = P) : P = e[37];
+  let E;
+  e[38] !== _ || e[39] !== P ? (E = /* @__PURE__ */ T(ze, { 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 B;
+  return e[44] !== y || e[45] !== S || e[46] !== m ? (B = /* @__PURE__ */ T(He, { open: y, 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) => {
+  const e = he(21), {
+    country: t,
+    countryName: s,
+    countryCode: l,
+    selectedCountry: n,
+    onChange: o,
+    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];
+  const $ = C;
+  let w;
+  e: {
+    if (!n) {
+      w = !1;
+      break e;
+    }
+    if (typeof t == "object" && "countryId" in t && typeof n == "object" && "countryId" in n) {
+      w = t.countryId === n.countryId;
+      break e;
+    }
+    w = t === n;
+  }
+  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];
+  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];
+  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 })
+  ] }) : /* @__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];
+  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: [
+    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) => {
+  if (!r || r.length === 0)
+    return We.map((t) => ({
+      value: t,
+      label: new Intl.DisplayNames(["en"], {
+        type: "region"
+      }).of(t) ?? t,
+      countryCode: `+${q(t)}`
+    }));
+  const e = r[0];
+  return e && typeof e == "object" && "countryId" in e ? r.map((t) => ({
+    value: t,
+    label: t.countryName,
+    countryCode: t.countryCode
+  })) : r.map((t) => ({
+    value: t,
+    label: new Intl.DisplayNames(["en"], {
+      type: "region"
+    }).of(t) ?? t,
+    countryCode: `+${q(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;
+  e[0] !== r ? ({
+    label: w,
+    helperText: C,
+    error: f,
+    required: v,
+    className: s,
+    "aria-describedby": t,
+    id: $,
+    value: D,
+    onPhoneChange: p,
+    countryCode: n,
+    onCountryCodeChange: u,
+    onValuesChange: a,
+    onCountryChange: y,
+    onValueChange: d,
+    countries: l,
+    defaultCountry: o,
+    variant: O,
+    disabled: x,
+    placeholder: h,
+    ...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);
+  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";
+  let E;
+  e[25] !== l ? (E = Ye(l), e[25] = l, e[26] = E) : E = e[26];
+  const m = 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);
+      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];
+  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);
+    }
+  }, 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);
+  let se, ie;
+  e[44] !== n || e[45] !== m || e[46] !== U || e[47] !== i ? (se = () => {
+    if (!U)
+      return;
+    const b = re(String(n ?? ""));
+    if (b === "")
+      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);
+  let ae, ce;
+  e[50] !== m || e[51] !== i || e[52] !== g ? (ae = () => {
+    const b = _e(String(g ?? "").trim());
+    if (!b)
+      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);
+  let de;
+  e[55] !== g ? (de = De(g), e[55] = g, e[56] = de) : de = e[56];
+  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;
+  let pe;
+  e[69] !== g ? (pe = De(g), e[69] = g, e[70] = pe) : pe = e[70];
+  const ve = pe;
+  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: [
+    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];
+  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";
+  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];
+  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];
+  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];
+  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;
+}
+export {
+  ct as DoctPhoneInput,
+  ut as isPossiblePhoneNumber,
+  mt as isValidPhoneNumber
+};

package/dist/components/overrides/ui/navigation-menu/doct-navigation-menu.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { c as v } from "react-compiler-runtime";
+import { IndividualNavigationMenu as l } from "./individual-navigation-menu.js";
+import { OrganizationNavigationMenu as m } from "./organization-navigation-menu.js";
+function M(u) {
+  const i = v(8), {
+    groups: t,
+    className: n,
+    isMobileOverride: o,
+    variant: e
+  } = u;
+  if ((e === void 0 ? "individual" : e) === "organization") {
+    let a;
+    return i[0] !== n || i[1] !== t || i[2] !== o ? (a = /* @__PURE__ */ s(m, { groups: t, className: n, isMobileOverride: o }), i[0] = n, i[1] = t, i[2] = o, i[3] = a) : a = i[3], a;
+  }
+  let r;
+  return i[4] !== n || i[5] !== t || i[6] !== o ? (r = /* @__PURE__ */ s(l, { groups: t, className: n, isMobileOverride: o }), i[4] = n, i[5] = t, i[6] = o, i[7] = r) : r = i[7], r;
+}
+export {
+  M as DoctNavigationMenu
+};