@mintlify/msft-sdk 1.1.11 → 1.1.12

package/dist/components/docsLayout.js

@@ -0,0 +1,60 @@
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { NavTree as b } from "./nav-tree/index.js";
+import { ComponentsProvider as p } from "../context/components-context.js";
+import { cn as l } from "../utils/cn.js";
+/* empty css            */
+const y = ({
+  navTree: t,
+  children: m,
+  activeHref: e,
+  activeId: r,
+  theme: a = "light",
+  className: o = "",
+  bottomLinks: d,
+  LinkComponent: f,
+  localization: s,
+  telemetry: v,
+  showSidebar: c = !0,
+  sidebarClassName: h
+}) => {
+  const n = a === "dark" ? "dark" : "light", x = { ...{
+    sidebarAriaLabel: "Sidebar navigation"
+  }, ...s };
+  return /* @__PURE__ */ i(p, { LinkComponent: f, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: l(
+        "mint:flex mint:min-h-0 mint:flex-1",
+        n === "dark" && "dark",
+        o
+      ),
+      children: /* @__PURE__ */ u("div", { className: "mint:isolate mint:flex mint:flex-row mint:flex-nowrap mint:w-full mint:h-full mint:overflow-hidden mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f]", children: [
+        c && t && /* @__PURE__ */ i(
+          "aside",
+          {
+            "aria-label": x.sidebarAriaLabel,
+            className: l(
+              "mint:flex mint:flex-col mint:shrink-0 mint:w-58 mint:h-full mint:[&_ul]:pl-2",
+              h ?? "mint:max-lg:hidden"
+            ),
+            children: /* @__PURE__ */ i(
+              b,
+              {
+                navTree: t,
+                activeId: r ?? e,
+                activeHref: e,
+                theme: n,
+                bottomLinks: d
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "mint:flex mint:flex-1 mint:flex-col mint:min-w-0 mint:h-full mint:overflow-hidden mint:rounded-tl-[var(--borderRadiusXXLarge,1.5rem)]", children: m })
+      ] })
+    }
+  ) });
+};
+export {
+  y as DocsLayout
+};
+//# sourceMappingURL=docsLayout.js.map

