@mintlify/msft-sdk 1.1.24 → 1.1.25

package/dist/common/parseApiTargetFromMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseApiTargetFromMetadata.js","sources":["../../src/common/parseApiTargetFromMetadata.ts"],"sourcesContent":["import { PageMetaTags } from '@mintlify/models';\nimport { parseOpenApiString, parseOpenApiSchemaString } from './parseOpenApiString';\n\nexport type SchemaTargetType = {\n  type: 'schema';\n} & ReturnType<typeof parseOpenApiSchemaString>;\n\nexport type OperationTargetType = {\n  type: 'operation';\n} & ReturnType<typeof parseOpenApiString>;\n\n\nexport const parseApiTargetFromMetadata = (\n  metadata: PageMetaTags\n): SchemaTargetType | OperationTargetType | undefined => {\n  const openapiSchema = metadata['openapi-schema'];\n  if (typeof openapiSchema === 'string' && openapiSchema.length > 0) {\n    return {\n      type: 'schema',\n      ...parseOpenApiSchemaString(openapiSchema),\n    };\n  }\n\n  const openapi = metadata.openapi;\n  if (typeof openapi === 'string' && openapi.length > 0) {\n    try {\n      return {\n        type: 'operation',\n        ...parseOpenApiString(openapi),\n      };\n    } catch (error) {\n      console.error(`unable to parse value \"${openapi}\" for field \"openapi\":`, error);\n      return undefined;\n    }\n  }\n\n  return undefined;\n};"],"names":["parseApiTargetFromMetadata","metadata","openapiSchema","parseOpenApiSchemaString","openapi","parseOpenApiString","error"],"mappings":";AAYO,MAAMA,IAA6B,CACxCC,MACuD;AACvD,QAAMC,IAAgBD,EAAS,gBAAgB;AAC/C,MAAI,OAAOC,KAAkB,YAAYA,EAAc,SAAS;AAC9D,WAAO;AAAA,MACL,MAAM;AAAA,MACN,GAAGC,EAAyBD,CAAa;AAAA,IAAA;AAI7C,QAAME,IAAUH,EAAS;AACzB,MAAI,OAAOG,KAAY,YAAYA,EAAQ,SAAS;AAClD,QAAI;AACF,aAAO;AAAA,QACL,MAAM;AAAA,QACN,GAAGC,EAAmBD,CAAO;AAAA,MAAA;AAAA,IAEjC,SAASE,GAAO;AACd,cAAQ,MAAM,0BAA0BF,CAAO,0BAA0BE,CAAK;AAC9E;AAAA,IACF;AAIJ;"}

package/dist/common/parseOpenApiString.js

@@ -0,0 +1,42 @@
+import { OpenAPIV3 as i } from "openapi-types";
+const p = Object.values(i.HttpMethods).concat(
+  "webhook"
+), l = (o) => {
+  const e = o.trim().split(/\s+/);
+  let r, t, n;
+  if (e.length > 3)
+    throw new Error("improperly formatted openapi string");
+  if (e[0] && e[1] && e[2])
+    [r, t, n] = e;
+  else if (e[0] && e[1])
+    [t, n] = e;
+  else
+    throw new Error("improperly formatted openapi string");
+  if (t = t.toLowerCase(), !p.includes(t))
+    throw new Error("invalid http method");
+  return {
+    method: t,
+    endpoint: n,
+    filename: r
+  };
+}, m = (o) => {
+  const e = o.trim().split(/\s+/);
+  let r, t;
+  if (e.length > 2)
+    throw new Error("improperly formatted openapi schema string");
+  if (e[0] && e[1])
+    [r, t] = e;
+  else if (e[0])
+    [t] = e;
+  else
+    throw new Error("improperly formatted openapi schema string");
+  return {
+    name: t,
+    filename: r
+  };
+};
+export {
+  m as parseOpenApiSchemaString,
+  l as parseOpenApiString
+};
+//# sourceMappingURL=parseOpenApiString.js.map

