@mintlify/msft-sdk 1.1.27 → 1.1.30

package/dist/components/nav-tree/index.js

@@ -1,16 +1,16 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useRef as M, useEffect as z, useState as W } from "react";
 import { useComponents as L } from "../../context/components-context.js";
 /* empty css               */
-import { cn as b } from "../../utils/cn.js";
+import { cn as p } from "../../utils/cn.js";
 import { MethodPill as j } from "../Api/MethodPill.js";
-function E({ isExpanded: t }) {
+function _({ isExpanded: n }) {
   return /* @__PURE__ */ e(
     "svg",
     {
-      className: b(
+      className: p(
         "mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:text-[#6b7280] mint:dark:text-[#9ca3af]",
-        t ? "mint:rotate-90" : "mint:rotate-0"
+        n ? "mint:rotate-90" : "mint:rotate-0"
       ),
       fill: "none",
       stroke: "currentColor",
@@ -20,207 +20,211 @@ function E({ isExpanded: t }) {
     }
   );
 }
-const _ = "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold";
-function C({ item: t, activeId: g, level: u = 0, activeHref: o }) {
-  const p = t.children && t.children.length > 0, k = (n) => n ? n.startsWith("/") ? n : `/${n}` : "", h = (n, l) => {
-    if (!n || !l) return !1;
-    const x = k(n), w = k(l);
-    return x === w || x.replace("/docs/", "/") === w.replace("/docs/", "/") || x === w.replace("/docs/", "/") || x.replace("/docs/", "/") === w;
-  }, v = (n) => h(n.href, o) ? !0 : n.children ? n.children.some(v) : !1, $ = u === 0 ? !0 : (t.expanded ?? !1) || p && v(t), [a, i] = W($);
+const y = "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold";
+function A({ item: n, activeId: k, level: u = 0, activeHref: l }) {
+  const x = n.children && n.children.length > 0, v = (t) => t ? t.startsWith("/") ? t : `/${t}` : "", h = (t, r) => {
+    if (!t || !r) return !1;
+    const f = v(t), g = v(r);
+    return f === g || f.replace("/docs/", "/") === g.replace("/docs/", "/") || f === g.replace("/docs/", "/") || f.replace("/docs/", "/") === g;
+  }, b = (t) => h(t.href, l) ? !0 : t.children ? t.children.some(b) : !1, C = u === 0 ? !0 : (n.expanded ?? !1) || x && b(n), [o, w] = W(C);
   z(() => {
-    p && v(t) && i(!0);
-  }, [o]);
-  const { LinkComponent: d } = L(), f = !t.href, r = t.href && (h(t.href, g) || h(t.href, o)), s = t.icon;
-  if (f && u === 0)
-    return /* @__PURE__ */ c("div", { id: "nav-group", role: "group", "aria-label": t.toc_title, children: [
-      /* @__PURE__ */ c("div", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white mint:mb-3 mint:flex mint:items-start mint:gap-2 mint:pl-2.5", children: [
-        s && /* @__PURE__ */ e(s, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
-        /* @__PURE__ */ e("span", { children: t.toc_title })
+    x && b(n) && w(!0);
+  }, [l]);
+  const { LinkComponent: i } = L(), d = !n.href, s = n.href && (h(n.href, k) || h(n.href, l)), m = n.icon;
+  if (d && u === 0)
+    return /* @__PURE__ */ a("div", { id: "nav-group", role: "group", "aria-label": n.toc_title, children: [
+      /* @__PURE__ */ a("div", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white mint:mb-3 mint:flex mint:items-start mint:gap-2 mint:pl-2.5", children: [
+        m && /* @__PURE__ */ e(m, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
+        /* @__PURE__ */ e("span", { children: n.toc_title })
       ] }),
-      p && t.children && /* @__PURE__ */ e("ul", { className: "mint:flex mint:flex-col mint:pl-0", role: "list", children: t.children.map((n, l) => /* @__PURE__ */ e(
-        C,
+      x && n.children && /* @__PURE__ */ e("ul", { className: "mint:flex mint:flex-col mint:pl-0", role: "list", children: n.children.map((t, r) => /* @__PURE__ */ e(
+        A,
         {
-          item: n,
-          activeId: g,
+          item: t,
+          activeId: k,
           level: u + 1,
-          activeHref: o
+          activeHref: l
         },
-        `${n.href}-${l}`
+        `${t.href}-${r}`
       )) })
     ] });
-  if (f && u > 0)
-    return /* @__PURE__ */ c("li", { className: "mint:list-none", children: [
-      /* @__PURE__ */ c(
+  if (d && u > 0)
+    return /* @__PURE__ */ a("li", { className: "mint:list-none", children: [
+      /* @__PURE__ */ a(
         "button",
         {
           id: "nav-group-toggle",
-          onClick: () => i(!a),
-          "aria-expanded": a,
-          "aria-label": `${a ? "Collapse" : "Expand"} ${t.toc_title} section`,
+          onClick: () => w(!o),
+          "aria-expanded": o,
+          "aria-label": `${o ? "Collapse" : "Expand"} ${n.toc_title} section`,
           className: "mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#4b5563] mint:dark:text-[#9ca3af] mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
           children: [
-            /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
-            /* @__PURE__ */ e(E, { isExpanded: !!a })
+            /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: n.toc_title }),
+            /* @__PURE__ */ e(_, { isExpanded: !!o })
           ]
         }
       ),
-      p && a && t.children && /* @__PURE__ */ e("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: t.children.map((n, l) => /* @__PURE__ */ e(
-        C,
+      x && o && n.children && /* @__PURE__ */ e("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: n.children.map((t, r) => /* @__PURE__ */ e(
+        A,
         {
-          item: n,
-          activeId: g,
+          item: t,
+          activeId: k,
           level: u + 1,
-          activeHref: o
+          activeHref: l
         },
-        `${n.href}-${l}`
+        `${t.href}-${r}`
       )) })
     ] });
-  const m = d || "a";
-  return p ? /* @__PURE__ */ c("li", { className: "mint:list-none", children: [
-    /* @__PURE__ */ c(
+  const c = i || "a";
+  return x ? /* @__PURE__ */ a("li", { className: "mint:list-none", children: [
+    /* @__PURE__ */ a(
       "button",
       {
         id: "nav-item-toggle",
-        onClick: () => i(!a),
-        "aria-expanded": a,
-        "aria-label": `${a ? "Collapse" : "Expand"} ${t.toc_title} section`,
-        className: b(
-          "mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-sans mint:font-normal mint:rounded-xl mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
-          r ? _ : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
+        onClick: () => w(!o),
+        "aria-expanded": o,
+        "aria-label": `${o ? "Collapse" : "Expand"} ${n.toc_title} section`,
+        className: p(
+          "mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
+          s ? y : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
-          /* @__PURE__ */ e(E, { isExpanded: !!a })
+          /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: n.toc_title }),
+          /* @__PURE__ */ e(_, { isExpanded: !!o })
         ]
       }
     ),
-    a && t.children && /* @__PURE__ */ e("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: t.children.map((n, l) => /* @__PURE__ */ e(
-      C,
+    o && n.children && /* @__PURE__ */ e("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: n.children.map((t, r) => /* @__PURE__ */ e(
+      A,
       {
-        item: n,
-        activeId: g,
+        item: t,
+        activeId: k,
         level: u + 1,
-        activeHref: o
+        activeHref: l
       },
-      `${n.href}-${l}`
+      `${t.href}-${r}`
     )) })
-  ] }) : /* @__PURE__ */ e("li", { className: "mint:list-none", children: /* @__PURE__ */ c(
-    m,
+  ] }) : /* @__PURE__ */ e("li", { className: "mint:list-none", children: /* @__PURE__ */ a(
+    c,
     {
       id: "nav-item",
-      href: t.href,
-      "aria-current": r ? "page" : void 0,
-      className: b(
-        "mint:relative mint:flex mint:items-center mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-sans mint:font-normal mint:rounded-xl mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
-        r ? _ : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
+      href: n.href,
+      "aria-current": s ? "page" : void 0,
+      className: p(
+        "mint:relative mint:flex mint:items-center mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:[&_svg]:flex-1",
+        s ? y : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
       ),
       children: [
-        r && /* @__PURE__ */ e("div", { className: "mint:absolute mint:left-0 mint:my-2.5 mint:rounded-full mint:w-[3px] mint:top-0 mint:bottom-0 mint:bg-[#8251ee] mint:dark:bg-[#9263f1]" }),
-        t.method && /* @__PURE__ */ e(j, { isActive: !!r, method: t.method, shortMethod: !0 }),
-        t.toc_title
+        s && /* @__PURE__ */ e("div", { className: "mint:absolute mint:left-0 mint:my-2.5 mint:rounded-full mint:w-[3px] mint:top-0 mint:bottom-0 mint:bg-[#8251ee] mint:dark:bg-[#9263f1]" }),
+        n.method && /* @__PURE__ */ e(j, { isActive: !!s, method: n.method, shortMethod: !0 }),
+        n.toc_title
       ]
     }
   ) });
 }
-function F({
-  navTree: t,
-  activeId: g,
+function G({
+  navTree: n,
+  activeId: k,
   className: u = "",
-  activeHref: o,
-  theme: p,
-  bottomLinks: k,
-  anchors: h
+  activeHref: l,
+  theme: x,
+  bottomLinks: v,
+  anchors: h,
+  styling: b
 }) {
-  const { LinkComponent: v } = L(), $ = M(null);
+  const { LinkComponent: C } = L(), o = M(null);
   if (z(() => {
-    const i = $.current;
-    if (!i || !o) return;
-    const d = (r) => r ? r.startsWith("/") ? r : `/${r}` : "", f = (r, s) => {
-      const m = d(r), n = d(s);
-      return m === n || m.replace("/docs/", "/") === n.replace("/docs/", "/") || m === n.replace("/docs/", "/") || m.replace("/docs/", "/") === n;
+    const i = o.current;
+    if (!i || !l) return;
+    const d = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", s = (m, c) => {
+      const t = d(m), r = d(c);
+      return t === r || t.replace("/docs/", "/") === r.replace("/docs/", "/") || t === r.replace("/docs/", "/") || t.replace("/docs/", "/") === r;
     };
     requestAnimationFrame(() => {
-      const r = i.querySelectorAll("a[href]");
-      let s = null;
-      for (const m of Array.from(r)) {
-        const n = m.getAttribute("href");
-        if (n && f(n, o)) {
-          s = m;
+      const m = i.querySelectorAll("a[href]");
+      let c = null;
+      for (const t of Array.from(m)) {
+        const r = t.getAttribute("href");
+        if (r && s(r, l)) {
+          c = t;
           break;
         }
       }
-      s && s.scrollIntoView({
+      c && c.scrollIntoView({
         behavior: "instant",
         block: "center",
         inline: "nearest"
       });
     });
-  }, [o]), !t || t.items.length === 0)
+  }, [l]), !n || n.items.length === 0)
     return null;
-  const a = v || "a";
-  return /* @__PURE__ */ c(
+  const w = C || "a";
+  return /* @__PURE__ */ a(
     "nav",
     {
       id: "nav-tree",
-      className: b(
+      className: p(
         "mint:flex mint:flex-col mint:h-full mint:min-h-0",
         u,
-        p === "dark" && "dark"
+        x === "dark" && "dark"
       ),
       "aria-label": "Documentation navigation",
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ a(
           "div",
           {
             id: "nav-tree-content",
-            ref: $,
-            className: "mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:px-4 mint:[scrollbar-width:thin] mint:[scrollbar-color:rgba(0,0,0,0.2)_transparent] mint:dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30 mint:space-y-6 mint:py-4",
+            ref: o,
+            className: p(
+              "mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:px-4 mint:[scrollbar-width:thin] mint:[scrollbar-color:rgba(0,0,0,0.2)_transparent] mint:dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30 mint:space-y-6 mint:py-4",
+              b == null ? void 0 : b.navTreeContentClassName
+            ),
             children: [
-              h && h.length > 0 && /* @__PURE__ */ e("div", { id: "nav-anchors", className: "mint:shrink-0 mint:w-full mint:mb-3", children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:gap-1", children: h.map((i, d) => {
-                const f = i.icon, r = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", s = (() => {
-                  if (!o || !i.href) return !1;
-                  const m = r(o), n = r(i.href), l = m.replace(/\/$/, ""), x = n.replace(/\/$/, "");
-                  return l === x || l.startsWith(x + "/") ? h.filter((N) => {
+              h && h.length > 0 && /* @__PURE__ */ e("div", { id: "nav-anchors", className: "mint:shrink-0 mint:w-full mint:mb-3", children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col", children: h.map((i, d) => {
+                const s = i.icon, m = (t) => t ? t.startsWith("/") ? t : `/${t}` : "", c = (() => {
+                  if (!l || !i.href) return !1;
+                  const t = m(l), r = m(i.href), f = t.replace(/\/$/, ""), g = r.replace(/\/$/, "");
+                  return f === g || f.startsWith(g + "/") ? h.filter((N) => {
                     if (!N.href) return !1;
-                    const A = r(N.href).replace(/\/$/, "");
-                    return l === A || l.startsWith(A + "/");
-                  }).reduce((N, y) => {
-                    const A = r(N.href || "").replace(
+                    const $ = m(N.href).replace(/\/$/, "");
+                    return f === $ || f.startsWith($ + "/");
+                  }).reduce((N, E) => {
+                    const $ = m(N.href || "").replace(
                       /\/$/,
                       ""
                     );
-                    return r(y.href || "").replace(
+                    return m(E.href || "").replace(
                       /\/$/,
                       ""
-                    ).length > A.length ? y : N;
+                    ).length > $.length ? E : N;
                   }, i) === i : !1;
                 })();
-                return /* @__PURE__ */ c(
-                  a,
+                return /* @__PURE__ */ a(
+                  w,
                   {
                     href: i.href,
-                    "aria-current": s ? "page" : void 0,
-                    className: b(
+                    "aria-current": c ? "page" : void 0,
+                    className: p(
                       "mint:group mint:relative mint:flex mint:items-start mint:gap-2 mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:no-underline mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb]",
-                      s ? "mint:text-[#141414] mint:dark:text-[#ffffff]" : "mint:text-[#424242] mint:dark:text-[#9ca3af]"
+                      c ? "mint:text-[#141414] mint:dark:text-[#ffffff]" : "mint:text-[#424242] mint:dark:text-[#9ca3af]"
                     ),
                     children: [
-                      f && /* @__PURE__ */ e(
-                        f,
+                      s && /* @__PURE__ */ e(
+                        s,
                         {
-                          className: b(
+                          className: p(
                             "mint:w-5 mint:h-5 mint:shrink-0",
-                            s ? "mint:text-[#8251ee] mint:dark:text-[#9263f1]" : "mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
+                            c ? "mint:text-[#8251ee] mint:dark:text-[#9263f1]" : "mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
                           )
                         }
                       ),
-                      /* @__PURE__ */ c("div", { className: "mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0", children: [
+                      /* @__PURE__ */ a("div", { className: "mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0", children: [
                         /* @__PURE__ */ e(
                           "span",
                           {
-                            className: b(
+                            className: p(
                               "mint:font-medium",
-                              s ? "mint:text-[#8251ee] mint:dark:text-[#9263f1] mint:font-semibold" : "mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
+                              c ? "mint:text-[#8251ee] mint:dark:text-[#9263f1] mint:font-semibold" : "mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
                             ),
                             children: i.title
                           }
@@ -232,36 +236,36 @@ function F({
                   d
                 );
               }) }) }),
-              t.items.map((i, d) => /* @__PURE__ */ e(
-                C,
+              n.items.map((i, d) => /* @__PURE__ */ e(
+                A,
                 {
                   item: i,
-                  activeId: g,
-                  activeHref: o
+                  activeId: k,
+                  activeHref: l
                 },
                 `${i.href}-${d}`
               ))
             ]
           }
         ),
-        k && k.length > 0 && /* @__PURE__ */ c(
+        v && v.length > 0 && /* @__PURE__ */ a(
           "div",
           {
             id: "nav-tree-bottom-links",
             className: "mint:shrink-0 mint:w-full mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:mt-auto",
             children: [
               /* @__PURE__ */ e("div", { className: "mint:h-[0.5px] mint:w-full mint:bg-[#d1d1d1] mint:dark:bg-[#666666]" }),
-              /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:py-3 mint:px-4", children: k.map((i, d) => {
-                const f = i.icon;
-                return /* @__PURE__ */ c(
-                  a,
+              /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:py-3 mint:px-4", children: v.map((i, d) => {
+                const s = i.icon;
+                return /* @__PURE__ */ a(
+                  w,
                   {
                     href: i.href,
                     target: "_blank",
                     rel: "noopener noreferrer",
                     className: "mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:[&>span]:flex mint:[&>span]:items-center mint:[&>span]:gap-2 mint:[&>svg:last-child]:hidden",
                     children: [
-                      /* @__PURE__ */ e(f, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
+                      /* @__PURE__ */ e(s, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
                       /* @__PURE__ */ e("span", { children: i.label })
                     ]
                   },
@@ -276,6 +280,6 @@ function F({
   );
 }
 export {
-  F as NavTree
+  G as NavTree
 };
 //# sourceMappingURL=index.js.map

package/dist/components/nav-tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nav-tree/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { useComponents } from '../../context/components-context';\nimport '../../styles.css';\nimport type { NavItem, NavTreeData, AnchorConfig } from '../../types';\nimport { cn } from '../../utils/cn';\nimport { MethodPill } from '../Api/MethodPill';\n\nexport { MobileNavTree } from './mobile-nav';\nexport type { MobileNavTreeProps } from './mobile-nav';\nexport type { AnchorConfig } from '../../types';\n\nexport interface BottomLinkConfig {\n  href: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n}\n\ninterface NavTreeProps {\n  navTree: NavTreeData;\n  activeId?: string;\n  className?: string;\n  activeHref?: string;\n  theme?: 'light' | 'dark' | 'system';\n  bottomLinks?: BottomLinkConfig[];\n  anchors?: AnchorConfig[];\n}\n\ninterface TreeItemProps {\n  item: NavItem;\n  activeId?: string;\n  level?: number;\n  activeHref?: string;\n}\n\nfunction ChevronIcon({ isExpanded }: { isExpanded: boolean }) {\n  return (\n    <svg\n      className={cn(\n        'mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:text-[#6b7280] mint:dark:text-[#9ca3af]',\n        isExpanded ? 'mint:rotate-90' : 'mint:rotate-0'\n      )}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n    </svg>\n  );\n}\n\nconst ACTIVE_ITEM_CLASSES =\n  'mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold';\n\nfunction TreeItemComponent({ item, activeId, level = 0, activeHref }: TreeItemProps) {\n  const hasChildren = item.children && item.children.length > 0;\n\n  const normalizeHref = (href?: string): string => {\n    if (!href) return '';\n    const normalized = href.startsWith('/') ? href : `/${href}`;\n    return normalized;\n  };\n\n  const compareHrefs = (href1?: string, href2?: string): boolean => {\n    if (!href1 || !href2) return false;\n    const norm1 = normalizeHref(href1);\n    const norm2 = normalizeHref(href2);\n    return (\n      norm1 === norm2 ||\n      norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n      norm1 === norm2.replace('/docs/', '/') ||\n      norm1.replace('/docs/', '/') === norm2\n    );\n  };\n\n  const hasActiveChild = (navItem: NavItem): boolean => {\n    if (compareHrefs(navItem.href, activeHref)) return true;\n    if (navItem.children) {\n      return navItem.children.some(hasActiveChild);\n    }\n    return false;\n  };\n\n  const shouldBeExpanded =\n    level === 0 ? true : (item.expanded ?? false) || (hasChildren && hasActiveChild(item));\n  const [isExpanded, setIsExpanded] = useState(shouldBeExpanded);\n\n  useEffect(() => {\n    if (hasChildren && hasActiveChild(item)) {\n      setIsExpanded(true);\n    }\n  }, [activeHref]);\n\n  const { LinkComponent } = useComponents();\n  const isGroup = !item.href;\n  const isActive =\n    item.href && (compareHrefs(item.href, activeId) || compareHrefs(item.href, activeHref));\n  const Icon = item.icon;\n\n  if (isGroup && level === 0) {\n    return (\n      <div id=\"nav-group\" role=\"group\" aria-label={item.toc_title}>\n        <div className=\"mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white mint:mb-3 mint:flex mint:items-start mint:gap-2 mint:pl-2.5\">\n          {Icon && <Icon className=\"mint:w-5 mint:h-5\" aria-hidden=\"true\" />}\n          <span>{item.toc_title}</span>\n        </div>\n        {hasChildren && item.children && (\n          <ul className=\"mint:flex mint:flex-col mint:pl-0\" role=\"list\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n                activeHref={activeHref}\n              />\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  }\n\n  if (isGroup && level > 0) {\n    return (\n      <li className=\"mint:list-none\">\n        <button\n          id=\"nav-group-toggle\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          aria-expanded={isExpanded}\n          aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${item.toc_title} section`}\n          className=\"mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#4b5563] mint:dark:text-[#9ca3af] mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2\"\n        >\n          <span className=\"mint:flex-1 mint:min-w-0\">{item.toc_title}</span>\n          <ChevronIcon isExpanded={!!isExpanded} />\n        </button>\n        {hasChildren && isExpanded && item.children && (\n          <ul className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\" role=\"group\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n                activeHref={activeHref}\n              />\n            ))}\n          </ul>\n        )}\n      </li>\n    );\n  }\n\n  const LinkElement = LinkComponent || 'a';\n\n  if (hasChildren) {\n    return (\n      <li className=\"mint:list-none\">\n        <button\n          id=\"nav-item-toggle\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          aria-expanded={isExpanded}\n          aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${item.toc_title} section`}\n          className={cn(\n            'mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-sans mint:font-normal mint:rounded-xl mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2',\n            isActive\n              ? ACTIVE_ITEM_CLASSES\n              : 'mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]'\n          )}\n        >\n          <span className=\"mint:flex-1 mint:min-w-0\">{item.toc_title}</span>\n          <ChevronIcon isExpanded={!!isExpanded} />\n        </button>\n        {isExpanded && item.children && (\n          <ul className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\" role=\"group\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n                activeHref={activeHref}\n              />\n            ))}\n          </ul>\n        )}\n      </li>\n    );\n  }\n\n  return (\n    <li className=\"mint:list-none\">\n      <LinkElement\n        id=\"nav-item\"\n        href={item.href}\n        aria-current={isActive ? 'page' : undefined}\n        className={cn(\n          'mint:relative mint:flex mint:items-center mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-sans mint:font-normal mint:rounded-xl mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2',\n          isActive\n            ? ACTIVE_ITEM_CLASSES\n            : 'mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]'\n        )}\n      >\n        {isActive && (\n          <div className=\"mint:absolute mint:left-0 mint:my-2.5 mint:rounded-full mint:w-[3px] mint:top-0 mint:bottom-0 mint:bg-[#8251ee] mint:dark:bg-[#9263f1]\"></div>\n        )}\n        {item.method && (\n          <MethodPill isActive={!!isActive} method={item.method} shortMethod={true} />\n        )}\n        {item.toc_title}\n      </LinkElement>\n    </li>\n  );\n}\n\nexport function NavTree({\n  navTree,\n  activeId,\n  className = '',\n  activeHref,\n  theme,\n  bottomLinks,\n  anchors,\n}: NavTreeProps) {\n  const { LinkComponent } = useComponents();\n  const navContentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const navElement = navContentRef.current;\n    if (!navElement || !activeHref) return;\n\n    const normalizeHref = (href: string): string => {\n      if (!href) return '';\n      return href.startsWith('/') ? href : `/${href}`;\n    };\n\n    const compareHrefs = (href1: string, href2: string): boolean => {\n      const norm1 = normalizeHref(href1);\n      const norm2 = normalizeHref(href2);\n      return (\n        norm1 === norm2 ||\n        norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n        norm1 === norm2.replace('/docs/', '/') ||\n        norm1.replace('/docs/', '/') === norm2\n      );\n    };\n\n    requestAnimationFrame(() => {\n      const allLinks = navElement.querySelectorAll('a[href]');\n      let activeLink: HTMLElement | null = null;\n\n      for (const link of Array.from(allLinks)) {\n        const href = link.getAttribute('href');\n        if (href && compareHrefs(href, activeHref)) {\n          activeLink = link as HTMLElement;\n          break;\n        }\n      }\n\n      if (activeLink) {\n        activeLink.scrollIntoView({\n          behavior: 'instant',\n          block: 'center',\n          inline: 'nearest',\n        });\n      }\n    });\n  }, [activeHref]);\n\n  if (!navTree || navTree.items.length === 0) {\n    return null;\n  }\n\n  const LinkElement = LinkComponent || 'a';\n\n  return (\n    <nav\n      id=\"nav-tree\"\n      className={cn(\n        'mint:flex mint:flex-col mint:h-full mint:min-h-0',\n        className,\n        theme === 'dark' && 'dark'\n      )}\n      aria-label=\"Documentation navigation\"\n    >\n      <div\n        id=\"nav-tree-content\"\n        ref={navContentRef}\n        className=\"mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:px-4 mint:[scrollbar-width:thin] mint:[scrollbar-color:rgba(0,0,0,0.2)_transparent] mint:dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30 mint:space-y-6 mint:py-4\"\n      >\n        {anchors && anchors.length > 0 && (\n          <div id=\"nav-anchors\" className=\"mint:shrink-0 mint:w-full mint:mb-3\">\n            <div className=\"mint:flex mint:flex-col mint:gap-1\">\n              {anchors.map((anchor, index) => {\n                const Icon = anchor.icon;\n\n                const normalizeAnchorHref = (href: string): string => {\n                  if (!href) return '';\n                  return href.startsWith('/') ? href : `/${href}`;\n                };\n\n                const isAnchorActive = (() => {\n                  if (!activeHref || !anchor.href) return false;\n                  const normalizedActive = normalizeAnchorHref(activeHref);\n                  const normalizedAnchor = normalizeAnchorHref(anchor.href);\n\n                  const cleanActive = normalizedActive.replace(/\\/$/, '');\n                  const cleanAnchor = normalizedAnchor.replace(/\\/$/, '');\n\n                  const matches =\n                    cleanActive === cleanAnchor || cleanActive.startsWith(cleanAnchor + '/');\n                  if (!matches) return false;\n\n                  const longestMatchingAnchor = anchors\n                    .filter((a) => {\n                      if (!a.href) return false;\n                      const normalizedHref = normalizeAnchorHref(a.href);\n                      const cleanHref = normalizedHref.replace(/\\/$/, '');\n                      return cleanActive === cleanHref || cleanActive.startsWith(cleanHref + '/');\n                    })\n                    .reduce((longest, current) => {\n                      const longestHref = normalizeAnchorHref(longest.href || '').replace(\n                        /\\/$/,\n                        ''\n                      );\n                      const currentHref = normalizeAnchorHref(current.href || '').replace(\n                        /\\/$/,\n                        ''\n                      );\n                      return currentHref.length > longestHref.length ? current : longest;\n                    }, anchor);\n\n                  return longestMatchingAnchor === anchor;\n                })();\n\n                return (\n                  <LinkElement\n                    key={index}\n                    href={anchor.href}\n                    aria-current={isAnchorActive ? 'page' : undefined}\n                    className={cn(\n                      'mint:group mint:relative mint:flex mint:items-start mint:gap-2 mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:no-underline mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb]',\n                      isAnchorActive\n                        ? 'mint:text-[#141414] mint:dark:text-[#ffffff]'\n                        : 'mint:text-[#424242] mint:dark:text-[#9ca3af]'\n                    )}\n                  >\n                    {Icon && (\n                      <Icon\n                        className={cn(\n                          'mint:w-5 mint:h-5 mint:shrink-0',\n                          isAnchorActive\n                            ? 'mint:text-[#8251ee] mint:dark:text-[#9263f1]'\n                            : 'mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]'\n                        )}\n                      />\n                    )}\n                    <div className=\"mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0\">\n                      <span\n                        className={cn(\n                          'mint:font-medium',\n                          isAnchorActive\n                            ? 'mint:text-[#8251ee] mint:dark:text-[#9263f1] mint:font-semibold'\n                            : 'mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]'\n                        )}\n                      >\n                        {anchor.title}\n                      </span>\n                      {anchor.description && (\n                        <span className=\"mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:leading-snug\">\n                          {anchor.description}\n                        </span>\n                      )}\n                    </div>\n                  </LinkElement>\n                );\n              })}\n            </div>\n          </div>\n        )}\n        {navTree.items.map((item, index) => (\n          <TreeItemComponent\n            key={`${item.href}-${index}`}\n            item={item}\n            activeId={activeId}\n            activeHref={activeHref}\n          />\n        ))}\n      </div>\n      {bottomLinks && bottomLinks.length > 0 && (\n        <div\n          id=\"nav-tree-bottom-links\"\n          className=\"mint:shrink-0 mint:w-full mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:mt-auto\"\n        >\n          <div className=\"mint:h-[0.5px] mint:w-full mint:bg-[#d1d1d1] mint:dark:bg-[#666666]\"></div>\n          <div className=\"mint:flex mint:flex-col mint:py-3 mint:px-4\">\n            {bottomLinks.map((link, index) => {\n              const Icon = link.icon;\n              return (\n                <LinkElement\n                  key={index}\n                  href={link.href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:[&>span]:flex mint:[&>span]:items-center mint:[&>span]:gap-2 mint:[&>svg:last-child]:hidden\"\n                >\n                  <Icon className=\"mint:w-5 mint:h-5 mint:shrink-0\" />\n                  <span>{link.label}</span>\n                </LinkElement>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </nav>\n  );\n}\n"],"names":["ChevronIcon","isExpanded","jsx","cn","ACTIVE_ITEM_CLASSES","TreeItemComponent","item","activeId","level","activeHref","hasChildren","normalizeHref","href","compareHrefs","href1","href2","norm1","norm2","hasActiveChild","navItem","shouldBeExpanded","setIsExpanded","useState","useEffect","LinkComponent","useComponents","isGroup","isActive","Icon","jsxs","child","index","LinkElement","MethodPill","NavTree","navTree","className","theme","bottomLinks","anchors","navContentRef","useRef","navElement","allLinks","activeLink","link","anchor","normalizeAnchorHref","isAnchorActive","normalizedActive","normalizedAnchor","cleanActive","cleanAnchor","a","cleanHref","longest","current","longestHref"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/nav-tree/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { useComponents } from '../../context/components-context';\nimport '../../styles.css';\nimport type { NavItem, NavTreeData, AnchorConfig } from '../../types';\nimport { cn } from '../../utils/cn';\nimport { MethodPill } from '../Api/MethodPill';\n\nexport { MobileNavTree } from './mobile-nav';\nexport type { MobileNavTreeProps } from './mobile-nav';\nexport type { AnchorConfig } from '../../types';\n\nexport interface BottomLinkConfig {\n  href: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n}\n\ninterface NavTreeProps {\n  navTree: NavTreeData;\n  activeId?: string;\n  className?: string;\n  activeHref?: string;\n  theme?: 'light' | 'dark' | 'system';\n  bottomLinks?: BottomLinkConfig[];\n  anchors?: AnchorConfig[];\n  styling?: {\n    navTreeContentClassName?: string;\n  };\n}\n\ninterface TreeItemProps {\n  item: NavItem;\n  activeId?: string;\n  level?: number;\n  activeHref?: string;\n}\n\nfunction ChevronIcon({ isExpanded }: { isExpanded: boolean }) {\n  return (\n    <svg\n      className={cn(\n        'mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:text-[#6b7280] mint:dark:text-[#9ca3af]',\n        isExpanded ? 'mint:rotate-90' : 'mint:rotate-0'\n      )}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n    </svg>\n  );\n}\n\nconst ACTIVE_ITEM_CLASSES =\n  'mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold';\n\nfunction TreeItemComponent({ item, activeId, level = 0, activeHref }: TreeItemProps) {\n  const hasChildren = item.children && item.children.length > 0;\n\n  const normalizeHref = (href?: string): string => {\n    if (!href) return '';\n    const normalized = href.startsWith('/') ? href : `/${href}`;\n    return normalized;\n  };\n\n  const compareHrefs = (href1?: string, href2?: string): boolean => {\n    if (!href1 || !href2) return false;\n    const norm1 = normalizeHref(href1);\n    const norm2 = normalizeHref(href2);\n    return (\n      norm1 === norm2 ||\n      norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n      norm1 === norm2.replace('/docs/', '/') ||\n      norm1.replace('/docs/', '/') === norm2\n    );\n  };\n\n  const hasActiveChild = (navItem: NavItem): boolean => {\n    if (compareHrefs(navItem.href, activeHref)) return true;\n    if (navItem.children) {\n      return navItem.children.some(hasActiveChild);\n    }\n    return false;\n  };\n\n  const shouldBeExpanded =\n    level === 0 ? true : (item.expanded ?? false) || (hasChildren && hasActiveChild(item));\n  const [isExpanded, setIsExpanded] = useState(shouldBeExpanded);\n\n  useEffect(() => {\n    if (hasChildren && hasActiveChild(item)) {\n      setIsExpanded(true);\n    }\n  }, [activeHref]);\n\n  const { LinkComponent } = useComponents();\n  const isGroup = !item.href;\n  const isActive =\n    item.href && (compareHrefs(item.href, activeId) || compareHrefs(item.href, activeHref));\n  const Icon = item.icon;\n\n  if (isGroup && level === 0) {\n    return (\n      <div id=\"nav-group\" role=\"group\" aria-label={item.toc_title}>\n        <div className=\"mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white mint:mb-3 mint:flex mint:items-start mint:gap-2 mint:pl-2.5\">\n          {Icon && <Icon className=\"mint:w-5 mint:h-5\" aria-hidden=\"true\" />}\n          <span>{item.toc_title}</span>\n        </div>\n        {hasChildren && item.children && (\n          <ul className=\"mint:flex mint:flex-col mint:pl-0\" role=\"list\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n                activeHref={activeHref}\n              />\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  }\n\n  if (isGroup && level > 0) {\n    return (\n      <li className=\"mint:list-none\">\n        <button\n          id=\"nav-group-toggle\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          aria-expanded={isExpanded}\n          aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${item.toc_title} section`}\n          className=\"mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#4b5563] mint:dark:text-[#9ca3af] mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2\"\n        >\n          <span className=\"mint:flex-1 mint:min-w-0\">{item.toc_title}</span>\n          <ChevronIcon isExpanded={!!isExpanded} />\n        </button>\n        {hasChildren && isExpanded && item.children && (\n          <ul className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\" role=\"group\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n                activeHref={activeHref}\n              />\n            ))}\n          </ul>\n        )}\n      </li>\n    );\n  }\n\n  const LinkElement = LinkComponent || 'a';\n\n  if (hasChildren) {\n    return (\n      <li className=\"mint:list-none\">\n        <button\n          id=\"nav-item-toggle\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          aria-expanded={isExpanded}\n          aria-label={`${isExpanded ? 'Collapse' : 'Expand'} ${item.toc_title} section`}\n          className={cn(\n            'mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2',\n            isActive\n              ? ACTIVE_ITEM_CLASSES\n              : 'mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]'\n          )}\n        >\n          <span className=\"mint:flex-1 mint:min-w-0\">{item.toc_title}</span>\n          <ChevronIcon isExpanded={!!isExpanded} />\n        </button>\n        {isExpanded && item.children && (\n          <ul className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\" role=\"group\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n                activeHref={activeHref}\n              />\n            ))}\n          </ul>\n        )}\n      </li>\n    );\n  }\n\n  return (\n    <li className=\"mint:list-none\">\n      <LinkElement\n        id=\"nav-item\"\n        href={item.href}\n        aria-current={isActive ? 'page' : undefined}\n        className={cn(\n          'mint:relative mint:flex mint:items-center mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:[&_svg]:flex-1',\n          isActive\n            ? ACTIVE_ITEM_CLASSES\n            : 'mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]'\n        )}\n      >\n        {isActive && (\n          <div className=\"mint:absolute mint:left-0 mint:my-2.5 mint:rounded-full mint:w-[3px] mint:top-0 mint:bottom-0 mint:bg-[#8251ee] mint:dark:bg-[#9263f1]\"></div>\n        )}\n        {item.method && (\n          <MethodPill isActive={!!isActive} method={item.method} shortMethod={true} />\n        )}\n        {item.toc_title}\n      </LinkElement>\n    </li>\n  );\n}\n\nexport function NavTree({\n  navTree,\n  activeId,\n  className = '',\n  activeHref,\n  theme,\n  bottomLinks,\n  anchors,\n  styling,\n}: NavTreeProps) {\n  const { LinkComponent } = useComponents();\n  const navContentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const navElement = navContentRef.current;\n    if (!navElement || !activeHref) return;\n\n    const normalizeHref = (href: string): string => {\n      if (!href) return '';\n      return href.startsWith('/') ? href : `/${href}`;\n    };\n\n    const compareHrefs = (href1: string, href2: string): boolean => {\n      const norm1 = normalizeHref(href1);\n      const norm2 = normalizeHref(href2);\n      return (\n        norm1 === norm2 ||\n        norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n        norm1 === norm2.replace('/docs/', '/') ||\n        norm1.replace('/docs/', '/') === norm2\n      );\n    };\n\n    requestAnimationFrame(() => {\n      const allLinks = navElement.querySelectorAll('a[href]');\n      let activeLink: HTMLElement | null = null;\n\n      for (const link of Array.from(allLinks)) {\n        const href = link.getAttribute('href');\n        if (href && compareHrefs(href, activeHref)) {\n          activeLink = link as HTMLElement;\n          break;\n        }\n      }\n\n      if (activeLink) {\n        activeLink.scrollIntoView({\n          behavior: 'instant',\n          block: 'center',\n          inline: 'nearest',\n        });\n      }\n    });\n  }, [activeHref]);\n\n  if (!navTree || navTree.items.length === 0) {\n    return null;\n  }\n\n  const LinkElement = LinkComponent || 'a';\n\n  return (\n    <nav\n      id=\"nav-tree\"\n      className={cn(\n        'mint:flex mint:flex-col mint:h-full mint:min-h-0',\n        className,\n        theme === 'dark' && 'dark'\n      )}\n      aria-label=\"Documentation navigation\"\n    >\n      <div\n        id=\"nav-tree-content\"\n        ref={navContentRef}\n        className={cn(\n          'mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:px-4 mint:[scrollbar-width:thin] mint:[scrollbar-color:rgba(0,0,0,0.2)_transparent] mint:dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30 mint:space-y-6 mint:py-4',\n          styling?.navTreeContentClassName\n        )}\n      >\n        {anchors && anchors.length > 0 && (\n          <div id=\"nav-anchors\" className=\"mint:shrink-0 mint:w-full mint:mb-3\">\n            <div className=\"mint:flex mint:flex-col\">\n              {anchors.map((anchor, index) => {\n                const Icon = anchor.icon;\n\n                const normalizeAnchorHref = (href: string): string => {\n                  if (!href) return '';\n                  return href.startsWith('/') ? href : `/${href}`;\n                };\n\n                const isAnchorActive = (() => {\n                  if (!activeHref || !anchor.href) return false;\n                  const normalizedActive = normalizeAnchorHref(activeHref);\n                  const normalizedAnchor = normalizeAnchorHref(anchor.href);\n\n                  const cleanActive = normalizedActive.replace(/\\/$/, '');\n                  const cleanAnchor = normalizedAnchor.replace(/\\/$/, '');\n\n                  const matches =\n                    cleanActive === cleanAnchor || cleanActive.startsWith(cleanAnchor + '/');\n                  if (!matches) return false;\n\n                  const longestMatchingAnchor = anchors\n                    .filter((a) => {\n                      if (!a.href) return false;\n                      const normalizedHref = normalizeAnchorHref(a.href);\n                      const cleanHref = normalizedHref.replace(/\\/$/, '');\n                      return cleanActive === cleanHref || cleanActive.startsWith(cleanHref + '/');\n                    })\n                    .reduce((longest, current) => {\n                      const longestHref = normalizeAnchorHref(longest.href || '').replace(\n                        /\\/$/,\n                        ''\n                      );\n                      const currentHref = normalizeAnchorHref(current.href || '').replace(\n                        /\\/$/,\n                        ''\n                      );\n                      return currentHref.length > longestHref.length ? current : longest;\n                    }, anchor);\n\n                  return longestMatchingAnchor === anchor;\n                })();\n\n                return (\n                  <LinkElement\n                    key={index}\n                    href={anchor.href}\n                    aria-current={isAnchorActive ? 'page' : undefined}\n                    className={cn(\n                      'mint:group mint:relative mint:flex mint:items-start mint:gap-2 mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:no-underline mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb]',\n                      isAnchorActive\n                        ? 'mint:text-[#141414] mint:dark:text-[#ffffff]'\n                        : 'mint:text-[#424242] mint:dark:text-[#9ca3af]'\n                    )}\n                  >\n                    {Icon && (\n                      <Icon\n                        className={cn(\n                          'mint:w-5 mint:h-5 mint:shrink-0',\n                          isAnchorActive\n                            ? 'mint:text-[#8251ee] mint:dark:text-[#9263f1]'\n                            : 'mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]'\n                        )}\n                      />\n                    )}\n                    <div className=\"mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0\">\n                      <span\n                        className={cn(\n                          'mint:font-medium',\n                          isAnchorActive\n                            ? 'mint:text-[#8251ee] mint:dark:text-[#9263f1] mint:font-semibold'\n                            : 'mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]'\n                        )}\n                      >\n                        {anchor.title}\n                      </span>\n                      {anchor.description && (\n                        <span className=\"mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:leading-snug\">\n                          {anchor.description}\n                        </span>\n                      )}\n                    </div>\n                  </LinkElement>\n                );\n              })}\n            </div>\n          </div>\n        )}\n        {navTree.items.map((item, index) => (\n          <TreeItemComponent\n            key={`${item.href}-${index}`}\n            item={item}\n            activeId={activeId}\n            activeHref={activeHref}\n          />\n        ))}\n      </div>\n      {bottomLinks && bottomLinks.length > 0 && (\n        <div\n          id=\"nav-tree-bottom-links\"\n          className=\"mint:shrink-0 mint:w-full mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:mt-auto\"\n        >\n          <div className=\"mint:h-[0.5px] mint:w-full mint:bg-[#d1d1d1] mint:dark:bg-[#666666]\"></div>\n          <div className=\"mint:flex mint:flex-col mint:py-3 mint:px-4\">\n            {bottomLinks.map((link, index) => {\n              const Icon = link.icon;\n              return (\n                <LinkElement\n                  key={index}\n                  href={link.href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:[&>span]:flex mint:[&>span]:items-center mint:[&>span]:gap-2 mint:[&>svg:last-child]:hidden\"\n                >\n                  <Icon className=\"mint:w-5 mint:h-5 mint:shrink-0\" />\n                  <span>{link.label}</span>\n                </LinkElement>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </nav>\n  );\n}\n"],"names":["ChevronIcon","isExpanded","jsx","cn","ACTIVE_ITEM_CLASSES","TreeItemComponent","item","activeId","level","activeHref","hasChildren","normalizeHref","href","compareHrefs","href1","href2","norm1","norm2","hasActiveChild","navItem","shouldBeExpanded","setIsExpanded","useState","useEffect","LinkComponent","useComponents","isGroup","isActive","Icon","jsxs","child","index","LinkElement","MethodPill","NavTree","navTree","className","theme","bottomLinks","anchors","styling","navContentRef","useRef","navElement","allLinks","activeLink","link","anchor","normalizeAnchorHref","isAnchorActive","normalizedActive","normalizedAnchor","cleanActive","cleanAnchor","a","cleanHref","longest","current","longestHref"],"mappings":"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"}

package/dist/components/nav-tree/mobile-nav.js

@@ -30,7 +30,7 @@ function j({
           f,
           {
             transition: !0,
-            className: "mint:fixed mint:inset-0 mint:bg-black/20 mint:dark:bg-black/80 mint:backdrop-blur mint:transition-opacity mint:duration-300 mint:ease-out mint:data-[closed]:opacity-0"
+            className: "mint:fixed mint:inset-0 mint:bg-black/20 mint:dark:bg-black/80 mint:backdrop-blur mint:transition-opacity mint:duration-300 mint:ease-out mint:data-closed:opacity-0"
           }
         ),
         /* @__PURE__ */ n("div", { className: "mint:fixed mint:inset-0 mint:flex", children: [
@@ -40,7 +40,7 @@ function j({
             {
               id: "mobile-nav",
               transition: !0,
-              className: "mint:flex mint:flex-col mint:relative mint:bg-white mint:dark:bg-[#0f0f0f] mint:w-[85vw] mint:min-w-[19rem] mint:max-w-[22rem] mint:min-h-full mint:transition-transform mint:duration-100 mint:ease-in-out mint:data-[closed]:-translate-x-full",
+              className: "mint:flex mint:flex-col mint:relative mint:bg-white mint:dark:bg-[#0f0f0f] mint:w-[85vw] mint:min-w-76 mint:max-w-88 mint:min-h-full mint:transition-transform mint:duration-100 mint:ease-in-out mint:data-closed:-translate-x-full",
               children: /* @__PURE__ */ t("div", { className: "mint:flex mint:flex-col mint:flex-1 mint:p-4 mint:pt-4 mint:pb-12 mint:overflow-y-auto mint:h-full", children: /* @__PURE__ */ t(
                 u,
                 {

package/dist/components/nav-tree/mobile-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-nav.js","sources":["../../../src/components/nav-tree/mobile-nav.tsx"],"sourcesContent":["import { NavTreeData, LinkComponent } from \"../../types\";\nimport { Dialog, DialogBackdrop, DialogPanel } from \"@headlessui/react\";\nimport { NavTree, BottomLinkConfig } from \"./index\";\nimport { Dismiss16Regular } from \"@fluentui/react-icons\";\nimport { ComponentsProvider } from \"../../context/components-context\";\nimport { cn } from \"../../utils/cn\";\nimport \"../../styles.css\";\n\nexport interface MobileNavTreeProps {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  navTree: NavTreeData;\n  activeId?: string;\n  className?: string;\n  theme?: \"light\" | \"dark\" | \"system\";\n  activeHref?: string;\n  bottomLinks?: BottomLinkConfig[];\n  LinkComponent?: LinkComponent;\n}\n\nexport function MobileNavTree({\n  isOpen,\n  setIsOpen,\n  navTree,\n  activeId,\n  className = \"\",\n  theme,\n  activeHref,\n  bottomLinks,\n  LinkComponent,\n}: MobileNavTreeProps) {\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <Dialog\n        open={isOpen}\n        onClose={() => setIsOpen(false)}\n        className={cn(\n          \"mint:fixed mint:inset-0 mint:overflow-y-auto mint:z-50 mint:lg:hidden\",\n          theme === \"dark\" && \"dark\"\n        )}\n      >\n        <DialogBackdrop\n          transition\n          className=\"mint:fixed mint:inset-0 mint:bg-black/20 mint:dark:bg-black/80 mint:backdrop-blur mint:transition-opacity mint:duration-300 mint:ease-out mint:data-[closed]:opacity-0\"\n        />\n        <div className=\"mint:fixed mint:inset-0 mint:flex\">\n          {isOpen && <CloseButton setIsOpen={setIsOpen} />}\n          <DialogPanel\n            id=\"mobile-nav\"\n            transition\n            className=\"mint:flex mint:flex-col mint:relative mint:bg-white mint:dark:bg-[#0f0f0f] mint:w-[85vw] mint:min-w-[19rem] mint:max-w-[22rem] mint:min-h-full mint:transition-transform mint:duration-100 mint:ease-in-out mint:data-[closed]:-translate-x-full\"\n          >\n            <div className=\"mint:flex mint:flex-col mint:flex-1 mint:p-4 mint:pt-4 mint:pb-12 mint:overflow-y-auto mint:h-full\">\n              <NavTree\n                navTree={navTree}\n                activeId={activeId}\n                className={className}\n                activeHref={activeHref}\n                theme={theme}\n                bottomLinks={bottomLinks}\n              />\n            </div>\n          </DialogPanel>\n        </div>\n      </Dialog>\n    </ComponentsProvider>\n  );\n}\n\nconst CloseButton = ({\n  setIsOpen,\n}: {\n  setIsOpen: (isOpen: boolean) => void;\n}) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={() => setIsOpen(false)}\n      className=\"mint:absolute mint:bg-white mint:dark:bg-[#0f0f0f] mint:rounded-full mint:top-4 mint:right-4 mint:w-8 mint:h-8 mint:flex mint:items-center mint:justify-center mint:border-none mint:cursor-pointer\"\n    >\n      <span className=\"mint:absolute mint:w-px mint:h-px mint:p-0 mint:-m-px mint:overflow-hidden mint:whitespace-nowrap mint:border-0 mint:[clip:rect(0,0,0,0)]\">\n        Close navigation\n      </span>\n      <Dismiss16Regular className=\"mint:w-4 mint:h-4 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:hover:text-[#4b5563] mint:dark:hover:text-[#d1d5db]\" />\n    </button>\n  );\n};\n"],"names":["MobileNavTree","isOpen","setIsOpen","navTree","activeId","className","theme","activeHref","bottomLinks","LinkComponent","jsx","ComponentsProvider","jsxs","Dialog","cn","DialogBackdrop","CloseButton","DialogPanel","NavTree","Dismiss16Regular"],"mappings":";;;;;;;AAoBO,SAASA,EAAc;AAAA,EAC5B,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF,GAAuB;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAmB,eAAeF,GACjC,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAU,EAAK;AAAA,MAC9B,WAAWY;AAAA,QACT;AAAA,QACAR,MAAU,UAAU;AAAA,MAAA;AAAA,MAGtB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,YAAU;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,UAAAX,KAAU,gBAAAS,EAACM,KAAY,WAAAd,EAAA,CAAsB;AAAA,UAC9C,gBAAAQ;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,YAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,sGACb,UAAA,gBAAAA;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,SAAAf;AAAA,kBACA,UAAAC;AAAA,kBACA,WAAAC;AAAA,kBACA,YAAAE;AAAA,kBACA,OAAAD;AAAA,kBACA,aAAAE;AAAA,gBAAA;AAAA,cAAA,EACF,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMQ,IAAc,CAAC;AAAA,EACnB,WAAAd;AACF,MAII,gBAAAU;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS,MAAMV,EAAU,EAAK;AAAA,IAC9B,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,6IAA4I,UAAA,oBAE5J;AAAA,MACA,gBAAAA,EAACS,GAAA,EAAiB,WAAU,0HAAA,CAA0H;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"mobile-nav.js","sources":["../../../src/components/nav-tree/mobile-nav.tsx"],"sourcesContent":["import { NavTreeData, LinkComponent } from \"../../types\";\nimport { Dialog, DialogBackdrop, DialogPanel } from \"@headlessui/react\";\nimport { NavTree, BottomLinkConfig } from \"./index\";\nimport { Dismiss16Regular } from \"@fluentui/react-icons\";\nimport { ComponentsProvider } from \"../../context/components-context\";\nimport { cn } from \"../../utils/cn\";\nimport \"../../styles.css\";\n\nexport interface MobileNavTreeProps {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  navTree: NavTreeData;\n  activeId?: string;\n  className?: string;\n  theme?: \"light\" | \"dark\" | \"system\";\n  activeHref?: string;\n  bottomLinks?: BottomLinkConfig[];\n  LinkComponent?: LinkComponent;\n}\n\nexport function MobileNavTree({\n  isOpen,\n  setIsOpen,\n  navTree,\n  activeId,\n  className = \"\",\n  theme,\n  activeHref,\n  bottomLinks,\n  LinkComponent,\n}: MobileNavTreeProps) {\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <Dialog\n        open={isOpen}\n        onClose={() => setIsOpen(false)}\n        className={cn(\n          \"mint:fixed mint:inset-0 mint:overflow-y-auto mint:z-50 mint:lg:hidden\",\n          theme === \"dark\" && \"dark\"\n        )}\n      >\n        <DialogBackdrop\n          transition\n          className=\"mint:fixed mint:inset-0 mint:bg-black/20 mint:dark:bg-black/80 mint:backdrop-blur mint:transition-opacity mint:duration-300 mint:ease-out mint:data-closed:opacity-0\"\n        />\n        <div className=\"mint:fixed mint:inset-0 mint:flex\">\n          {isOpen && <CloseButton setIsOpen={setIsOpen} />}\n          <DialogPanel\n            id=\"mobile-nav\"\n            transition\n            className=\"mint:flex mint:flex-col mint:relative mint:bg-white mint:dark:bg-[#0f0f0f] mint:w-[85vw] mint:min-w-76 mint:max-w-88 mint:min-h-full mint:transition-transform mint:duration-100 mint:ease-in-out mint:data-closed:-translate-x-full\"\n          >\n            <div className=\"mint:flex mint:flex-col mint:flex-1 mint:p-4 mint:pt-4 mint:pb-12 mint:overflow-y-auto mint:h-full\">\n              <NavTree\n                navTree={navTree}\n                activeId={activeId}\n                className={className}\n                activeHref={activeHref}\n                theme={theme}\n                bottomLinks={bottomLinks}\n              />\n            </div>\n          </DialogPanel>\n        </div>\n      </Dialog>\n    </ComponentsProvider>\n  );\n}\n\nconst CloseButton = ({\n  setIsOpen,\n}: {\n  setIsOpen: (isOpen: boolean) => void;\n}) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={() => setIsOpen(false)}\n      className=\"mint:absolute mint:bg-white mint:dark:bg-[#0f0f0f] mint:rounded-full mint:top-4 mint:right-4 mint:w-8 mint:h-8 mint:flex mint:items-center mint:justify-center mint:border-none mint:cursor-pointer\"\n    >\n      <span className=\"mint:absolute mint:w-px mint:h-px mint:p-0 mint:-m-px mint:overflow-hidden mint:whitespace-nowrap mint:border-0 mint:[clip:rect(0,0,0,0)]\">\n        Close navigation\n      </span>\n      <Dismiss16Regular className=\"mint:w-4 mint:h-4 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:hover:text-[#4b5563] mint:dark:hover:text-[#d1d5db]\" />\n    </button>\n  );\n};\n"],"names":["MobileNavTree","isOpen","setIsOpen","navTree","activeId","className","theme","activeHref","bottomLinks","LinkComponent","jsx","ComponentsProvider","jsxs","Dialog","cn","DialogBackdrop","CloseButton","DialogPanel","NavTree","Dismiss16Regular"],"mappings":";;;;;;;AAoBO,SAASA,EAAc;AAAA,EAC5B,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AACF,GAAuB;AACrB,SACE,gBAAAC,EAACC,GAAA,EAAmB,eAAeF,GACjC,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAU,EAAK;AAAA,MAC9B,WAAWY;AAAA,QACT;AAAA,QACAR,MAAU,UAAU;AAAA,MAAA;AAAA,MAGtB,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,YAAU;AAAA,YACV,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,UAAAX,KAAU,gBAAAS,EAACM,KAAY,WAAAd,EAAA,CAAsB;AAAA,UAC9C,gBAAAQ;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,YAAU;AAAA,cACV,WAAU;AAAA,cAEV,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,sGACb,UAAA,gBAAAA;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,SAAAf;AAAA,kBACA,UAAAC;AAAA,kBACA,WAAAC;AAAA,kBACA,YAAAE;AAAA,kBACA,OAAAD;AAAA,kBACA,aAAAE;AAAA,gBAAA;AAAA,cAAA,EACF,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMQ,IAAc,CAAC;AAAA,EACnB,WAAAd;AACF,MAII,gBAAAU;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS,MAAMV,EAAU,EAAK;AAAA,IAC9B,WAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,6IAA4I,UAAA,oBAE5J;AAAA,MACA,gBAAAA,EAACS,GAAA,EAAiB,WAAU,0HAAA,CAA0H;AAAA,IAAA;AAAA,EAAA;AAAA;"}