package/dist/components/docsLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docsLayout.js","sources":["../../src/components/docsLayout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { NavTreeData } from \"../types\";\nimport type { BottomLinkConfig } from \"./nav-tree\";\nimport type { LinkComponent } from \"../types\";\nimport { NavTree } from \"./nav-tree\";\nimport { ComponentsProvider } from \"../context/components-context\";\nimport { cn } from \"../utils/cn\";\nimport \"../styles.css\";\n\n/**\n * Localization strings for DocsLayout\n */\nexport interface DocsLayoutLocalization {\n  /** Aria label for the sidebar navigation. Default: \"Sidebar navigation\" */\n  sidebarAriaLabel?: string;\n}\n\n/**\n * Telemetry configuration for DocsLayout\n */\nexport interface DocsLayoutTelemetry {\n  /** Activity name for bottom link clicks */\n  bottomLinkActivity?: string;\n  /** Phase for bottom link clicks (e.g., \"Start\", \"Complete\") */\n  bottomLinkPhase?: string;\n}\n\n/**\n * Props for the DocsLayout component\n */\nexport interface DocsLayoutProps {\n  /** Navigation tree data structure */\n  navTree: NavTreeData;\n\n  /** The main content to render in the layout */\n  children: ReactNode;\n\n  /** Currently active href for navigation highlighting */\n  activeHref?: string;\n\n  /** Currently active ID for navigation highlighting */\n  activeId?: string;\n\n  /** Theme for the layout */\n  theme?: \"light\" | \"dark\";\n\n  /** Additional CSS classes for the outer container */\n  className?: string;\n\n  /** Bottom links configuration (e.g., blog, GitHub, feedback) */\n  bottomLinks?: BottomLinkConfig[];\n\n  /** Custom Link component for navigation (e.g., React Router Link, Next.js Link) */\n  LinkComponent?: LinkComponent;\n\n  /** Localization strings */\n  localization?: DocsLayoutLocalization;\n\n  /** Telemetry configuration */\n  telemetry?: DocsLayoutTelemetry;\n\n  /** Whether to show the sidebar. Default: true */\n  showSidebar?: boolean;\n\n  /** Custom className for the sidebar to control responsive behavior.\n   * Default: \"mint:max-lg:hidden\" (hidden below lg breakpoint) */\n  sidebarClassName?: string;\n}\n\n/**\n * DocsLayout component provides a complete documentation layout with sidebar navigation\n * and main content area. It's designed to be scalable, customizable, and tree-shakable.\n *\n * @example\n * ```tsx\n * <DocsLayout\n *   navTree={{ items: [...] }}\n *   activeHref=\"/docs/getting-started\"\n *   theme=\"dark\"\n *   bottomLinks={[\n *     { href: \"https://blog.com\", label: \"Blog\", icon: BlogIcon }\n *   ]}\n *   LinkComponent={Link}\n * >\n *   <YourPageContent />\n * </DocsLayout>\n * ```\n */\nexport const DocsLayout = ({\n  navTree,\n  children,\n  activeHref,\n  activeId,\n  theme = \"light\",\n  className = \"\",\n  bottomLinks,\n  LinkComponent,\n  localization,\n  telemetry,\n  showSidebar = true,\n  sidebarClassName,\n}: DocsLayoutProps) => {\n  const resolvedTheme = theme === \"dark\" ? \"dark\" : \"light\";\n\n  // Default localization\n  const defaultLocalization: Required<DocsLayoutLocalization> = {\n    sidebarAriaLabel: \"Sidebar navigation\",\n  };\n\n  const loc = { ...defaultLocalization, ...localization };\n\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <div\n        className={cn(\n          \"mint:flex mint:min-h-0 mint:flex-1\",\n          resolvedTheme === \"dark\" && \"dark\",\n          className\n        )}\n      >\n        <div className=\"mint:isolate mint:flex mint:flex-row mint:flex-nowrap mint:w-full mint:h-full mint:overflow-hidden mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f]\">\n          {showSidebar && navTree && (\n            <aside\n              aria-label={loc.sidebarAriaLabel}\n              className={cn(\n                \"mint:flex mint:flex-col mint:shrink-0 mint:w-58 mint:h-full mint:[&_ul]:pl-2\",\n                sidebarClassName ?? \"mint:max-lg:hidden\"\n              )}\n            >\n              <NavTree\n                navTree={navTree}\n                activeId={activeId ?? activeHref}\n                activeHref={activeHref}\n                theme={resolvedTheme}\n                bottomLinks={bottomLinks}\n              />\n            </aside>\n          )}\n\n          <div className=\"mint:flex mint:flex-1 mint:flex-col mint:min-w-0 mint:h-full mint:overflow-hidden mint:rounded-tl-[var(--borderRadiusXXLarge,1.5rem)]\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </ComponentsProvider>\n  );\n};\n"],"names":["DocsLayout","navTree","children","activeHref","activeId","theme","className","bottomLinks","LinkComponent","localization","telemetry","showSidebar","sidebarClassName","resolvedTheme","loc","jsx","ComponentsProvider","cn","jsxs","NavTree"],"mappings":";;;;;AAwFO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,kBAAAC;AACF,MAAuB;AACrB,QAAMC,IAAgBR,MAAU,SAAS,SAAS,SAO5CS,IAAM,EAAE,GAJgD;AAAA,IAC5D,kBAAkB;AAAA,EAAA,GAGkB,GAAGL,EAAA;AAEzC,SACE,gBAAAM,EAACC,KAAmB,eAAAR,GAClB,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAJ,MAAkB,UAAU;AAAA,QAC5BP;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,+IACZ,UAAA;AAAA,QAAAP,KAAeV,KACd,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAYD,EAAI;AAAA,YAChB,WAAWG;AAAA,cACT;AAAA,cACAL,KAAoB;AAAA,YAAA;AAAA,YAGtB,UAAA,gBAAAG;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAAlB;AAAA,gBACA,UAAUG,KAAYD;AAAA,gBACtB,YAAAA;AAAA,gBACA,OAAOU;AAAA,gBACP,aAAAN;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAIJ,gBAAAQ,EAAC,OAAA,EAAI,WAAU,yIACZ,UAAAb,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/docsPage.js

