docthub-core-components 3.0.0 → 3.2.1

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

@@ -0,0 +1,231 @@
+"use client";
+import { jsxs as O, Fragment as E, jsx as r } from "react/jsx-runtime";
+import { c as S } from "react-compiler-runtime";
+import { Collapsible as A } from "@base-ui/react/collapsible";
+import { ChevronDown as j, Minus as F } from "lucide-react";
+import * as T from "react";
+import { DoctButton as z } from "../../../ui/button.js";
+import { DoctTypography as B } from "../../../ui/typography.js";
+import { cn as N } from "../../../../lib/utils.js";
+import { NavItemRoot as P } from "./navigation-menu-internal.js";
+import { MOBILE_CATEGORY_INDIVIDUALS as M, MOBILE_CATEGORY_ORGANIZATIONS as D } from "./types.js";
+function V(h) {
+  const e = S(21), {
+    item: t,
+    taglineLayout: l,
+    hasIconSibling: f,
+    categoryId: a
+  } = h, c = a === void 0 ? M : a, {
+    icon: n,
+    label: o,
+    description: i
+  } = t, d = l === "vertical", u = c === D, p = u && "py-1", b = !n && (u || f) && "pl-2", m = !u && !n && f && "pb-2 pt-1";
+  let s;
+  e[0] !== p || e[1] !== b || e[2] !== m ? (s = N("flex w-full items-center gap-1 rounded-xl text-left", p, b, m), e[0] = p, e[1] = b, e[2] = m, e[3] = s) : s = e[3];
+  let g;
+  e[4] !== n ? (g = n ? /* @__PURE__ */ r("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full", children: n }) : null, e[4] = n, e[5] = g) : g = e[5];
+  const k = d ? "flex-col items-start gap-0.5" : "flex-row gap-2.5";
+  let w;
+  e[6] !== k ? (w = N("flex min-w-0 flex-1 items-center", k), e[6] = k, e[7] = w) : w = e[7];
+  let x;
+  e[8] !== o ? (x = /* @__PURE__ */ r(B, { variant: "textLabel4", weight: "semiBold", color: "#002830", className: "truncate text-sm font-semibold text-primary", children: o }), e[8] = o, e[9] = x) : x = e[9];
+  let y;
+  e[10] !== i ? (y = i ? /* @__PURE__ */ r(B, { variant: "textLabel4", weight: "regular", color: "#8FA1A4", className: "text-[11px] font-medium leading-4 text-neutral-44", children: i }) : null, e[10] = i, e[11] = y) : y = e[11];
+  let v;
+  e[12] !== y || e[13] !== w || e[14] !== x ? (v = /* @__PURE__ */ O("div", { className: w, children: [
+    x,
+    y
+  ] }), e[12] = y, e[13] = w, e[14] = x, e[15] = v) : v = e[15];
+  let I;
+  return e[16] !== t || e[17] !== v || e[18] !== s || e[19] !== g ? (I = /* @__PURE__ */ O(P, { item: t, className: s, children: [
+    g,
+    v
+  ] }), e[16] = t, e[17] = v, e[18] = s, e[19] = g, e[20] = I) : I = e[20], I;
+}
+function Y(h) {
+  const e = [];
+  for (const t of h)
+    if (t.title.trim().length > 0)
+      e.push({
+        id: t.id,
+        title: t.title,
+        items: [...t.items],
+        hasSeparatorAfterIndex: t.hasSeparatorAfterIndex,
+        footer: t.footer
+      });
+    else if (e.length > 0) {
+      const f = e[e.length - 1];
+      f.items.push(...t.items), t.hasSeparatorAfterIndex !== void 0 && (f.hasSeparatorAfterIndex = f.items.length - t.items.length + t.hasSeparatorAfterIndex);
+    }
+  return e;
+}
+function $(h) {
+  const e = S(35), {
+    section: t,
+    taglineLayout: l,
+    categoryId: f
+  } = h, a = f === void 0 ? M : f, [c, n] = T.useState(!0), o = a === D;
+  let i;
+  e[0] !== t.items ? (i = t.items.some(Z), e[0] = t.items, e[1] = i) : i = e[1];
+  const d = i, u = o ? "py-1.5" : "py-0";
+  let p;
+  e[2] !== u ? (p = N("flex flex-1 items-center justify-between px-0 text-left hover:!bg-transparent", u), e[2] = u, e[3] = p) : p = e[3];
+  let b;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (b = () => n(U), e[4] = b) : b = e[4];
+  let m;
+  e[5] !== t.title ? (m = /* @__PURE__ */ r(B, { variant: "textLabel4", weight: "semiBold", color: "#70868B", children: t.title }), e[5] = t.title, e[6] = m) : m = e[6];
+  let s;
+  e[7] !== c ? (s = /* @__PURE__ */ r("span", { className: "ml-2 inline-flex h-5 w-5 items-center justify-center", children: c ? /* @__PURE__ */ r(F, { className: "h-3 w-3 text-neutral-56" }) : /* @__PURE__ */ r(j, { className: "h-3 w-3 text-neutral-56" }) }), e[7] = c, e[8] = s) : s = e[8];
+  let g;
+  e[9] !== p || e[10] !== m || e[11] !== s ? (g = /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-0.5 py-2", children: /* @__PURE__ */ O(z, { type: "button", variant: "ghost", size: "small", className: p, onClick: b, children: [
+    m,
+    s
+  ] }) }), e[9] = p, e[10] = m, e[11] = s, e[12] = g) : g = e[12];
+  const k = o ? "space-y-3 pb-3" : "space-y-2 pb-2", w = t.footer && (o ? "-mx-1 px-1" : "-mx-4 px-2");
+  let x;
+  e[13] !== w || e[14] !== k ? (x = N(k, w, "overflow-hidden data-[closed]:animate-collapsible-up data-[open]:animate-collapsible-down"), e[13] = w, e[14] = k, e[15] = x) : x = e[15];
+  let y;
+  if (e[16] !== a || e[17] !== d || e[18] !== t.items || e[19] !== l) {
+    let C;
+    e[21] !== a || e[22] !== d || e[23] !== l ? (C = (R) => /* @__PURE__ */ r(V, { item: R, taglineLayout: l, hasIconSibling: d, categoryId: a }, R.id), e[21] = a, e[22] = d, e[23] = l, e[24] = C) : C = e[24], y = t.items.map(C), e[16] = a, e[17] = d, e[18] = t.items, e[19] = l, e[20] = y;
+  } else
+    y = e[20];
+  let v;
+  e[25] !== t.footer ? (v = t.footer ? /* @__PURE__ */ r("div", { className: "pt-2", children: t.footer }) : null, e[25] = t.footer, e[26] = v) : v = e[26];
+  let I;
+  e[27] !== x || e[28] !== y || e[29] !== v ? (I = /* @__PURE__ */ O(A.Panel, { className: x, children: [
+    y,
+    v
+  ] }), e[27] = x, e[28] = y, e[29] = v, e[30] = I) : I = e[30];
+  let _;
+  return e[31] !== c || e[32] !== I || e[33] !== g ? (_ = /* @__PURE__ */ O(A.Root, { open: c, onOpenChange: n, className: "w-full", children: [
+    g,
+    I
+  ] }), e[31] = c, e[32] = I, e[33] = g, e[34] = _) : _ = e[34], _;
+}
+function U(h) {
+  return !h;
+}
+function Z(h) {
+  return h.icon;
+}
+function G(h) {
+  const e = S(19), {
+    group: t,
+    taglineLayout: l,
+    className: f,
+    categoryId: a
+  } = h, c = a === void 0 ? M : a;
+  let n, o;
+  if (e[0] !== c || e[1] !== f || e[2] !== t.sections || e[3] !== l) {
+    const u = Y(t.sections), p = c === D, b = p ? "space-y-0" : "space-y-4";
+    e[6] !== f || e[7] !== b ? (n = N(b, f), e[6] = f, e[7] = b, e[8] = n) : n = e[8];
+    let m;
+    e[9] !== c || e[10] !== p || e[11] !== l ? (m = (s, g) => p ? /* @__PURE__ */ r("div", { className: N(g > 0 && "border-t border-black/8 pt-2"), children: /* @__PURE__ */ r($, { section: s, taglineLayout: l, categoryId: c }) }, s.id) : /* @__PURE__ */ r($, { section: s, taglineLayout: l, categoryId: c }, s.id), e[9] = c, e[10] = p, e[11] = l, e[12] = m) : m = e[12], o = u.map(m), e[0] = c, e[1] = f, e[2] = t.sections, e[3] = l, e[4] = n, e[5] = o;
+  } else
+    n = e[4], o = e[5];
+  let i;
+  e[13] !== t.footer ? (i = t.footer ? /* @__PURE__ */ r("div", { className: "pt-2", children: t.footer }) : null, e[13] = t.footer, e[14] = i) : i = e[14];
+  let d;
+  return e[15] !== n || e[16] !== o || e[17] !== i ? (d = /* @__PURE__ */ O("div", { className: n, children: [
+    o,
+    i
+  ] }), e[15] = n, e[16] = o, e[17] = i, e[18] = d) : d = e[18], d;
+}
+function q(h) {
+  const e = S(19), {
+    group: t,
+    categoryId: l
+  } = h, f = t.taglineLayout ?? "horizontal", [a, c] = T.useState(t.defaultOpen ?? !1);
+  let n;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = () => c(H), e[0] = n) : n = e[0];
+  let o;
+  e[1] !== t.title ? (o = /* @__PURE__ */ r(B, { variant: "textLabel4", weight: "semiBold", color: "#70868B", children: t.title }), e[1] = t.title, e[2] = o) : o = e[2];
+  const i = a ? "rotate-180" : "rotate-0";
+  let d;
+  e[3] !== i ? (d = N("h-4 w-4 text-neutral-56 transition-transform", i), e[3] = i, e[4] = d) : d = e[4];
+  let u;
+  e[5] !== d ? (u = /* @__PURE__ */ r(j, { className: d }), e[5] = d, e[6] = u) : u = e[6];
+  let p;
+  e[7] !== o || e[8] !== u ? (p = /* @__PURE__ */ O("button", { type: "button", className: "flex h-14 w-full items-center justify-between bg-white px-4", onClick: n, children: [
+    o,
+    u
+  ] }), e[7] = o, e[8] = u, e[9] = p) : p = e[9];
+  let b;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (b = N("border-t border-black/8 bg-white px-4 pb-4 pt-2", "overflow-hidden data-[closed]:animate-collapsible-up data-[open]:animate-collapsible-down"), e[10] = b) : b = e[10];
+  let m;
+  e[11] !== l || e[12] !== t || e[13] !== f ? (m = /* @__PURE__ */ r(A.Panel, { className: b, children: /* @__PURE__ */ r(G, { group: t, taglineLayout: f, categoryId: l }) }), e[11] = l, e[12] = t, e[13] = f, e[14] = m) : m = e[14];
+  let s;
+  return e[15] !== a || e[16] !== p || e[17] !== m ? (s = /* @__PURE__ */ O(A.Root, { open: a, onOpenChange: c, className: "w-full border-t border-black/8", children: [
+    p,
+    m
+  ] }), e[15] = a, e[16] = p, e[17] = m, e[18] = s) : s = e[18], s;
+}
+function H(h) {
+  return !h;
+}
+function L(h) {
+  const e = S(11), {
+    category: t,
+    isOpen: l,
+    onClick: f
+  } = h;
+  let a;
+  e[0] !== t.title ? (a = /* @__PURE__ */ r("p", { className: "text-sm font-semibold text-primary", children: t.title }), e[0] = t.title, e[1] = a) : a = e[1];
+  const c = l ? "rotate-180" : "";
+  let n;
+  e[2] !== c ? (n = N("h-4 w-4 text-neutral-56 transition-transform", c), e[2] = c, e[3] = n) : n = e[3];
+  let o;
+  e[4] !== n ? (o = /* @__PURE__ */ r(j, { className: n }), e[4] = n, e[5] = o) : o = e[5];
+  let i;
+  return e[6] !== l || e[7] !== f || e[8] !== a || e[9] !== o ? (i = /* @__PURE__ */ O("button", { type: "button", className: "flex h-14 w-full shrink-0 items-center justify-between border-t border-black/8 bg-white px-4 first:border-t-0", onClick: f, "aria-expanded": l, children: [
+    a,
+    o
+  ] }), e[6] = l, e[7] = f, e[8] = a, e[9] = o, e[10] = i) : i = e[10], i;
+}
+function ie(h) {
+  const e = S(19), {
+    categories: t,
+    groups: l,
+    className: f
+  } = h, [a, c] = T.useState(null);
+  let n, o, i;
+  if (e[0] !== t || e[1] !== f || e[2] !== (l == null ? void 0 : l.length) || e[3] !== a) {
+    i = Symbol.for("react.early_return_sentinel");
+    e: {
+      const p = N("flex w-full flex-col border-y border-black/8 bg-white", "shadow-[0px_54px_24px_rgba(0,0,0,0.12)] backdrop-blur-[12px]", "max-h-[90vh]", "[&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:bg-neutral-24 [&::-webkit-scrollbar-thumb]:rounded-full", "scrollbar-thin scrollbar-thumb-neutral-24 scrollbar-track-transparent", f);
+      if (t != null && t.length) {
+        const b = a, m = b !== null && b < t.length, s = m ? t[b] : null, g = b === 0, k = b === 1;
+        let w;
+        e[7] !== t || e[8] !== g || e[9] !== k || e[10] !== m || e[11] !== s ? (w = m && s ? /* @__PURE__ */ O(E, { children: [
+          /* @__PURE__ */ O("div", { className: "flex shrink-0 flex-col", children: [
+            /* @__PURE__ */ r(L, { category: t[0], isOpen: g, onClick: () => c(g ? null : 0) }),
+            k && t[1] && /* @__PURE__ */ r(L, { category: t[1], isOpen: !0, onClick: () => c(null) })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain border-t border-black/8 bg-white", children: /* @__PURE__ */ r("div", { className: "space-y-2 px-4 pb-4 pt-2", children: s.groups.map((x, y) => /* @__PURE__ */ r(G, { group: x, taglineLayout: x.taglineLayout ?? "horizontal", categoryId: s.id, className: N(y > 0 && !x.noTopBorder && "border-t border-black/8 pt-2") }, x.id)) }) }),
+          g && t[1] && /* @__PURE__ */ r("div", { className: "shrink-0 border-t border-black/8", children: /* @__PURE__ */ r(L, { category: t[1], isOpen: !1, onClick: () => c(1) }) })
+        ] }) : /* @__PURE__ */ r("div", { className: "overflow-y-auto", children: t.map((x, y) => /* @__PURE__ */ r(L, { category: x, isOpen: !1, onClick: () => c(y) }, x.id)) }), e[7] = t, e[8] = g, e[9] = k, e[10] = m, e[11] = s, e[12] = w) : w = e[12], i = /* @__PURE__ */ r("nav", { "aria-label": "Docthub navigation", className: N(p, "flex overflow-hidden"), children: w });
+        break e;
+      }
+      if (!(l != null && l.length)) {
+        i = null;
+        break e;
+      }
+      n = "Docthub navigation", o = N(p, "overflow-y-auto");
+    }
+    e[0] = t, e[1] = f, e[2] = l == null ? void 0 : l.length, e[3] = a, e[4] = n, e[5] = o, e[6] = i;
+  } else
+    n = e[4], o = e[5], i = e[6];
+  if (i !== Symbol.for("react.early_return_sentinel"))
+    return i;
+  let d;
+  e[13] !== l ? (d = l.map(J), e[13] = l, e[14] = d) : d = e[14];
+  let u;
+  return e[15] !== n || e[16] !== o || e[17] !== d ? (u = /* @__PURE__ */ r("nav", { "aria-label": n, className: o, children: d }), e[15] = n, e[16] = o, e[17] = d, e[18] = u) : u = e[18], u;
+}
+function J(h) {
+  return /* @__PURE__ */ r(q, { group: h, categoryId: M }, h.id);
+}
+export {
+  ie as IndividualMobileMenu
+};

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

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { c as N } from "react-compiler-runtime";
+import { useIsMobile as b } from "../../../../hooks/use-mobile.js";
+import { cn as I } from "../../../../lib/utils.js";
+import { IndividualDesktopMenu as G } from "./individual-navigation-menu-desktop.js";
+import { IndividualMobileMenu as p } from "./individual-navigation-menu-mobile.js";
+import { getMobileCategoriesFromPresets as h } from "./navigation-menu-adapter.js";
+import { individualNavigationGroups as k } from "./presets.js";
+function P(d) {
+  const e = N(15), {
+    groups: t,
+    className: f,
+    isMobileOverride: g
+  } = d, v = b(), M = g ?? v;
+  let s;
+  e[0] !== f ? (s = I("w-full", f), e[0] = f, e[1] = s) : s = e[1];
+  const o = s;
+  if (M) {
+    let n;
+    e[2] !== t ? (n = t ? void 0 : h(), e[2] = t, e[3] = n) : n = e[3];
+    const m = n;
+    let u;
+    e[4] !== t ? (u = t ?? [], e[4] = t, e[5] = u) : u = e[5];
+    const a = u;
+    if (m) {
+      let i;
+      return e[6] !== m || e[7] !== o ? (i = /* @__PURE__ */ c(p, { categories: m, className: o }), e[6] = m, e[7] = o, e[8] = i) : i = e[8], i;
+    }
+    if (a.length) {
+      let i;
+      return e[9] !== o || e[10] !== a ? (i = /* @__PURE__ */ c(p, { groups: a, className: o }), e[9] = o, e[10] = a, e[11] = i) : i = e[11], i;
+    }
+    return null;
+  }
+  const r = t ?? k;
+  if (!r.length)
+    return null;
+  let l;
+  return e[12] !== o || e[13] !== r ? (l = /* @__PURE__ */ c(G, { groups: r, className: o }), e[12] = o, e[13] = r, e[14] = l) : l = e[14], l;
+}
+export {
+  P as IndividualNavigationMenu
+};

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

@@ -0,0 +1,64 @@
+"use client";
+const c = ["localhost", "127.0.0.1", "[::1]"];
+function f(n) {
+  return c.some((o) => n === o);
+}
+function d(n) {
+  return n.endsWith(".com");
+}
+function p(n) {
+  return n.endsWith(".in");
+}
+function u(n) {
+  const o = n.toLowerCase();
+  return f(o) ? "qa" : d(o) ? "production" : p(o) ? "qa" : null;
+}
+function a() {
+  var e, r;
+  const n = typeof import.meta < "u" ? import.meta : void 0, o = (e = n == null ? void 0 : n.env) == null ? void 0 : e.VITE_NAV_ENV;
+  if (o === "production" || o === "prod") return "production";
+  if (o === "qa" || o === "dev") return "qa";
+  if (typeof process < "u" && ((r = process.env) != null && r.NEXT_PUBLIC_NAV_ENV)) {
+    const t = process.env.NEXT_PUBLIC_NAV_ENV;
+    if (t === "production" || t === "prod") return "production";
+    if (t === "qa" || t === "dev") return "qa";
+  }
+  return null;
+}
+function l() {
+  var n;
+  if (typeof process > "u" || !((n = process.env) != null && n.NEXT_PUBLIC_BASE_URL)) return null;
+  try {
+    const o = new URL(process.env.NEXT_PUBLIC_BASE_URL).hostname;
+    return u(o);
+  } catch {
+    return null;
+  }
+}
+function s() {
+  var o, e, r;
+  const n = a();
+  if (n !== null) return n;
+  if (typeof window < "u" && ((o = window.location) != null && o.hostname)) {
+    const t = u(window.location.hostname);
+    if (t !== null) return t;
+  }
+  if (typeof window > "u") {
+    const t = l();
+    if (t !== null) return t;
+    const i = typeof import.meta < "u" ? import.meta : void 0;
+    if ((e = i == null ? void 0 : i.env) != null && e.PROD || typeof process < "u" && ((r = process.env) == null ? void 0 : r.NODE_ENV) === "production") return "production";
+  }
+  return "qa";
+}
+function v() {
+  return s() === "production";
+}
+function E() {
+  return s() === "qa";
+}
+export {
+  v as isProdNav,
+  E as isQaNav,
+  s as resolveNavEnv
+};

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

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { DoctButton as r } from "../../../ui/button.js";
+import { individualNavigationGroups as m, organizationNavigationGroups as f } from "./presets.js";
+import { MOBILE_CATEGORY_INDIVIDUALS as g, MOBILE_CATEGORY_ORGANIZATIONS as x } from "./types.js";
+function N() {
+  const n = m.filter((t) => t.id !== "about-docthub"), o = {
+    id: g,
+    title: "For Individuals",
+    groups: n.map((t) => ({
+      ...t,
+      taglineLayout: "horizontal"
+    }))
+  }, a = /* @__PURE__ */ new Set([
+    "enterprise-access-links",
+    "enterprise-login",
+    "create-enterprise-account"
+    // contact-support hidden for now
+  ]), l = /* @__PURE__ */ s("div", { className: "rounded-2xl bg-[#F0F6FF] px-3 py-3 -mx-2 -mb-3", children: [
+    /* @__PURE__ */ i("p", { className: "text-[11px] font-semibold leading-4 text-[#69828B]", children: "Enterprise Access" }),
+    /* @__PURE__ */ s("div", { className: "mt-2", children: [
+      /* @__PURE__ */ i(r, { type: "button", variant: "ghost", size: "small", fullWidth: !0, className: "justify-start text-[12px] font-semibold leading-[18px] text-primary hover:bg-transparent", children: "Enterprise Login" }),
+      /* @__PURE__ */ i(r, { type: "button", variant: "ghost", size: "small", fullWidth: !0, className: "justify-start text-[12px] font-semibold leading-[18px] text-primary hover:bg-transparent", children: "Create Enterprise/ Business Account" })
+    ] })
+  ] }), c = f.filter((t) => t.id !== "enterprise-access").map((t) => {
+    if (t.id !== "for-organizations-business-solutions")
+      return {
+        ...t,
+        taglineLayout: "vertical"
+      };
+    const u = t.sections.map((e) => {
+      if (e.id !== "business-solutions")
+        return e;
+      const d = e.items.filter((p) => !a.has(p.id));
+      return {
+        ...e,
+        items: d,
+        footer: l
+      };
+    });
+    return {
+      ...t,
+      sections: u,
+      taglineLayout: "vertical"
+    };
+  });
+  return [o, {
+    id: x,
+    title: "For Organizations",
+    groups: c
+  }];
+}
+export {
+  N as getMobileCategoriesFromPresets
+};

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

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as u, Fragment as p } from "react/jsx-runtime";
+import { c as a } from "react-compiler-runtime";
+import { cn as b } from "../../../../lib/utils.js";
+function h(f) {
+  const e = a(9), {
+    item: c,
+    className: o,
+    children: t
+  } = f, {
+    href: n,
+    onClick: i
+  } = c, l = n ? "a" : "button", r = n ? void 0 : "button";
+  let s;
+  e[0] !== o ? (s = b("focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brandBlue", o), e[0] = o, e[1] = s) : s = e[1];
+  let m;
+  return e[2] !== l || e[3] !== t || e[4] !== n || e[5] !== i || e[6] !== r || e[7] !== s ? (m = /* @__PURE__ */ u(l, { type: r, href: n, onClick: i, className: s, children: t }), e[2] = l, e[3] = t, e[4] = n, e[5] = i, e[6] = r, e[7] = s, e[8] = m) : m = e[8], m;
+}
+function I(f) {
+  const e = a(7), {
+    section: c,
+    renderItem: o
+  } = f;
+  let t;
+  if (e[0] !== o || e[1] !== c.items) {
+    let i;
+    e[3] !== o ? (i = (l, r) => o(l, r), e[3] = o, e[4] = i) : i = e[4], t = c.items.map(i), e[0] = o, e[1] = c.items, e[2] = t;
+  } else
+    t = e[2];
+  let n;
+  return e[5] !== t ? (n = /* @__PURE__ */ u(p, { children: t }), e[5] = t, e[6] = n) : n = e[6], n;
+}
+export {
+  h as NavItemRoot,
+  I as SectionItems
+};

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

@@ -0,0 +1,34 @@
+"use client";
+import { resolveNavEnv as t } from "./nav-env.js";
+const e = {
+  "recruiter-solution": "https://dev.dochub.in/recruiter",
+  "institute-solution": "https://dev.dochub.in/institute",
+  "events-organizer-solution": "https://dev.dochub.in/event-organizer",
+  "membership-management": "https://dev.dochub.in/membership-management",
+  "qr-check-in-app": "https://dev.dochub.in/qr-check-in-app",
+  "what-is-enterprise": "https://dev.dochub.in/enterprise-solutions",
+  "request-demo": "https://dev.dochub.in/contact-us",
+  "contact-sales": "https://dev.dochub.in/contact-us",
+  // Due to removing localization, `/en` is omitted from enterprise login/register URLs (QA + PROD).
+  "enterprise-login": "https://enterprise.ibns.in/login",
+  "create-enterprise-account": "https://enterprise.ibns.in/register",
+  "contact-support": "https://dev.dochub.in/contact-us"
+}, o = {
+  "recruiter-solution": "https://www.docthub.com/recruiter",
+  "institute-solution": "https://www.docthub.com/institute",
+  "events-organizer-solution": "https://www.docthub.com/event-organizer",
+  "membership-management": "https://www.docthub.com/membership-management",
+  "qr-check-in-app": "https://www.docthub.com/qr-check-in-app",
+  "what-is-enterprise": "https://www.docthub.com/enterprise-solutions",
+  "request-demo": "https://www.docthub.com/contact-us",
+  "contact-sales": "https://www.docthub.com/contact-us",
+  // Due to removing localization, `/en` is omitted from enterprise login/register URLs (QA + PROD).
+  "enterprise-login": "https://enterprise.docthub.com/login",
+  "create-enterprise-account": "https://enterprise.docthub.com/register",
+  "contact-support": "https://www.docthub.com/contact-us"
+}, s = t() === "production" ? o : e;
+export {
+  s as ORGANIZATION_NAV_ROUTES,
+  o as ORGANIZATION_NAV_ROUTES_PROD,
+  e as ORGANIZATION_NAV_ROUTES_QA
+};

package/dist/components/overrides/ui/navigation-menu/organization-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 N } 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-[#DEF0FA]"
+    },
+    group: "bg-[#F0F6FF] rounded-[12px] border-none"
+  },
+  default: {
+    item: {
+      hover: "hover:bg-[#EBF8FA]",
+      active: "bg-[#EBF8FA]"
+    },
+    group: void 0
+  }
+};
+function E(s) {
+  const e = k(26), {
+    variant: t,
+    item: a
+  } = s, {
+    icon: i,
+    label: r,
+    description: l,
+    active: n
+  } = a, c = !!(i && l), d = !i && "pl-4 pb-[6px]", w = I[t], F = n && I[t].item.active;
+  let m;
+  e[0] !== d || e[1] !== w.item.hover || e[2] !== F ? (m = N("group flex w-full items-center rounded-[12px] pl-2 pr-[14px] py-1 text-left transition-colors pt-[6px]", d, w.item.hover, F), e[0] = d, e[1] = w.item.hover, e[2] = F, e[3] = m) : m = e[3];
+  let p;
+  e[4] !== i || e[5] !== c ? (p = i ? /* @__PURE__ */ o("div", { className: N("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 font-semibold leading-5 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 = n && "opacity-100";
+  let u;
+  e[14] !== A ? (u = N("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 g;
+  e[16] !== u ? (g = /* @__PURE__ */ o(B, { className: u }), e[16] = u, e[17] = g) : g = e[17];
+  let v;
+  e[18] !== g || e[19] !== x ? (v = /* @__PURE__ */ b("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+    x,
+    g
+  ] }), e[18] = g, e[19] = x, e[20] = v) : v = e[20];
+  let y;
+  return e[21] !== a || e[22] !== v || e[23] !== m || e[24] !== p ? (y = /* @__PURE__ */ b(j, { item: a, className: m, children: [
+    p,
+    v
+  ] }), e[21] = a, e[22] = v, e[23] = m, e[24] = p, e[25] = y) : y = e[25], y;
+}
+function R(s) {
+  const e = k(12), {
+    section: t,
+    groupVariant: a
+  } = s, i = t.variant ?? a ?? "default";
+  let r;
+  e[0] !== t.noPadding || e[1] !== t.title ? (r = t.title && /* @__PURE__ */ o(D, { variant: "body3", weight: "semiBold", color: "#70868B", className: N(t.noPadding ? "pt-1 pb-2" : "pt-5 pb-3", "px-6 text-[12px] font-semibold leading-4 text-primary/56"), children: t.title }), e[0] = t.noPadding, e[1] = t.title, e[2] = r) : r = e[2];
+  let l;
+  e[3] !== t.hasSeparatorAfterIndex || e[4] !== i ? (l = (d, w) => /* @__PURE__ */ b(S.Fragment, { children: [
+    /* @__PURE__ */ o(E, { variant: i, item: d }),
+    t.hasSeparatorAfterIndex === w ? /* @__PURE__ */ o("div", { className: "my-2 !mt-3 h-px w-full bg-neutral-8" }) : null
+  ] }, d.id), e[3] = t.hasSeparatorAfterIndex, e[4] = i, e[5] = l) : l = e[5];
+  let n;
+  e[6] !== t || e[7] !== l ? (n = /* @__PURE__ */ o("div", { className: "space-y-1 px-3 pb-4", children: /* @__PURE__ */ o(_, { section: t, renderItem: l }) }), e[6] = t, e[7] = l, e[8] = n) : n = e[8];
+  let c;
+  return e[9] !== r || e[10] !== n ? (c = /* @__PURE__ */ b("div", { className: "flex flex-col", children: [
+    r,
+    n
+  ] }), e[9] = r, e[10] = n, e[11] = c) : c = e[11], c;
+}
+function M(s) {
+  const e = k(9), {
+    groups: t,
+    className: a
+  } = s;
+  if (!t.length)
+    return null;
+  let i;
+  e[0] !== a ? (i = N("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]", a), e[0] = a, e[1] = i) : i = e[1];
+  let r;
+  e[2] !== t ? (r = t.map($), 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 n;
+  return e[6] !== i || e[7] !== l ? (n = /* @__PURE__ */ o("nav", { "aria-label": "Docthub navigation", className: i, children: l }), e[6] = i, e[7] = l, e[8] = n) : n = e[8], n;
+}
+function $(s, e) {
+  const t = s.variant === "highlighted";
+  return /* @__PURE__ */ b("div", { className: N("flex min-w-0 flex-1 flex-col border-l border-black/8", e === 0 && "border-l-0", t && `${I.highlighted.group} rounded-[12px] border-none`), children: [
+    s.sections.map((a) => /* @__PURE__ */ o(R, { section: a, groupVariant: s.variant }, a.id)),
+    s.footer ? /* @__PURE__ */ o("div", { className: "mt-auto px-4 pb-4", children: s.footer }) : null
+  ] }, s.id);
+}
+export {
+  M as OrganizationDesktopMenu
+};