@mintlify/msft-sdk 1.1.39 → 1.1.41

package/dist/components/docsPage.js

@@ -85,7 +85,7 @@ function at({
                       children: [
                         l != null && l.operation ? /* @__PURE__ */ t("div", { className: "mint:hidden mint:xl:flex! mint:self-start mint:sticky mint:flex-col mint:max-w-md mint:top-0 mint:gap-6", children: /* @__PURE__ */ t(B, { apiReferenceData: l }) }) : o && o.length > 0 ? /* @__PURE__ */ t("aside", { className: "mint:w-68 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(S, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]" }),
+                            /* @__PURE__ */ t(S, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#adadad]" }),
                             /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: C.onThisPage })
                           ] }),
                           c && Object.keys(c).length > 0 ? /* @__PURE__ */ t(G, { baseToc: o, pivotTocItems: c }) : /* @__PURE__ */ t(V, { toc: o })

package/dist/components/docsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"docsPage.js","sources":["../../src/components/docsPage.tsx"],"sourcesContent":["import { TextAlignLeftFilled } from '@fluentui/react-icons';\nimport { useEffect } from 'react';\n\nimport { ApiExamples } from '../api-playground-2/ApiExamples';\nimport { ComponentsProvider } from '../context/components-context';\nimport '../styles.css';\nimport type { DocsPageProps, PayloadData } from '../types';\nimport { cn } from '../utils/cn';\nimport { ZonePivotProvider, ZonePivotSelector } from './content-components/zone-pivots';\nimport { MDXRenderer } from './mdx-renderer';\nimport { PageContextMenu, type ContextualOption } from './page-context-menu';\nimport { TableOfContents } from './toc';\nimport { PivotAwareTOC } from './toc/pivot-aware-toc';\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  apiReferenceData2,\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  useEffect(() => {\n    const { hash } = window.location;\n    if (!hash) return;\n\n    const scrollToHash = () => {\n      const targetId = hash.substring(1);\n      const scrollContainer = document.getElementById('main-content');\n      const targetElement = document.getElementById(targetId);\n\n      if (scrollContainer && targetElement) {\n        const style = window.getComputedStyle(document.documentElement);\n        const scrollMtRem = parseFloat(style.getPropertyValue('--scroll-mt') || '0');\n        const fontSize = parseFloat(style.fontSize);\n        const scrollOffset = scrollMtRem * fontSize;\n\n        const containerRect = scrollContainer.getBoundingClientRect();\n        const targetRect = targetElement.getBoundingClientRect();\n        const relativeTop =\n          targetRect.top - containerRect.top + scrollContainer.scrollTop - scrollOffset;\n\n        scrollContainer.scrollTo({\n          top: relativeTop,\n          behavior: 'instant',\n        });\n      }\n    };\n\n    const timeoutId = setTimeout(scrollToHash, 100);\n\n    return () => clearTimeout(timeoutId);\n  }, [pathname]);\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\n                  className=\"mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full\"\n                  id=\"content-layout-container\"\n                >\n                  {apiReferenceData2?.operation ? (\n                    <div className=\"mint:hidden mint:xl:flex! mint:self-start mint:sticky mint:flex-col mint:max-w-md mint:top-0 mint:gap-6\">\n                      <ApiExamples apiReferenceData={apiReferenceData2} />\n                    </div>\n                  ) : toc && toc.length > 0 ? (\n                    <aside className=\"mint:w-68 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 && Object.keys(pivotTocItems).length > 0 ? (\n                          <PivotAwareTOC baseToc={toc} pivotTocItems={pivotTocItems} />\n                        ) : (\n                          <TableOfContents toc={toc} />\n                        )}\n                      </div>\n                    </aside>\n                  ) : null}\n\n                  <div\n                    className={cn(\n                      'mint:w-full mint:overflow-x-visible mint:max-w-[730px]',\n                      isFullWidth && 'mint:max-w-none!'\n                    )}\n                  >\n                    {payload.title && (\n                      <header className=\"mint:mb-6\">\n                        <div className=\"mint:flex mint:flex-col mint:gap-5\">\n                          <div className=\"mint:flex mint:flex-col mint:gap-2 mint:items-start\">\n                            <h1 className=\"mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2] mint:pt-3\">\n                              {payload.title}\n                            </h1>\n                            {payload.description && (\n                              <p className=\"mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0\">\n                                {payload.description}\n                              </p>\n                            )}\n                          </div>\n                          {pathname && (\n                            <PageContextMenu\n                              className=\"mint:shrink-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                      </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","apiReferenceData2","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","loc","useEffect","hash","timeoutId","targetId","scrollContainer","targetElement","style","scrollMtRem","fontSize","scrollOffset","containerRect","relativeTop","jsx","ComponentsProvider","cn","ZonePivotProvider","jsxs","ApiExamples","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}
+{"version":3,"file":"docsPage.js","sources":["../../src/components/docsPage.tsx"],"sourcesContent":["import { TextAlignLeftFilled } from '@fluentui/react-icons';\nimport { useEffect } from 'react';\n\nimport { ApiExamples } from '../api-playground-2/ApiExamples';\nimport { ComponentsProvider } from '../context/components-context';\nimport '../styles.css';\nimport type { DocsPageProps, PayloadData } from '../types';\nimport { cn } from '../utils/cn';\nimport { ZonePivotProvider, ZonePivotSelector } from './content-components/zone-pivots';\nimport { MDXRenderer } from './mdx-renderer';\nimport { PageContextMenu, type ContextualOption } from './page-context-menu';\nimport { TableOfContents } from './toc';\nimport { PivotAwareTOC } from './toc/pivot-aware-toc';\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  apiReferenceData2,\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  useEffect(() => {\n    const { hash } = window.location;\n    if (!hash) return;\n\n    const scrollToHash = () => {\n      const targetId = hash.substring(1);\n      const scrollContainer = document.getElementById('main-content');\n      const targetElement = document.getElementById(targetId);\n\n      if (scrollContainer && targetElement) {\n        const style = window.getComputedStyle(document.documentElement);\n        const scrollMtRem = parseFloat(style.getPropertyValue('--scroll-mt') || '0');\n        const fontSize = parseFloat(style.fontSize);\n        const scrollOffset = scrollMtRem * fontSize;\n\n        const containerRect = scrollContainer.getBoundingClientRect();\n        const targetRect = targetElement.getBoundingClientRect();\n        const relativeTop =\n          targetRect.top - containerRect.top + scrollContainer.scrollTop - scrollOffset;\n\n        scrollContainer.scrollTo({\n          top: relativeTop,\n          behavior: 'instant',\n        });\n      }\n    };\n\n    const timeoutId = setTimeout(scrollToHash, 100);\n\n    return () => clearTimeout(timeoutId);\n  }, [pathname]);\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\n                  className=\"mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full\"\n                  id=\"content-layout-container\"\n                >\n                  {apiReferenceData2?.operation ? (\n                    <div className=\"mint:hidden mint:xl:flex! mint:self-start mint:sticky mint:flex-col mint:max-w-md mint:top-0 mint:gap-6\">\n                      <ApiExamples apiReferenceData={apiReferenceData2} />\n                    </div>\n                  ) : toc && toc.length > 0 ? (\n                    <aside className=\"mint:w-68 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-[#adadad]\" />\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 && Object.keys(pivotTocItems).length > 0 ? (\n                          <PivotAwareTOC baseToc={toc} pivotTocItems={pivotTocItems} />\n                        ) : (\n                          <TableOfContents toc={toc} />\n                        )}\n                      </div>\n                    </aside>\n                  ) : null}\n\n                  <div\n                    className={cn(\n                      'mint:w-full mint:overflow-x-visible mint:max-w-[730px]',\n                      isFullWidth && 'mint:max-w-none!'\n                    )}\n                  >\n                    {payload.title && (\n                      <header className=\"mint:mb-6\">\n                        <div className=\"mint:flex mint:flex-col mint:gap-5\">\n                          <div className=\"mint:flex mint:flex-col mint:gap-2 mint:items-start\">\n                            <h1 className=\"mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2] mint:pt-3\">\n                              {payload.title}\n                            </h1>\n                            {payload.description && (\n                              <p className=\"mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0\">\n                                {payload.description}\n                              </p>\n                            )}\n                          </div>\n                          {pathname && (\n                            <PageContextMenu\n                              className=\"mint:shrink-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                      </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","apiReferenceData2","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","loc","useEffect","hash","timeoutId","targetId","scrollContainer","targetElement","style","scrollMtRem","fontSize","scrollOffset","containerRect","relativeTop","jsx","ComponentsProvider","cn","ZonePivotProvider","jsxs","ApiExamples","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}

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

@@ -1,155 +1,155 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useRef as M, useEffect as z, useState as W } from "react";
-import { useComponents as L } from "../../context/components-context.js";
+import { jsxs as l, jsx as n, Fragment as W } from "react/jsx-runtime";
+import C, { useRef as j, useEffect as L, useState as S } from "react";
+import { useComponents as M } from "../../context/components-context.js";
 /* empty css               */
-import { cn as p } from "../../utils/cn.js";
-import { MethodPill as j } from "../Api/MethodPill.js";
-function E({ isExpanded: t }) {
-  return /* @__PURE__ */ e(
+import { cn as h } from "../../utils/cn.js";
+import { MethodPill as I } from "../Api/MethodPill.js";
+function _({ isExpanded: t }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
-      className: p(
-        "mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:text-[#6b7280] mint:dark:text-[#9ca3af]",
+      className: h(
+        "mint:w-[16px] mint:h-[16px] mint:shrink-0 mint:text-[#6b7280] mint:dark:text-[#adadad]",
         t ? "mint:rotate-90" : "mint:rotate-0"
       ),
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+      children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
     }
   );
 }
-const _ = "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold";
-function C({ item: t, activeId: g, level: u = 0, activeHref: o }) {
-  const x = t.children && t.children.length > 0, k = (n) => n ? n.startsWith("/") ? n : `/${n}` : "", h = (n, l) => {
-    if (!n || !l) return !1;
-    const b = k(n), w = k(l);
-    return b === w || b.replace("/docs/", "/") === w.replace("/docs/", "/") || b === w.replace("/docs/", "/") || b.replace("/docs/", "/") === w;
-  }, v = (n) => h(n.href, o) ? !0 : n.children ? n.children.some(v) : !1, $ = u === 0 ? !0 : (t.expanded ?? !1) || x && v(t), [a, i] = W($);
-  z(() => {
-    x && v(t) && i(!0);
+const z = "mint:bg-[#e6e6e6] mint:dark:bg-[#2e2e2e] mint:text-[#242424] mint:dark:text-[#ffffff] mint:font-semibold";
+function y({ item: t, activeId: g, level: p = 0, activeHref: o }) {
+  const x = t.children && t.children.length > 0, v = (i) => i ? i.startsWith("/") ? i : `/${i}` : "", u = (i, a) => {
+    if (!i || !a) return !1;
+    const b = v(i), N = v(a);
+    return b === N || b.replace("/docs/", "/") === N.replace("/docs/", "/") || b === N.replace("/docs/", "/") || b.replace("/docs/", "/") === N;
+  }, k = (i) => u(i.href, o) ? !0 : i.children ? i.children.some(k) : !1, $ = p === 0 ? !0 : (t.expanded ?? !1) || x && k(t), [s, e] = S($);
+  L(() => {
+    x && k(t) && e(!0);
   }, [o]);
-  const { LinkComponent: d } = L(), f = !t.href, r = t.href && (h(t.href, g) || h(t.href, o)), s = t.icon;
-  if (f && u === 0)
-    return /* @__PURE__ */ c("div", { id: "nav-group", role: "group", "aria-label": t.toc_title, children: [
-      /* @__PURE__ */ c("div", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white mint:mb-3 mint:flex mint:items-start mint:gap-2 mint:pl-2.5", children: [
-        s && /* @__PURE__ */ e(s, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
-        /* @__PURE__ */ e("span", { children: t.toc_title })
+  const { LinkComponent: d } = M(), f = !t.href, r = t.href && (u(t.href, g) || u(t.href, o)), c = t.icon;
+  if (f && p === 0)
+    return /* @__PURE__ */ l("div", { id: "nav-group", role: "group", "aria-label": t.toc_title, children: [
+      /* @__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: [
+        c && /* @__PURE__ */ n(c, { className: "mint:w-5 mint:h-5", "aria-hidden": "true" }),
+        /* @__PURE__ */ n("span", { children: t.toc_title })
       ] }),
-      x && t.children && /* @__PURE__ */ e("ul", { className: "mint:flex mint:flex-col mint:pl-0", role: "list", children: t.children.map((n, l) => /* @__PURE__ */ e(
-        C,
+      x && t.children && /* @__PURE__ */ n("ul", { className: "mint:flex mint:flex-col mint:pl-0", role: "list", children: t.children.map((i, a) => /* @__PURE__ */ n(
+        y,
         {
-          item: n,
+          item: i,
           activeId: g,
-          level: u + 1,
+          level: p + 1,
           activeHref: o
         },
-        `${n.href}-${l}`
+        `${i.href}-${a}`
       )) })
     ] });
-  if (f && u > 0)
-    return /* @__PURE__ */ c("li", { className: "mint:list-none", children: [
-      /* @__PURE__ */ c(
+  if (f && p > 0)
+    return /* @__PURE__ */ l("li", { className: "mint:list-none", children: [
+      /* @__PURE__ */ l(
         "button",
         {
           id: "nav-group-toggle",
-          onClick: () => i(!a),
-          "aria-expanded": a,
-          "aria-label": `${a ? "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",
+          onClick: () => e(!s),
+          "aria-expanded": s,
+          "aria-label": `${s ? "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-[#adadad] mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
           children: [
-            /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
-            /* @__PURE__ */ e(E, { isExpanded: !!a })
+            /* @__PURE__ */ n("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
+            /* @__PURE__ */ n(_, { isExpanded: !!s })
           ]
         }
       ),
-      x && a && t.children && /* @__PURE__ */ e("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: t.children.map((n, l) => /* @__PURE__ */ e(
-        C,
+      x && s && t.children && /* @__PURE__ */ n("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: t.children.map((i, a) => /* @__PURE__ */ n(
+        y,
         {
-          item: n,
+          item: i,
           activeId: g,
-          level: u + 1,
+          level: p + 1,
           activeHref: o
         },
-        `${n.href}-${l}`
+        `${i.href}-${a}`
       )) })
     ] });
   const m = d || "a";
-  return x ? /* @__PURE__ */ c("li", { className: "mint:list-none", children: [
-    /* @__PURE__ */ c(
+  return x ? /* @__PURE__ */ l("li", { className: "mint:list-none", children: [
+    /* @__PURE__ */ l(
       "button",
       {
         id: "nav-item-toggle",
-        onClick: () => i(!a),
-        "aria-expanded": a,
-        "aria-label": `${a ? "Collapse" : "Expand"} ${t.toc_title} section`,
-        className: p(
-          "mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
-          r ? _ : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
+        onClick: () => e(!s),
+        "aria-expanded": s,
+        "aria-label": `${s ? "Collapse" : "Expand"} ${t.toc_title} section`,
+        className: h(
+          "mint:relative mint:text-left mint:w-full mint:flex mint:items-center mint:justify-between mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:bg-transparent mint:border-none mint:cursor-pointer mint:text-[#424242] mint:dark:text-[#adadad] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
+          r ? z : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
-          /* @__PURE__ */ e(E, { isExpanded: !!a })
+          /* @__PURE__ */ n("span", { className: "mint:flex-1 mint:min-w-0", children: t.toc_title }),
+          /* @__PURE__ */ n(_, { isExpanded: !!s })
         ]
       }
     ),
-    a && t.children && /* @__PURE__ */ e("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: t.children.map((n, l) => /* @__PURE__ */ e(
-      C,
+    s && t.children && /* @__PURE__ */ n("ul", { className: "mint:ml-3 mint:flex mint:flex-col mint:pl-0", role: "group", children: t.children.map((i, a) => /* @__PURE__ */ n(
+      y,
       {
-        item: n,
+        item: i,
         activeId: g,
-        level: u + 1,
+        level: p + 1,
         activeHref: o
       },
-      `${n.href}-${l}`
+      `${i.href}-${a}`
     )) })
-  ] }) : /* @__PURE__ */ e("li", { className: "mint:list-none", children: /* @__PURE__ */ c(
+  ] }) : /* @__PURE__ */ n("li", { className: "mint:list-none", children: /* @__PURE__ */ l(
     m,
     {
       id: "nav-item",
       href: t.href,
       "aria-current": r ? "page" : void 0,
-      className: p(
-        "mint:relative mint:flex mint:items-center mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:no-underline mint:text-[#424242] mint:dark:text-[#9ca3af] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:[&_span]:flex-1",
-        r ? _ : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
+      className: h(
+        "mint:relative mint:flex mint:items-center mint:gap-2 mint:py-2 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-xl mint:no-underline mint:text-[#424242] mint:dark:text-[#adadad] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:[&_span]:flex-1",
+        r ? z : "mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#141414] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb]"
       ),
       children: [
-        r && /* @__PURE__ */ e("div", { className: "mint:absolute mint:left-0 mint:my-2.5 mint:rounded-full mint:w-[3px] mint:top-0 mint:bottom-0 mint:bg-[#8251ee] mint:dark:bg-[#9263f1]" }),
-        t.method && /* @__PURE__ */ e(j, { isActive: !!r, method: t.method, shortMethod: !0 }),
+        r && /* @__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(I, { isActive: !!r, method: t.method, shortMethod: !0 }),
         t.toc_title
       ]
     }
   ) });
 }
-function F({
+function H({
   navTree: t,
   activeId: g,
-  className: u = "",
+  className: p = "",
   activeHref: o,
   theme: x,
-  bottomLinks: k,
-  anchors: h
+  bottomLinks: v,
+  anchors: u
 }) {
-  const { LinkComponent: v } = L(), $ = M(null);
-  if (z(() => {
-    const i = $.current;
-    if (!i || !o) return;
-    const d = (r) => r ? r.startsWith("/") ? r : `/${r}` : "", f = (r, s) => {
-      const m = d(r), n = d(s);
-      return m === n || m.replace("/docs/", "/") === n.replace("/docs/", "/") || m === n.replace("/docs/", "/") || m.replace("/docs/", "/") === n;
+  const { LinkComponent: k } = M(), $ = j(null);
+  if (L(() => {
+    const e = $.current;
+    if (!e || !o) return;
+    const d = (r) => r ? r.startsWith("/") ? r : `/${r}` : "", f = (r, c) => {
+      const m = d(r), i = d(c);
+      return m === i || m.replace("/docs/", "/") === i.replace("/docs/", "/") || m === i.replace("/docs/", "/") || m.replace("/docs/", "/") === i;
     };
     requestAnimationFrame(() => {
-      const r = i.querySelectorAll("a[href]");
-      let s = null;
+      const r = e.querySelectorAll("a[href]");
+      let c = null;
       for (const m of Array.from(r)) {
-        const n = m.getAttribute("href");
-        if (n && f(n, o)) {
-          s = m;
+        const i = m.getAttribute("href");
+        if (i && f(i, o)) {
+          c = m;
           break;
         }
       }
-      s && s.scrollIntoView({
+      c && c.scrollIntoView({
         behavior: "instant",
         block: "center",
         inline: "nearest"
@@ -157,114 +157,129 @@ function F({
     });
   }, [o]), !t || t.items.length === 0)
     return null;
-  const a = v || "a";
-  return /* @__PURE__ */ c(
+  const s = k || "a";
+  return /* @__PURE__ */ l(
     "nav",
     {
       id: "nav-tree",
-      className: p(
+      className: h(
         "mint:flex mint:flex-col mint:h-full mint:min-h-0",
-        u,
+        p,
         x === "dark" && "dark"
       ),
       "aria-label": "Documentation navigation",
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ l(
           "div",
           {
             id: "nav-tree-content",
             ref: $,
-            className: p(
+            className: h(
               "mint:flex-1 mint:overflow-y-auto mint:overflow-x-hidden mint:min-h-0 mint:[scrollbar-gutter:stable] mint:md: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: [
-              h && h.length > 0 && /* @__PURE__ */ e("div", { id: "nav-anchors", className: "mint:shrink-0 mint:w-full mint:mb-3", children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col", children: h.map((i, d) => {
-                const f = i.icon, r = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", s = (() => {
-                  if (!o || !i.href) return !1;
-                  const m = r(o), n = r(i.href), l = m.replace(/\/$/, ""), b = n.replace(/\/$/, "");
-                  return l === b || l.startsWith(b + "/") ? h.filter((N) => {
-                    if (!N.href) return !1;
-                    const A = r(N.href).replace(/\/$/, "");
-                    return l === A || l.startsWith(A + "/");
-                  }).reduce((N, y) => {
-                    const A = r(N.href || "").replace(
+              u && u.length > 0 && /* @__PURE__ */ n("div", { id: "nav-anchors", className: "mint:shrink-0 mint:w-full mint:mb-3", children: /* @__PURE__ */ n("div", { className: "mint:flex mint:flex-col", children: u.map((e, d) => {
+                const f = e.icon, r = (m) => m ? m.startsWith("/") ? m : `/${m}` : "", c = (() => {
+                  if (!o || !e.href) return !1;
+                  const m = r(o), i = r(e.href), a = m.replace(/\/$/, ""), b = i.replace(/\/$/, "");
+                  return a === b || a.startsWith(b + "/") ? u.filter((w) => {
+                    if (!w.href) return !1;
+                    const A = r(w.href).replace(/\/$/, "");
+                    return a === A || a.startsWith(A + "/");
+                  }).reduce((w, E) => {
+                    const A = r(w.href || "").replace(
                       /\/$/,
                       ""
                     );
-                    return r(y.href || "").replace(
+                    return r(E.href || "").replace(
                       /\/$/,
                       ""
-                    ).length > A.length ? y : N;
-                  }, i) === i : !1;
+                    ).length > A.length ? E : w;
+                  }, e) === e : !1;
                 })();
-                return /* @__PURE__ */ c(
-                  a,
+                return /* @__PURE__ */ l(
+                  s,
                   {
-                    href: i.href,
-                    "aria-current": s ? "page" : void 0,
-                    className: p(
+                    href: e.href,
+                    "aria-current": c ? "page" : void 0,
+                    className: h(
                       "mint:group mint:relative mint:flex mint:items-start mint:gap-2 mint:py-2 mint:px-3 mint:text-sm mint:rounded-lg mint:no-underline mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb]",
-                      s ? "mint:text-[#141414] mint:dark:text-[#ffffff]" : "mint:text-[#424242] mint:dark:text-[#9ca3af]"
+                      c ? "mint:text-[#141414] mint:dark:text-[#ffffff]" : "mint:text-[#424242] mint:dark:text-[#adadad]"
                     ),
                     children: [
-                      f && /* @__PURE__ */ e(
+                      f && /* @__PURE__ */ n(
                         f,
                         {
-                          className: p(
+                          className: h(
                             "mint:w-5 mint:h-5 mint:shrink-0",
-                            s ? "mint:text-[#8251ee] mint:dark:text-[#9263f1]" : "mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
+                            c ? "mint:text-[#8251ee] mint:dark:text-[#9263f1]" : "mint:text-[#6b7280] mint:dark:text-[#adadad] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
                           )
                         }
                       ),
-                      /* @__PURE__ */ c("div", { className: "mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0", children: [
-                        /* @__PURE__ */ e(
+                      /* @__PURE__ */ l("div", { className: "mint:flex mint:flex-col mint:gap-0.5 mint:min-w-0", children: [
+                        /* @__PURE__ */ n(
                           "span",
                           {
-                            className: p(
+                            className: h(
                               "mint:font-medium",
-                              s ? "mint:text-[#8251ee] mint:dark:text-[#9263f1] mint:font-semibold" : "mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
+                              c ? "mint:text-[#8251ee] mint:dark:text-[#9263f1] mint:font-semibold" : "mint:text-[#141414] mint:dark:text-[#ffffff] mint:group-hover:text-[#8251ee] mint:dark:group-hover:text-[#9263f1]"
                             ),
-                            children: i.title
+                            children: e.title
                           }
                         ),
-                        i.description && /* @__PURE__ */ e("span", { className: "mint:text-xs mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:leading-snug", children: i.description })
+                        e.description && /* @__PURE__ */ n("span", { className: "mint:text-xs mint:text-[#6b7280] mint:dark:text-[#adadad] mint:leading-snug", children: e.description })
                       ] })
                     ]
                   },
                   d
                 );
               }) }) }),
-              t.items.map((i, d) => /* @__PURE__ */ e(
-                C,
+              t.items.map((e, d) => /* @__PURE__ */ n(
+                y,
                 {
-                  item: i,
+                  item: e,
                   activeId: g,
                   activeHref: o
                 },
-                `${i.href}-${d}`
+                `${e.href}-${d}`
               ))
             ]
           }
         ),
-        k && k.length > 0 && /* @__PURE__ */ c(
+        v && v.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__ */ e("div", { className: "mint:h-[0.5px] mint:w-full mint:bg-[#d1d1d1] mint:dark:bg-[#666666]" }),
-              /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:py-3 mint:px-4", children: k.map((i, d) => {
-                const f = i.icon;
-                return /* @__PURE__ */ c(
-                  a,
+              /* @__PURE__ */ 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: v.map((e, d) => {
+                var r;
+                const f = e.icon;
+                return e.component ? /* @__PURE__ */ n("div", { children: C.isValidElement(e.component) ? C.cloneElement(e.component, {
+                  ...e.component.props,
+                  className: h(
+                    "mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:text-[#424242] mint:dark:text-[#adadad] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:cursor-pointer",
+                    (r = e.component.props) == null ? void 0 : r.className
+                  ),
+                  children: /* @__PURE__ */ l(W, { children: [
+                    /* @__PURE__ */ n(f, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
+                    /* @__PURE__ */ n("span", { children: e.label })
+                  ] })
+                }) : /* @__PURE__ */ l("div", { className: "mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:text-[#424242] mint:dark:text-[#adadad] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:cursor-pointer", children: [
+                  /* @__PURE__ */ n(f, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
+                  /* @__PURE__ */ n("span", { children: e.label }),
+                  e.component
+                ] }) }, d) : /* @__PURE__ */ l(
+                  s,
                   {
-                    href: i.href,
+                    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 mint:[&>span]:flex mint:[&>span]:items-center mint:[&>span]:gap-2 mint:[&>svg:last-child]:hidden",
+                    className: "mint:flex mint:items-center mint:py-2 mint:gap-2 mint:text-sm mint:no-underline mint:text-[#424242] mint:dark:text-[#adadad] mint:hover:text-[#141414] mint:dark:hover:text-[#e5e7eb] mint:px-2 mint:[&>span]:flex mint:[&>span]:items-center mint:[&>span]:gap-2 mint:[&>svg:last-child]:hidden",
                     children: [
-                      /* @__PURE__ */ e(f, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
-                      /* @__PURE__ */ e("span", { children: i.label })
+                      /* @__PURE__ */ n(f, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
+                      /* @__PURE__ */ n("span", { children: e.label })
                     ]
                   },
                   d
@@ -278,6 +293,6 @@ function F({
   );
 }
 export {
-  F as NavTree
+  H as NavTree
 };
 //# sourceMappingURL=index.js.map