@@ -0,0 +1,128 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { MDXRenderer as N } from "./mdx-renderer.js";
+import { TableOfContents as P } from "./toc/index.js";
+import { PivotAwareTOC as T } from "./toc/pivot-aware-toc.js";
+import { TextAlignLeftFilled as C } from "@fluentui/react-icons";
+import { PageContextMenu as z } from "./page-context-menu.js";
+import { ComponentsProvider as L } from "../context/components-context.js";
+import { cn as o } from "../utils/cn.js";
+/* empty css            */
+import { ZonePivotProvider as j } from "./content-components/zone-pivots/zone-pivot-context.js";
+import { ZonePivotSelector as F } from "./content-components/zone-pivots/zone-pivot-selector.js";
+function B({
+  payload: i,
+  toc: m,
+  navTree: O,
+  activeHref: E,
+  theme: f,
+  className: h = "",
+  pathname: a,
+  markdownContent: b,
+  allPages: x,
+  baseUrl: g,
+  bottomLinks: y,
+  LinkComponent: w,
+  localization: p,
+  telemetry: A,
+  contextMenu: n
+}) {
+  var s, d;
+  const v = i.serializedContent, r = ((s = i.mdxExtracts) == null ? void 0 : s.zonePivotGroups) || [], l = (d = i.mdxExtracts) == null ? void 0 : d.pivotTocItems, k = !i.title, u = { ...{
+    onThisPage: "On this page",
+    loading: "Loading...",
+    errorTitle: "Error",
+    errorMessage: "Something went wrong",
+    notFoundTitle: "Page not found",
+    notFoundMessage: "The page you're looking for doesn't exist"
+  }, ...p };
+  return /* @__PURE__ */ t(L, { LinkComponent: w, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: o(
+        f === "dark" && "dark",
+        h,
+        "mint:flex mint:flex-col mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden"
+      ),
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          id: "page-container",
+          className: "mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:flex-1 mint:min-h-0 mint:h-full mint:flex mint:flex-col mint:overflow-hidden",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              id: "page-wrapper",
+              className: "mint:flex mint:rounded-tl-2xl mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden",
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  id: "main-content",
+                  className: o(
+                    "mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-tl-2xl mint:bg-white mint:dark:bg-[#1f1f1f] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] 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"
+                  ),
+                  children: /* @__PURE__ */ t(j, { groups: r, children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full", children: [
+                    m && m.length > 0 && /* @__PURE__ */ t("aside", { className: "mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ e("div", { className: "mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto", children: [
+                      /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
+                        /* @__PURE__ */ t(C, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]" }),
+                        /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: u.onThisPage })
+                      ] }),
+                      l && Object.keys(l).length > 0 ? /* @__PURE__ */ t(
+                        T,
+                        {
+                          baseToc: m,
+                          pivotTocItems: l
+                        }
+                      ) : /* @__PURE__ */ t(P, { toc: m })
+                    ] }) }),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: o(
+                          "mint:w-full mint:overflow-x-visible mint:max-w-[42rem]",
+                          k && "!mint:max-w-none"
+                        ),
+                        children: [
+                          i.title && /* @__PURE__ */ t("header", { className: "mint:mb-8", children: /* @__PURE__ */ e("div", { className: "mint:mb-4", children: [
+                            /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start mint:sm:flex-row mint:sm:items-center mint:sm:gap-4", children: [
+                              /* @__PURE__ */ t("h1", { className: "mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]", children: i.title }),
+                              a && /* @__PURE__ */ t(
+                                z,
+                                {
+                                  className: "mint:ml-auto mint:max-sm:ml-0",
+                                  pathname: a,
+                                  markdownContent: b,
+                                  allPages: x,
+                                  baseUrl: g,
+                                  onCopyMarkdown: n == null ? void 0 : n.onCopyMarkdown,
+                                  onViewMarkdown: n == null ? void 0 : n.onViewMarkdown
+                                }
+                              )
+                            ] }),
+                            i.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db]", children: i.description })
+                          ] }) }),
+                          r.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: r.map((c) => /* @__PURE__ */ t(
+                            F,
+                            {
+                              group: c,
+                              className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
+                            },
+                            c.id
+                          )) }),
+                          /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(v, {}) }) })
+                        ]
+                      }
+                    )
+                  ] }) })
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+export {
+  B as DocsPage
+};
+//# sourceMappingURL=docsPage.js.map

