docthub-core-components 3.0.0 → 3.2.1

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
+};

package/dist/components/overrides/ui/navigation-menu/individual-nav-routes.js

@@ -0,0 +1,46 @@
+"use client";
+import { resolveNavEnv as t } from "./nav-env.js";
+const e = {
+  jobs: "https://jobs.dochub.in/",
+  courses: "https://courses.dochub.in/",
+  events: "https://events.dochub.in/",
+  logbook: "https://dev.dochub.in/logbook",
+  "resume-builder": "https://dev.dochub.in/resume-builder",
+  // Exhibitor branding page pending; redirect to healthcare career app until dedicated page exists
+  exhibitor: "https://dev.dochub.in/healthcare-career-app",
+  library: "https://blogs.dochub.in/",
+  news: "https://news.dochub.in/",
+  "course-pages": "https://dev.dochub.in/course-pages",
+  "job-role-pages": "https://dev.dochub.in/jobrole-pages",
+  "explore-courses-after-12th": "https://dev.dochub.in/explore-courses-after-12th",
+  "about-us": "https://dev.dochub.in/about-us",
+  "media-release": "https://dev.dochub.in/media-releases",
+  "press-kit": "https://dev.dochub.in/press-kit",
+  policies: "https://dev.dochub.in/policies",
+  "contact-us": "https://dev.dochub.in/contact-us",
+  healthcareCareerApp: "https://dev.dochub.in/healthcare-career-app"
+}, o = {
+  jobs: "https://jobs.docthub.com/",
+  courses: "https://courses.docthub.com/",
+  events: "https://events.docthub.com/",
+  logbook: "https://www.docthub.com/logbook",
+  "resume-builder": "https://www.docthub.com/resume-builder",
+  // Exhibitor branding page pending; redirect to healthcare career app until dedicated page exists
+  exhibitor: "https://www.docthub.com/healthcare-career-app",
+  library: "https://blogs.docthub.com/",
+  news: "https://news.docthub.com/",
+  "course-pages": "https://www.docthub.com/course-pages",
+  "job-role-pages": "https://www.docthub.com/jobrole-pages",
+  "explore-courses-after-12th": "https://www.docthub.com/explore-courses-after-12th",
+  "about-us": "https://www.docthub.com/about-us",
+  "media-release": "https://www.docthub.com/media-releases",
+  "press-kit": "https://www.docthub.com/press-kit",
+  policies: "https://www.docthub.com/policies",
+  "contact-us": "https://www.docthub.com/contact-us",
+  healthcareCareerApp: "https://www.docthub.com/healthcare-career-app"
+}, c = t() === "production" ? o : e;
+export {
+  c as INDIVIDUAL_NAV_ROUTES,
+  o as INDIVIDUAL_NAV_ROUTES_PROD,
+  e as INDIVIDUAL_NAV_ROUTES_QA
+};