package/dist/common/parseOpenApiString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseOpenApiString.js","sources":["../../src/common/parseOpenApiString.ts"],"sourcesContent":["import { OpenAPIV3 } from 'openapi-types';\n\nconst VALID_METHODS: string[] = Object.values(OpenAPIV3.HttpMethods).concat(\n  'webhook' as OpenAPIV3.HttpMethods\n);\n\n/**\n *\n * @param str either the openapi or api string defined in the frontmatter\n * @returns method: API method (GET, POST, PUT, DELETE, PATCH)\n *          endpoint: API endpoint\n *          filename: filename of the openapi file (if applicable)\n *          returns undefined for any of the values (fails silently)\n */\nexport const potentiallyParseOpenApiString = (\n  str: string\n):\n  | {\n      method: OpenAPIV3.HttpMethods;\n      endpoint: string;\n      filename?: string;\n    }\n  | undefined => {\n  const components = str.trim().split(/\\s+/);\n  let filename: string | undefined;\n  let method: string;\n  let endpoint: string;\n\n  if (components.length > 3) {\n    // improperly formatted openapi string\n    return undefined;\n  } else if (components[0] && components[1] && components[2]) {\n    [filename, method, endpoint] = components;\n  } else if (components[0] && components[1]) {\n    [method, endpoint] = components;\n  } else {\n    // improperly formatted openapi string\n    return undefined;\n  }\n\n  if (method) {\n    method = method.toLowerCase();\n    if (!VALID_METHODS.includes(method)) {\n      // invalid http method\n      return undefined;\n    }\n  }\n\n  return {\n    method: method as OpenAPIV3.HttpMethods,\n    endpoint,\n    filename,\n  };\n};\n\n/**\n *\n * @param str either the openapi or api string defined in the frontmatter\n * @returns method: API method (GET, POST, PUT, DELETE, PATCH)\n *          endpoint: API endpoint\n *          filename: filename of the openapi file (if applicable)\n */\nexport const parseOpenApiString = (\n  str: string\n): {\n  method: OpenAPIV3.HttpMethods;\n  endpoint: string;\n  filename?: string;\n} => {\n  const components = str.trim().split(/\\s+/);\n  let filename: string | undefined;\n  let method: string;\n  let endpoint: string;\n\n  if (components.length > 3) {\n    throw new Error('improperly formatted openapi string');\n  } else if (components[0] && components[1] && components[2]) {\n    [filename, method, endpoint] = components;\n  } else if (components[0] && components[1]) {\n    [method, endpoint] = components;\n  } else {\n    throw new Error('improperly formatted openapi string');\n  }\n\n  method = method.toLowerCase();\n\n  if (!VALID_METHODS.includes(method)) {\n    throw new Error('invalid http method');\n  }\n\n  return {\n    method: method as OpenAPIV3.HttpMethods,\n    endpoint,\n    filename,\n  };\n};\n\n/**\n * same as above, but for openapi-schema frontmatter\n */\nexport const parseOpenApiSchemaString = (\n  str: string\n): {\n  name: string;\n  filename?: string;\n} => {\n  const components = str.trim().split(/\\s+/);\n  let filename: string | undefined;\n  let name: string;\n\n  if (components.length > 2) {\n    throw new Error('improperly formatted openapi schema string');\n  } else if (components[0] && components[1]) {\n    [filename, name] = components;\n  } else if (components[0]) {\n    [name] = components;\n  } else {\n    throw new Error('improperly formatted openapi schema string');\n  }\n\n  return {\n    name,\n    filename,\n  };\n};\n"],"names":["VALID_METHODS","OpenAPIV3","parseOpenApiString","str","components","filename","method","endpoint","parseOpenApiSchemaString","name"],"mappings":";AAEA,MAAMA,IAA0B,OAAO,OAAOC,EAAU,WAAW,EAAE;AAAA,EACnE;AACF,GA0DaC,IAAqB,CAChCC,MAKG;AACH,QAAMC,IAAaD,EAAI,KAAA,EAAO,MAAM,KAAK;AACzC,MAAIE,GACAC,GACAC;AAEJ,MAAIH,EAAW,SAAS;AACtB,UAAM,IAAI,MAAM,qCAAqC;AACvD,MAAWA,EAAW,CAAC,KAAKA,EAAW,CAAC,KAAKA,EAAW,CAAC;AACvD,KAACC,GAAUC,GAAQC,CAAQ,IAAIH;AAAA,WACtBA,EAAW,CAAC,KAAKA,EAAW,CAAC;AACtC,KAACE,GAAQC,CAAQ,IAAIH;AAAA;AAErB,UAAM,IAAI,MAAM,qCAAqC;AAKvD,MAFAE,IAASA,EAAO,YAAA,GAEZ,CAACN,EAAc,SAASM,CAAM;AAChC,UAAM,IAAI,MAAM,qBAAqB;AAGvC,SAAO;AAAA,IACL,QAAAA;AAAA,IACA,UAAAC;AAAA,IACA,UAAAF;AAAA,EAAA;AAEJ,GAKaG,IAA2B,CACtCL,MAIG;AACH,QAAMC,IAAaD,EAAI,KAAA,EAAO,MAAM,KAAK;AACzC,MAAIE,GACAI;AAEJ,MAAIL,EAAW,SAAS;AACtB,UAAM,IAAI,MAAM,4CAA4C;MACnDA,EAAW,CAAC,KAAKA,EAAW,CAAC;AACtC,KAACC,GAAUI,CAAI,IAAIL;AAAA,WACVA,EAAW,CAAC;AACrB,KAACK,CAAI,IAAIL;AAAA;AAET,UAAM,IAAI,MAAM,4CAA4C;AAG9D,SAAO;AAAA,IACL,MAAAK;AAAA,IACA,UAAAJ;AAAA,EAAA;AAEJ;"}

package/dist/components/Api/ApiReferenceProvider.js

@@ -1,19 +1,10 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as i, useContext as f } from "react";
-const t = i(void 0);
-function p() {
-  return f(t);
-}
-function s({
-  apiReferenceData2: e,
-  docsConfig: o,
-  mdxExtracts: r,
-  children: n
-}) {
-  return /* @__PURE__ */ c(t.Provider, { value: { apiReferenceData2: e, docsConfig: o, mdxExtracts: r }, children: n });
+import "react/jsx-runtime";
+import { useContext as e, createContext as t } from "react";
+const o = t(void 0);
+function i() {
+  return e(o);
 }
 export {
-  s as ApiReferenceProvider2,
-  p as useApiReference
+  i as useApiReference
 };
 //# sourceMappingURL=ApiReferenceProvider.js.map

package/dist/components/Api/ApiReferenceProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceProvider.js","sources":["../../../src/components/Api/ApiReferenceProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\ninterface ApiReferenceContextValue {\n  apiReferenceData2?: any;\n  docsConfig?: any;\n  mdxExtracts?: any;\n}\n\nconst ApiReferenceContext = createContext<ApiReferenceContextValue | undefined>(undefined);\n\nexport function useApiReference() {\n  const context = useContext(ApiReferenceContext);\n  return context;\n}\n\ninterface ApiReferenceProvider2Props {\n  apiReferenceData2?: any;\n  docsConfig?: any;\n  mdxExtracts?: any;\n  children: React.ReactNode;\n}\n\nexport function ApiReferenceProvider2({\n  apiReferenceData2,\n  docsConfig,\n  mdxExtracts,\n  children,\n}: ApiReferenceProvider2Props) {\n  return (\n    <ApiReferenceContext.Provider value={{ apiReferenceData2, docsConfig, mdxExtracts }}>\n      {children}\n    </ApiReferenceContext.Provider>\n  );\n}\n"],"names":["ApiReferenceContext","createContext","useApiReference","useContext","ApiReferenceProvider2","apiReferenceData2","docsConfig","mdxExtracts","children","jsx"],"mappings":";;AAQA,MAAMA,IAAsBC,EAAoD,MAAS;AAElF,SAASC,IAAkB;AAEhC,SADgBC,EAAWH,CAAmB;AAEhD;AASO,SAASI,EAAsB;AAAA,EACpC,mBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,GAA+B;AAC7B,SACE,gBAAAC,EAACT,EAAoB,UAApB,EAA6B,OAAO,EAAE,mBAAAK,GAAmB,YAAAC,GAAY,aAAAC,KACnE,UAAAC,GACH;AAEJ;"}
+{"version":3,"file":"ApiReferenceProvider.js","sources":["../../../src/components/Api/ApiReferenceProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\ninterface ApiReferenceContextValue {\n  apiReferenceData2?: any;\n  docsConfig?: any;\n  mdxExtracts?: any;\n}\n\nconst ApiReferenceContext = createContext<ApiReferenceContextValue | undefined>(undefined);\n\nexport function useApiReference() {\n  const context = useContext(ApiReferenceContext);\n  return context;\n}\n\ninterface ApiReferenceProvider2Props {\n  apiReferenceData2?: any;\n  docsConfig?: any;\n  mdxExtracts?: any;\n  children: React.ReactNode;\n}\n\nexport function ApiReferenceProvider2({\n  apiReferenceData2,\n  docsConfig,\n  mdxExtracts,\n  children,\n}: ApiReferenceProvider2Props) {\n  return (\n    <ApiReferenceContext.Provider value={{ apiReferenceData2, docsConfig, mdxExtracts }}>\n      {children}\n    </ApiReferenceContext.Provider>\n  );\n}\n"],"names":["ApiReferenceContext","createContext","useApiReference","useContext"],"mappings":";;AAQA,MAAMA,IAAsBC,EAAoD,MAAS;AAElF,SAASC,IAAkB;AAEhC,SADgBC,EAAWH,CAAmB;AAEhD;"}

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

@@ -1,14 +1,14 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useRef as A, useEffect as y, useState as L } from "react";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useRef as A, useEffect as $, useState as L } from "react";
 import { useComponents as _ } from "../../context/components-context.js";