package/dist/components/docsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docsPage.js","sources":["../../src/components/docsPage.tsx"],"sourcesContent":["import { MDXRenderer } from \"./mdx-renderer\";\nimport type { DocsPageProps, PayloadData } from \"../types\";\nimport { TableOfContents } from \"./toc\";\nimport { PivotAwareTOC } from \"./toc/pivot-aware-toc\";\nimport { TextAlignLeftFilled } from \"@fluentui/react-icons\";\nimport {\n  ZonePivotProvider,\n  ZonePivotSelector,\n} from \"./content-components/zone-pivots\";\nimport { PageContextMenu, type ContextualOption } from \"./page-context-menu\";\nimport { ComponentsProvider } from \"../context/components-context\";\nimport { cn } from \"../utils/cn\";\nimport \"../styles.css\";\n\n/**\n * Localization strings for DocsPage component\n */\nexport interface DocsPageLocalization {\n  /** Text for \"On this page\" heading. Default: \"On this page\" */\n  onThisPage?: string;\n  /** Loading message. Default: \"Loading...\" */\n  loading?: string;\n  /** Error title. Default: \"Error\" */\n  errorTitle?: string;\n  /** Generic error message. Default: \"Something went wrong\" */\n  errorMessage?: string;\n  /** Not found title. Default: \"Page not found\" */\n  notFoundTitle?: string;\n  /** Not found message. Default: \"The page you're looking for doesn't exist\" */\n  notFoundMessage?: string;\n}\n\n/**\n * Telemetry configuration for DocsPage\n */\nexport interface DocsPageTelemetry {\n  /** Activity name for page context menu interactions */\n  contextMenuActivity?: string;\n  /** Phase for context menu interactions */\n  contextMenuPhase?: string;\n  /** Activity name for TOC link clicks */\n  tocLinkActivity?: string;\n  /** Phase for TOC link clicks */\n  tocLinkPhase?: string;\n  /** Activity name for zone pivot selector changes */\n  zonePivotActivity?: string;\n  /** Phase for zone pivot changes */\n  zonePivotPhase?: string;\n}\n\n/**\n * Configuration for the page context menu\n */\nexport interface PageContextMenuConfig {\n  /** Custom actions for the page context menu. If provided, these will replace the default actions. */\n  customActions?: ContextualOption[];\n  /** Callback fired after markdown is successfully copied */\n  onCopyMarkdown?: () => void;\n  /** Custom handler for \"Copy Page\" action. If provided, replaces default copy behavior. */\n  onCopyPage?: () => void | Promise<void>;\n  /** Custom handler for \"View as Markdown\" action. If provided, replaces default view behavior. */\n  onViewMarkdown?: (pathname: string) => void;\n  /** Custom handler for \"View llms.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsTxt?: () => void;\n  /** Custom handler for \"View llms-full.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsFullTxt?: () => void;\n}\n\n/**\n * Enhanced DocsPageProps with localization and telemetry support\n */\nexport interface EnhancedDocsPageProps extends DocsPageProps {\n  /** Localization strings */\n  localization?: DocsPageLocalization;\n  /** Telemetry configuration */\n  telemetry?: DocsPageTelemetry;\n  /** Context menu configuration */\n  contextMenu?: PageContextMenuConfig;\n}\n\n/**\n * DocsPage component renders a documentation page with MDX content, table of contents,\n * zone pivot selectors, and page context menu. It supports full customization through\n * props for localization, telemetry, and custom components.\n *\n * @example\n * ```tsx\n * <DocsPage\n *   payload={{\n *     content: \"...\",\n *     serializedContent: Content,\n *     title: \"Getting Started\",\n *     description: \"Learn how to get started\"\n *   }}\n *   toc={[{ title: \"Introduction\", slug: \"intro\", level: 2 }]}\n *   theme=\"dark\"\n *   pathname=\"/docs/getting-started\"\n *   LinkComponent={Link}\n *   localization={{\n *     onThisPage: \"In this article\"\n *   }}\n *   telemetry={{\n *     contextMenuActivity: \"DocsPageContextMenu\",\n *     contextMenuPhase: \"Start\"\n *   }}\n * />\n * ```\n */\nexport function DocsPage({\n  payload,\n  toc,\n  navTree,\n  activeHref,\n  theme,\n  className = \"\",\n  pathname,\n  markdownContent,\n  allPages,\n  baseUrl,\n  bottomLinks,\n  LinkComponent,\n  localization,\n  telemetry,\n  contextMenu,\n}: EnhancedDocsPageProps) {\n  const Content = payload.serializedContent;\n  const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n  const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n  const isFullWidth = !payload.title;\n\n  // Default localization\n  const defaultLocalization: Required<DocsPageLocalization> = {\n    onThisPage: \"On this page\",\n    loading: \"Loading...\",\n    errorTitle: \"Error\",\n    errorMessage: \"Something went wrong\",\n    notFoundTitle: \"Page not found\",\n    notFoundMessage: \"The page you're looking for doesn't exist\",\n  };\n\n  const loc = { ...defaultLocalization, ...localization };\n\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <div\n        className={cn(\n          theme === \"dark\" && \"dark\",\n          className,\n          \"mint:flex mint:flex-col mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden\"\n        )}\n      >\n        <div\n          id=\"page-container\"\n          className=\"mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:flex-1 mint:min-h-0 mint:h-full mint:flex mint:flex-col mint:overflow-hidden\"\n        >\n          <div\n            id=\"page-wrapper\"\n            className=\"mint:flex mint:rounded-tl-2xl mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden\"\n          >\n            <div\n              id=\"main-content\"\n              className={cn(\n                \"mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-tl-2xl mint:bg-white mint:dark:bg-[#1f1f1f] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] 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\"\n              )}\n            >\n              <ZonePivotProvider groups={zonePivotGroups}>\n                <div className=\"mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full\">\n                  {toc && toc.length > 0 && (\n                    <aside className=\"mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block\">\n                      <div className=\"mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto\">\n                        <div className=\"mint:flex mint:items-center mint:gap-2 mint:mb-4\">\n                          <TextAlignLeftFilled className=\"mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]\" />\n                          <h2 className=\"mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white\">\n                            {loc.onThisPage}\n                          </h2>\n                        </div>\n                        {pivotTocItems &&\n                        Object.keys(pivotTocItems).length > 0 ? (\n                          <PivotAwareTOC\n                            baseToc={toc}\n                            pivotTocItems={pivotTocItems}\n                          />\n                        ) : (\n                          <TableOfContents toc={toc} />\n                        )}\n                      </div>\n                    </aside>\n                  )}\n\n                  <div\n                    className={cn(\n                      \"mint:w-full mint:overflow-x-visible mint:max-w-[42rem]\",\n                      isFullWidth && \"!mint:max-w-none\"\n                    )}\n                  >\n                    {payload.title && (\n                      <header className=\"mint:mb-8\">\n                        <div className=\"mint:mb-4\">\n                          <div className=\"mint:flex mint:flex-col mint:gap-2 mint:items-start mint:sm:flex-row mint:sm:items-center mint:sm:gap-4\">\n                            <h1 className=\"mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]\">\n                              {payload.title}\n                            </h1>\n                            {pathname && (\n                              <PageContextMenu\n                                className=\"mint:ml-auto mint:max-sm:ml-0\"\n                                pathname={pathname}\n                                markdownContent={markdownContent}\n                                allPages={allPages}\n                                baseUrl={baseUrl}\n                                onCopyMarkdown={contextMenu?.onCopyMarkdown}\n                                onViewMarkdown={contextMenu?.onViewMarkdown}\n                              />\n                            )}\n                          </div>\n                          {payload.description && (\n                            <p className=\"mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db]\">\n                              {payload.description}\n                            </p>\n                          )}\n                        </div>\n                      </header>\n                    )}\n\n                    {zonePivotGroups.length > 0 && (\n                      <div className=\"mint:mb-6 mint:flex mint:flex-wrap mint:gap-4\">\n                        {zonePivotGroups.map((group) => (\n                          <ZonePivotSelector\n                            key={group.id}\n                            group={group}\n                            className=\"mint:flex mint:items-center mint:gap-2 mint:text-sm\"\n                          />\n                        ))}\n                      </div>\n                    )}\n\n                    <div className=\"mint:pt-4\">\n                      <MDXRenderer>\n                        <Content />\n                      </MDXRenderer>\n                    </div>\n                  </div>\n                </div>\n              </ZonePivotProvider>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ComponentsProvider>\n  );\n}\n\nexport type { DocsPageProps, PayloadData } from \"../types\";\n\nexport type { EnhancedDocsPageProps as DocsPagePropsWithCustomization };\n\nexport type { ContextualOption };\n"],"names":["DocsPage","payload","toc","navTree","activeHref","theme","className","pathname","markdownContent","allPages","baseUrl","bottomLinks","LinkComponent","localization","telemetry","contextMenu","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","loc","jsx","ComponentsProvider","cn","ZonePivotProvider","jsxs","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}

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

@@ -1,15 +1,15 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useRef as k, useEffect as w, useState as N } from "react";
-import { useComponents as v } from "../../context/components-context.js";
-import { cn as u } from "../../utils/cn.js";
-import { MethodPill as C } from "../Api/MethodPill.js";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useRef as A, useEffect as y, useState as L } from "react";
+import { useComponents as _ } from "../../context/components-context.js";
+import { cn as N } from "../../utils/cn.js";
+import { MethodPill as j } from "../Api/MethodPill.js";
 /* empty css               */