package/dist/components/overrides/ui/navigation-menu/individual-navigation-menu-desktop.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { c as k } from "react-compiler-runtime";
+import { ArrowRight as B } from "lucide-react";
+import * as S from "react";
+import { cn as w } from "../../../../lib/utils.js";
+import { SectionItems as _, NavItemRoot as j } from "./navigation-menu-internal.js";
+import { DoctTypography as D } from "../../../ui/typography.js";
+const I = {
+  highlighted: {
+    item: {
+      hover: "hover:bg-[#DDF3F7]",
+      active: "bg-[#DDF3F7]"
+    },
+    group: "bg-[#F0FAFC] rounded-[12px] border-none"
+  },
+  default: {
+    item: {
+      hover: "hover:bg-[#EBF8FA]",
+      active: "bg-[#EBF8FA]"
+    },
+    group: void 0
+  }
+};
+function R(s) {
+  const e = k(26), {
+    variant: t,
+    item: n
+  } = s, {
+    icon: i,
+    label: r,
+    description: l,
+    active: a
+  } = n, c = !!(i && l), m = !i && "pl-4 pb-[5px] -mt-2", N = I[t], F = a && I[t].item.active;
+  let d;
+  e[0] !== m || e[1] !== N.item.hover || e[2] !== F ? (d = w("group flex w-full items-center rounded-[12px] pl-2 pr-[14px] py-1 text-left transition-colors pt-[6px]", m, N.item.hover, F), e[0] = m, e[1] = N.item.hover, e[2] = F, e[3] = d) : d = e[3];
+  let p;
+  e[4] !== i || e[5] !== c ? (p = i ? /* @__PURE__ */ o("div", { className: w("mr-1 flex shrink-0 items-center justify-center rounded-[999px]", c ? "h-11 w-11" : "h-8 w-8"), children: i }) : null, e[4] = i, e[5] = c, e[6] = p) : p = e[6];
+  let f;
+  e[7] !== r ? (f = /* @__PURE__ */ o(D, { variant: "textLabel2", weight: "semiBold", color: "#002830", className: "truncate leading-5 font-semibold text-primary", children: r }), e[7] = r, e[8] = f) : f = e[8];
+  let h;
+  e[9] !== l ? (h = l ? /* @__PURE__ */ o(D, { variant: "textLabel4", weight: "medium", color: "#70868B", className: "mt-0.5 line-clamp-2 leading-4 text-neutral-56", children: l }) : null, e[9] = l, e[10] = h) : h = e[10];
+  let x;
+  e[11] !== f || e[12] !== h ? (x = /* @__PURE__ */ b("div", { className: "flex-1 leading-none", children: [
+    f,
+    h
+  ] }), e[11] = f, e[12] = h, e[13] = x) : x = e[13];
+  const A = a && "opacity-100";
+  let u;
+  e[14] !== A ? (u = w("h-4 w-4 shrink-0 text-primary opacity-0 transition-transform group-hover:translate-x-0.5 group-hover:opacity-100", A), e[14] = A, e[15] = u) : u = e[15];
+  let v;
+  e[16] !== u ? (v = /* @__PURE__ */ o(B, { className: u }), e[16] = u, e[17] = v) : v = e[17];
+  let g;
+  e[18] !== v || e[19] !== x ? (g = /* @__PURE__ */ b("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+    x,
+    v
+  ] }), e[18] = v, e[19] = x, e[20] = g) : g = e[20];
+  let y;
+  return e[21] !== n || e[22] !== g || e[23] !== d || e[24] !== p ? (y = /* @__PURE__ */ b(j, { item: n, className: d, children: [
+    p,
+    g
+  ] }), e[21] = n, e[22] = g, e[23] = d, e[24] = p, e[25] = y) : y = e[25], y;
+}
+function E(s) {
+  const e = k(11), {
+    section: t,
+    groupVariant: n
+  } = s, i = t.variant ?? n ?? "default";
+  let r;
+  e[0] !== t.title ? (r = t.title && /* @__PURE__ */ o(D, { variant: "body3", weight: "semiBold", color: "#70868B", className: "px-5 pt-5 pb-4 text-[12px] font-semibold leading-4 text-primary/56 ", children: t.title }), e[0] = t.title, e[1] = r) : r = e[1];
+  let l;
+  e[2] !== t.hasSeparatorAfterIndex || e[3] !== i ? (l = (m, N) => /* @__PURE__ */ b(S.Fragment, { children: [
+    /* @__PURE__ */ o(R, { variant: i, item: m }),
+    t.hasSeparatorAfterIndex === N ? /* @__PURE__ */ o("div", { className: "my-2 h-px w-full bg-neutral-8" }) : null
+  ] }, m.id), e[2] = t.hasSeparatorAfterIndex, e[3] = i, e[4] = l) : l = e[4];
+  let a;
+  e[5] !== t || e[6] !== l ? (a = /* @__PURE__ */ o("div", { className: "space-y-1 px-3 pb-4", children: /* @__PURE__ */ o(_, { section: t, renderItem: l }) }), e[5] = t, e[6] = l, e[7] = a) : a = e[7];
+  let c;
+  return e[8] !== r || e[9] !== a ? (c = /* @__PURE__ */ b("div", { className: "flex flex-col", children: [
+    r,
+    a
+  ] }), e[8] = r, e[9] = a, e[10] = c) : c = e[10], c;
+}
+function Y(s) {
+  const e = k(9), {
+    groups: t,
+    className: n
+  } = s;
+  if (!t.length)
+    return null;
+  let i;
+  e[0] !== n ? (i = w("flex w-full items-stretch bg-white px-4 xl:justify-center pt-2 xl:px-0", "shadow-[0px_54px_24px_rgba(0,0,0,0.12)] backdrop-blur-[12px]", n), e[0] = n, e[1] = i) : i = e[1];
+  let r;
+  e[2] !== t ? (r = t.map(L), e[2] = t, e[3] = r) : r = e[3];
+  let l;
+  e[4] !== r ? (l = /* @__PURE__ */ o("div", { className: "flex w-full xl:max-w-6xl", children: r }), e[4] = r, e[5] = l) : l = e[5];
+  let a;
+  return e[6] !== i || e[7] !== l ? (a = /* @__PURE__ */ o("nav", { "aria-label": "Docthub navigation", className: i, children: l }), e[6] = i, e[7] = l, e[8] = a) : a = e[8], a;
+}
+function L(s, e) {
+  const t = s.variant === "highlighted";
+  return /* @__PURE__ */ b("div", { className: w("flex min-w-0 flex-1 flex-col border-l border-black/8", e === 0 && "border-l-0", t && I.highlighted.group), children: [
+    s.sections.map((n) => /* @__PURE__ */ o(E, { section: n, groupVariant: s.variant }, n.id)),
+    s.footer ? /* @__PURE__ */ o("div", { className: "mt-auto px-4 pb-4", children: s.footer }) : null
+  ] }, s.id);
+}
+export {
+  Y as IndividualDesktopMenu
+};