-import { cn as N } from "../../utils/cn.js";
+import { cn as y } from "../../utils/cn.js";
 import { MethodPill as j } from "../Api/MethodPill.js";
 /* empty css               */
-function E({ isExpanded: t }) {
-  return /* @__PURE__ */ n(
+function C({ isExpanded: t }) {
+  return /* @__PURE__ */ e(
     "svg",
     {
-      className: N(
+      className: y(
         "mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:text-[#6b7280] mint:dark:text-[#9ca3af]",
         t ? "mint:rotate-90" : "mint:rotate-0"
       ),
@@ -16,7 +16,7 @@ function E({ isExpanded: t }) {
       stroke: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ e(
         "path",
         {
           strokeLinecap: "round",
@@ -28,128 +28,128 @@ function E({ isExpanded: t }) {
     }
   );
 }
-const $ = "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold";
-function w({ item: t, activeId: h, level: f = 0, activeHref: r }) {
-  const u = t.children && t.children.length > 0, b = (i) => i ? i.startsWith("/") ? i : `/${i}` : "", x = (i, d) => {
-    if (!i || !d) return !1;
-    const k = b(i), v = b(d);
-    return k === v || k.replace("/docs/", "/") === v.replace("/docs/", "/") || k === v.replace("/docs/", "/") || k.replace("/docs/", "/") === v;
-  }, p = (i) => x(i.href, r) ? !0 : i.children ? i.children.some(p) : !1, C = f === 0 ? !0 : (t.expanded ?? !1) || u && p(t), [e, o] = L(C);
-  y(() => {
-    u && p(t) && o(!0);
-  }, [r]);
-  const { LinkComponent: g } = _(), l = !t.href, m = t.href && (x(t.href, h) || x(t.href, r)), a = t.icon;
-  if (l && f === 0)
-    return /* @__PURE__ */ s(
+const E = "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold";
+function N({ item: t, activeId: p, level: f = 0, activeHref: o }) {
+  const h = t.children && t.children.length > 0, x = (n) => n ? n.startsWith("/") ? n : `/${n}` : "", b = (n, d) => {
+    if (!n || !d) return !1;
+    const v = x(n), w = x(d);
+    return v === w || v.replace("/docs/", "/") === w.replace("/docs/", "/") || v === w.replace("/docs/", "/") || v.replace("/docs/", "/") === w;
+  }, g = (n) => b(n.href, o) ? !0 : n.children ? n.children.some(g) : !1, k = f === 0 ? !0 : (t.expanded ?? !1) || h && g(t), [m, i] = L(k);
+  $(() => {
+    h && g(t) && i(!0);
+  }, [o]);
+  const { LinkComponent: a } = _(), s = !t.href, r = t.href && (b(t.href, p) || b(t.href, o)), u = t.icon;
+  if (s && f === 0)
+    return /* @__PURE__ */ l(
       "div",
       {
         id: "nav-group",
         role: "group",
         "aria-label": t.toc_title,
         children: [
-          /* @__PURE__ */ s("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: [
-            a && /* @__PURE__ */ n(a, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
-            /* @__PURE__ */ n("span", { children: t.toc_title })
+          /* @__PURE__ */ l("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: [
+            u && /* @__PURE__ */ e(u, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
+            /* @__PURE__ */ e("span", { children: t.toc_title })
           ] }),
-          u && t.children && /* @__PURE__ */ n("ul", { className: "mint:flex mint:flex-col mint:pl-0", role: "list", children: t.children.map((i, d) => /* @__PURE__ */ n(
-            w,
+          h && t.children && /* @__PURE__ */ e("ul", { className: "mint:flex mint:flex-col mint:pl-0", role: "list", children: t.children.map((n, d) => /* @__PURE__ */ e(
+            N,
             {
-              item: i,
-              activeId: h,
+              item: n,
+              activeId: p,
               level: f + 1,
-              activeHref: r
+              activeHref: o
             },
-            `${i.href}-${d}`
+            `${n.href}-${d}`
           )) })
         ]
       }
     );
-  if (l && f > 0)
-    return /* @__PURE__ */ s("li", { className: "mint:list-none", children: [
-      /* @__PURE__ */ s(
+  if (s && f > 0)
+    return /* @__PURE__ */ l("li", { className: "mint:list-none", children: [
+      /* @__PURE__ */ l(
         "button",
         {
           id: "nav-group-toggle",
-          onClick: () => o(!e),
-          "aria-expanded": e,
-          "aria-label": `${e ? "Collapse" : "Expand"} ${t.toc_title} section`,
+          onClick: () => i(!m),
+          "aria-expanded": m,
+          "aria-label": `${m ? "Collapse" : "Expand"} ${t.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__ */ n("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
-            /* @__PURE__ */ n(E, { isExpanded: !!e })
+            /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
+            /* @__PURE__ */ e(C, { isExpanded: !!m })
           ]
         }
       ),
-      u && e && t.children && /* @__PURE__ */ n(
+      h && m && t.children && /* @__PURE__ */ e(
         "ul",
         {
           className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0",
           role: "group",
-          children: t.children.map((i, d) => /* @__PURE__ */ n(
-            w,
+          children: t.children.map((n, d) => /* @__PURE__ */ e(
+            N,
             {
-              item: i,
-              activeId: h,
+              item: n,
+              activeId: p,
               level: f + 1,
-              activeHref: r
+              activeHref: o
             },
-            `${i.href}-${d}`
+            `${n.href}-${d}`
           ))
         }
       )
     ] });
-  const c = g || "a";
-  return u ? /* @__PURE__ */ s("li", { className: "mint:list-none", children: [
-    /* @__PURE__ */ s(
+  const c = a || "a";
+  return h ? /* @__PURE__ */ l("li", { className: "mint:list-none", children: [
+    /* @__PURE__ */ l(
       "button",
       {
         id: "nav-item-toggle",
-        onClick: () => o(!e),
-        "aria-expanded": e,
-        "aria-label": `${e ? "Collapse" : "Expand"} ${t.toc_title} section`,
-        className: N(
+        onClick: () => i(!m),
+        "aria-expanded": m,
+        "aria-label": `${m ? "Collapse" : "Expand"} ${t.toc_title} section`,
+        className: y(
           "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",
-          m ? $ : "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]"
+          r ? E : "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__ */ n("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
-          /* @__PURE__ */ n(E, { isExpanded: !!e })
+          /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
+          /* @__PURE__ */ e(C, { isExpanded: !!m })
         ]
       }
     ),
-    e && t.children && /* @__PURE__ */ n(
+    m && t.children && /* @__PURE__ */ e(
       "ul",
       {
         className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0",
         role: "group",
-        children: t.children.map((i, d) => /* @__PURE__ */ n(
-          w,
+        children: t.children.map((n, d) => /* @__PURE__ */ e(
+          N,
           {
-            item: i,
-            activeId: h,
+            item: n,
+            activeId: p,
             level: f + 1,
-            activeHref: r
+            activeHref: o
           },
-          `${i.href}-${d}`
+          `${n.href}-${d}`
         ))
       }
     )
-  ] }) : /* @__PURE__ */ n("li", { className: "mint:list-none", children: /* @__PURE__ */ s(
+  ] }) : /* @__PURE__ */ e("li", { className: "mint:list-none", children: /* @__PURE__ */ l(
     c,
     {
       id: "nav-item",
       href: t.href,
-      "aria-current": m ? "page" : void 0,
-      className: N(
+      "aria-current": r ? "page" : void 0,
+      className: y(
         "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",
-        m ? $ : "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]"
+        r ? E : "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: [
-        m && /* @__PURE__ */ 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]" }),
-        t.method && /* @__PURE__ */ n(
+        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: !!m,
+            isActive: !!r,
             method: t.method,
             shortMethod: !0
           }
@@ -161,89 +161,115 @@ function w({ item: t, activeId: h, level: f = 0, activeHref: r }) {
 }
 function B({
   navTree: t,
-  activeId: h,
+  activeId: p,
   className: f = "",
-  activeHref: r,
-  theme: u,
-  bottomLinks: b
+  activeHref: o,
+  theme: h,
+  bottomLinks: x,
+  anchors: b
 }) {
-  const { LinkComponent: x } = _(), p = A(null);
-  if (y(() => {
-    const e = p.current;
-    if (!e || !r) return;
-    const o = (l) => l ? l.startsWith("/") ? l : `/${l}` : "", g = (l, m) => {
-      const a = o(l), c = o(m);
-      return a === c || a.replace("/docs/", "/") === c.replace("/docs/", "/") || a === c.replace("/docs/", "/") || a.replace("/docs/", "/") === c;
+  const { LinkComponent: g } = _(), k = A(null);
+  if ($(() => {
+    const i = k.current;
+    if (!i || !o) return;
+    const a = (r) => r ? r.startsWith("/") ? r : `/${r}` : "", s = (r, u) => {
+      const c = a(r), n = a(u);
+      return c === n || c.replace("/docs/", "/") === n.replace("/docs/", "/") || c === n.replace("/docs/", "/") || c.replace("/docs/", "/") === n;
     };
     requestAnimationFrame(() => {
-      const l = e.querySelectorAll("a[href]");
-      let m = null;
-      for (const a of Array.from(l)) {
-        const c = a.getAttribute("href");
-        if (c && g(c, r)) {
-          m = a;
+      const r = i.querySelectorAll("a[href]");
+      let u = null;
+      for (const c of Array.from(r)) {
+        const n = c.getAttribute("href");
+        if (n && s(n, o)) {
+          u = c;
           break;
         }
       }
-      m && m.scrollIntoView({
+      u && u.scrollIntoView({
         behavior: "instant",
         block: "center",
         inline: "nearest"
       });
     });
-  }, [r]), !t || t.items.length === 0)
+  }, [o]), !t || t.items.length === 0)
     return null;
-  const C = x || "a";
-  return /* @__PURE__ */ s(
+  const m = g || "a";
+  return /* @__PURE__ */ l(
     "nav",
     {
       id: "nav-tree",
-      className: N(
+      className: y(
         "mint:flex mint:flex-col mint:h-full mint:min-h-0",
         f,
-        u === "dark" && "dark"
+        h === "dark" && "dark"
       ),
       "aria-label": "Documentation navigation",
       children: [
-        /* @__PURE__ */ n(
+        b && b.length > 0 && /* @__PURE__ */ e(
+          "div",
+          {
+            id: "nav-anchors",
+            className: "mint:shrink-0 mint:w-full mint:bg-[#fafafa] mint:dark:bg-[#0a0a0a] mint:border-b mint:border-[#e5e5e5] mint:dark:border-[#2e2e2e]",
+            children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:py-3 mint:px-4 mint:gap-1", children: b.map((i, a) => {
+              const s = i.icon;
+              return /* @__PURE__ */ l(
+                m,
+                {
+                  href: i.href,
+                  className: "mint:group mint:flex mint:items-start mint:gap-3 mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:hover:bg-[#f0f0f0] mint:dark:hover:bg-[#1a1a1a] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:transition-colors mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
+                  children: [
+                    s && /* @__PURE__ */ e(s, { className: "mint:w-5 mint:h-5 mint:shrink-0 mint:mt-0.5 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1] mint:transition-colors" }),
+                    /* @__PURE__ */ l("div", { className: "mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0", children: [
+                      /* @__PURE__ */ e("span", { className: "mint:font-medium mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1] mint:transition-colors", children: i.title }),
+                      i.description && /* @__PURE__ */ e("span", { className: "mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:leading-snug", children: i.description })
+                    ] })
+                  ]
+                },
+                a
+              );
+            }) })
+          }
+        ),
+        /* @__PURE__ */ e(
           "div",
           {
             id: "nav-tree-content",
-            ref: p,
+            ref: k,
             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",
-            children: t.items.map((e, o) => /* @__PURE__ */ n(
-              w,
+            children: t.items.map((i, a) => /* @__PURE__ */ e(
+              N,
               {
-                item: e,
-                activeId: h,
-                activeHref: r
+                item: i,
+                activeId: p,
+                activeHref: o
               },
-              `${e.href}-${o}`
+              `${i.href}-${a}`
             ))
           }
         ),
-        b && b.length > 0 && /* @__PURE__ */ s(
+        x && x.length > 0 && /* @__PURE__ */ l(
           "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__ */ n("div", { className: "mint:h-[0.5px] mint:w-full mint:bg-[#d1d1d1] mint:dark:bg-[#666666]" }),
-              /* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:py-3 mint:px-4", children: b.map((e, o) => {
-                const g = e.icon;
-                return /* @__PURE__ */ s(
-                  C,
+              /* @__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: x.map((i, a) => {
+                const s = i.icon;
+                return /* @__PURE__ */ l(
+                  m,
                   {
-                    href: e.href,
+                    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__ */ n(g, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
-                      /* @__PURE__ */ n("span", { children: e.label })
+                      /* @__PURE__ */ e(s, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
+                      /* @__PURE__ */ e("span", { children: i.label })
                     ]
                   },
-                  o
+                  a
                 );
               }) })
             ]

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\";\nimport type { NavItem, NavTreeData } from \"../../types\";\nimport { useComponents } from \"../../context/components-context\";\nimport { cn } from \"../../utils/cn\";\nimport { MethodPill } from \"../Api/MethodPill\";\nexport { MobileNavTree } from \"./mobile-nav\";\nexport type { MobileNavTreeProps } from \"./mobile-nav\";\nimport \"../../styles.css\";\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}\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\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 5l7 7-7 7\"\n      />\n    </svg>\n  );\n}\n\nconst ACTIVE_ITEM_CLASSES = \"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 norm1 === norm2 || \n           norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n           norm1 === norm2.replace('/docs/', '/') ||\n           norm1.replace('/docs/', '/') === norm2;\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 = 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 = 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\n        id=\"nav-group\"\n        role=\"group\"\n        aria-label={item.toc_title}\n      >\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\"} ${\n            item.toc_title\n          } 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\n            className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\"\n            role=\"group\"\n          >\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\"} ${\n            item.toc_title\n          } 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 ? ACTIVE_ITEM_CLASSES : '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\n            className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\"\n            role=\"group\"\n          >\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 ? ACTIVE_ITEM_CLASSES : '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\n            isActive={!!isActive}\n            method={item.method}\n            shortMethod={true}\n          />\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}: 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 norm1 === norm2 || \n             norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n             norm1 === norm2.replace('/docs/', '/') ||\n             norm1.replace('/docs/', '/') === norm2;\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        {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","navContentRef","useRef","navElement","allLinks","activeLink","link"],"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\";\nimport type { NavItem, NavTreeData, AnchorConfig } from \"../../types\";\nimport { useComponents } from \"../../context/components-context\";\nimport { cn } from \"../../utils/cn\";\nimport { MethodPill } from \"../Api/MethodPill\";\nexport { MobileNavTree } from \"./mobile-nav\";\nexport type { MobileNavTreeProps } from \"./mobile-nav\";\nexport type { AnchorConfig } from \"../../types\";\nimport \"../../styles.css\";\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\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 5l7 7-7 7\"\n      />\n    </svg>\n  );\n}\n\nconst ACTIVE_ITEM_CLASSES = \"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 norm1 === norm2 || \n           norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n           norm1 === norm2.replace('/docs/', '/') ||\n           norm1.replace('/docs/', '/') === norm2;\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 = 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 = 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\n        id=\"nav-group\"\n        role=\"group\"\n        aria-label={item.toc_title}\n      >\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\"} ${\n            item.toc_title\n          } 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\n            className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\"\n            role=\"group\"\n          >\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\"} ${\n            item.toc_title\n          } 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 ? ACTIVE_ITEM_CLASSES : '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\n            className=\"mint:ml-3 mint:flex mint:flex-col mint:pl-0\"\n            role=\"group\"\n          >\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 ? ACTIVE_ITEM_CLASSES : '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\n            isActive={!!isActive}\n            method={item.method}\n            shortMethod={true}\n          />\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 norm1 === norm2 || \n             norm1.replace('/docs/', '/') === norm2.replace('/docs/', '/') ||\n             norm1 === norm2.replace('/docs/', '/') ||\n             norm1.replace('/docs/', '/') === norm2;\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      {anchors && anchors.length > 0 && (\n        <div\n          id=\"nav-anchors\"\n          className=\"mint:shrink-0 mint:w-full mint:bg-[#fafafa] mint:dark:bg-[#0a0a0a] mint:border-b mint:border-[#e5e5e5] mint:dark:border-[#2e2e2e]\"\n        >\n          <div className=\"mint:flex mint:flex-col mint:py-3 mint:px-4 mint:gap-1\">\n            {anchors.map((anchor, index) => {\n              const Icon = anchor.icon;\n              return (\n                <LinkElement\n                  key={index}\n                  href={anchor.href}\n                  className=\"mint:group mint:flex mint:items-start mint:gap-3 mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:hover:bg-[#f0f0f0] mint:dark:hover:bg-[#1a1a1a] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:transition-colors mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2\"\n                >\n                  {Icon && (\n                    <Icon className=\"mint:w-5 mint:h-5 mint:shrink-0 mint:mt-0.5 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1] mint:transition-colors\" />\n                  )}\n                  <div className=\"mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0\">\n                    <span className=\"mint:font-medium mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1] mint:transition-colors\">\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      <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        {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"],"mappings":"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"}