-function g({ isExpanded: t }) {
+function E({ isExpanded: t }) {
   return /* @__PURE__ */ n(
     "svg",
     {
-      className: u(
-        "mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:transition-transform mint:duration-150 mint:text-[#6b7280] mint:dark:text-[#9ca3af]",
+      className: N(
+        "mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:text-[#6b7280] mint:dark:text-[#9ca3af]",
         t ? "mint:rotate-90" : "mint:rotate-0"
       ),
       fill: "none",
@@ -28,115 +28,128 @@ function g({ isExpanded: t }) {
     }
   );
 }
-function b({ item: t, activeId: o, level: l = 0 }) {
-  const x = l === 0 ? !0 : t.expanded ?? !1, [r, s] = N(x), { LinkComponent: p } = v(), c = t.children && t.children.length > 0, f = !t.href, d = t.href && o === t.href, e = t.icon;
-  if (f && l === 0)
-    return /* @__PURE__ */ m(
+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 } = _(), m = !t.href, l = t.href && (x(t.href, h) || x(t.href, r)), a = t.icon;
+  if (m && f === 0)
+    return /* @__PURE__ */ s(
       "div",
       {
         id: "nav-group",
         role: "group",
         "aria-label": t.toc_title,
         children: [
-          /* @__PURE__ */ m("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-3", children: [
-            e && /* @__PURE__ */ n(e, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
+          /* @__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-3", children: [
+            a && /* @__PURE__ */ n(a, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
             /* @__PURE__ */ n("span", { children: t.toc_title })
           ] }),
-          c && t.children && /* @__PURE__ */ n("ul", { className: "mint:flex mint:flex-col", role: "list", children: t.children.map((i, h) => /* @__PURE__ */ n(
-            b,
+          u && t.children && /* @__PURE__ */ n("ul", { className: "mint:flex mint:flex-col", role: "list", children: t.children.map((i, d) => /* @__PURE__ */ n(
+            w,
             {
               item: i,
-              activeId: o,
-              level: l + 1
+              activeId: h,
+              level: f + 1,
+              activeHref: r
             },
-            `${i.href}-${h}`
+            `${i.href}-${d}`
           )) })
         ]
       }
     );
-  if (f && l > 0)
-    return /* @__PURE__ */ m("li", { className: "mint:list-none", children: [
-      /* @__PURE__ */ m(
+  if (m && f > 0)
+    return /* @__PURE__ */ s("li", { className: "mint:list-none", children: [
+      /* @__PURE__ */ s(
         "button",
         {
           id: "nav-group-toggle",
-          onClick: () => s(!r),
-          "aria-expanded": r,
-          "aria-label": `${r ? "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:transition-all mint:duration-150 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",
+          onClick: () => o(!e),
+          "aria-expanded": e,
+          "aria-label": `${e ? "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(g, { isExpanded: r })
+            /* @__PURE__ */ n(E, { isExpanded: !!e })
           ]
         }
       ),
-      c && r && t.children && /* @__PURE__ */ n(
+      u && e && t.children && /* @__PURE__ */ n(
         "ul",
         {
           className: "mint:mt-1 mint:ml-2 mint:flex mint:flex-col mint:gap-1 mint:pl-3",
           role: "group",
-          children: t.children.map((i, h) => /* @__PURE__ */ n(
-            b,
+          children: t.children.map((i, d) => /* @__PURE__ */ n(
+            w,
             {
               item: i,
-              activeId: o,
-              level: l + 1
+              activeId: h,
+              level: f + 1,
+              activeHref: r
             },
-            `${i.href}-${h}`
+            `${i.href}-${d}`
           ))
         }
       )
     ] });
-  const a = p || "a";
-  return c ? /* @__PURE__ */ m("li", { className: "mint:list-none", children: [
-    /* @__PURE__ */ m(
+  const c = g || "a";
+  return u ? /* @__PURE__ */ s("li", { className: "mint:list-none", children: [
+    /* @__PURE__ */ s(
       "button",
       {
         id: "nav-item-toggle",
-        onClick: () => s(!r),
-        "aria-expanded": r,
-        "aria-label": `${r ? "Collapse" : "Expand"} ${t.toc_title} section`,
-        className: u(
-          "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:transition-all mint:duration-150 mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#424242] 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",
-          d && "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#643fb2] mint:dark:text-[#c9aaf9]"
+        onClick: () => o(!e),
+        "aria-expanded": e,
+        "aria-label": `${e ? "Collapse" : "Expand"} ${t.toc_title} section`,
+        className: 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",
+          l ? $ : "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(g, { isExpanded: r })
+          /* @__PURE__ */ n(E, { isExpanded: !!e })
         ]
       }
     ),
-    r && t.children && /* @__PURE__ */ n(
+    e && t.children && /* @__PURE__ */ n(
       "ul",
       {
         className: "mint:mt-1 mint:ml-2 mint:flex mint:flex-col mint:gap-1 mint:pl-3",
         role: "group",
-        children: t.children.map((i, h) => /* @__PURE__ */ n(
-          b,
+        children: t.children.map((i, d) => /* @__PURE__ */ n(
+          w,
           {
             item: i,
-            activeId: o,
-            level: l + 1
+            activeId: h,
+            level: f + 1,
+            activeHref: r
           },
-          `${i.href}-${h}`
+          `${i.href}-${d}`
         ))
       }
     )
-  ] }) : /* @__PURE__ */ n("li", { className: "mint:list-none", children: /* @__PURE__ */ m(
-    a,
+  ] }) : /* @__PURE__ */ n("li", { className: "mint:list-none", children: /* @__PURE__ */ s(
+    c,
     {
       id: "nav-item",
       href: t.href,
-      "aria-current": d ? "page" : void 0,
-      className: u(
-        "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:transition-all mint:duration-150 mint:no-underline mint:text-[#424242] 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",
-        d && "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#643fb2] mint:dark:text-[#c9aaf9]"
+      "aria-current": l ? "page" : void 0,
+      className: 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",
+        l ? $ : "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: [
+        l && /* @__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(
-          C,
+          j,
           {
-            isActive: !!d,
+            isActive: !!l,
             method: t.method,
             shortMethod: !0
           }
@@ -146,40 +159,49 @@ function b({ item: t, activeId: o, level: l = 0 }) {
     }
   ) });
 }
-function I({
+function B({
   navTree: t,
-  activeId: o,
-  className: l = "",
-  activeHref: x,
-  theme: r,
-  bottomLinks: s
+  activeId: h,
+  className: f = "",
+  activeHref: r,
+  theme: u,
+  bottomLinks: b
 }) {
-  const { LinkComponent: p } = v(), c = k(null), f = "mint-nav-scroll-position";
-  if (w(() => {
-    const e = c.current;
-    if (!e) return;
-    const a = sessionStorage.getItem(f);
-    a && (e.scrollTop = parseInt(a, 10));
-    const i = () => {
-      sessionStorage.setItem(
-        f,
-        e.scrollTop.toString()
-      );
-    };
-    return e.addEventListener("scroll", i), () => {
-      e.removeEventListener("scroll", i);
+  const { LinkComponent: x } = _(), p = A(null);
+  if (y(() => {
+    const e = p.current;
+    if (!e || !r) return;
+    const o = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", g = (m, l) => {
+      const a = o(m), c = o(l);
+      return a === c || a.replace("/docs/", "/") === c.replace("/docs/", "/") || a === c.replace("/docs/", "/") || a.replace("/docs/", "/") === c;
     };
-  }, []), !t || t.items.length === 0)
+    requestAnimationFrame(() => {
+      const m = e.querySelectorAll("a[href]");
+      let l = null;
+      for (const a of Array.from(m)) {
+        const c = a.getAttribute("href");
+        if (c && g(c, r)) {
+          l = a;
+          break;
+        }
+      }
+      l && l.scrollIntoView({
+        behavior: "instant",
+        block: "center",
+        inline: "nearest"
+      });
+    });
+  }, [r]), !t || t.items.length === 0)
     return null;
-  const d = p || "a";
-  return /* @__PURE__ */ m(
+  const C = x || "a";
+  return /* @__PURE__ */ s(
     "nav",
     {
       id: "nav-tree",
-      className: u(
+      className: N(
         "mint:flex mint:flex-col mint:h-full mint:min-h-0",
-        l,
-        r === "dark" && "mint:dark"
+        f,
+        u === "dark" && "mint:dark"
       ),
       "aria-label": "Documentation navigation",
       children: [
@@ -187,40 +209,41 @@ function I({
           "div",
           {
             id: "nav-tree-content",
-            ref: c,
+            ref: p,
             className: "mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:px-3 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, a) => /* @__PURE__ */ n(
-              b,
+            children: t.items.map((e, o) => /* @__PURE__ */ n(
+              w,
               {
                 item: e,
-                activeId: o
+                activeId: h,
+                activeHref: r
               },
-              `${e.href}-${a}`
+              `${e.href}-${o}`
             ))
           }
         ),
-        s && s.length > 0 && /* @__PURE__ */ m(
+        b && b.length > 0 && /* @__PURE__ */ s(
           "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-3", children: s.map((e, a) => {
-                const i = e.icon;
-                return /* @__PURE__ */ m(
-                  d,
+              /* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col mint:py-3 mint:px-3", children: b.map((e, o) => {
+                const g = e.icon;
+                return /* @__PURE__ */ s(
+                  C,
                   {
                     href: e.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",
                     children: [
-                      /* @__PURE__ */ n(i, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
+                      /* @__PURE__ */ n(g, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
                       /* @__PURE__ */ n("span", { children: e.label })
                     ]
                   },
-                  a
+                  o
                 );
               }) })
             ]
@@ -231,6 +254,6 @@ function I({
   );
 }
 export {
-  I as NavTree
+  B as NavTree
 };
 //# sourceMappingURL=index.js.map