@mintlify/msft-sdk 1.1.63 → 1.1.65

package/dist/api-playground/ApiPlayground/components/PlaygroundModalWrapper.js

@@ -1,59 +1,63 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import { Transition as a, TransitionChild as m } from "@headlessui/react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Transition as c, TransitionChild as m } from "@headlessui/react";
 import { Fragment as n } from "react";
-import { createPortal as c } from "react-dom";
-import { zIndex as l } from "../../../constants/zIndex.js";
+import { createPortal as l } from "react-dom";
+import { zIndex as d } from "../../../constants/zIndex.js";
 import "@mintlify/validation";
 import "@sindresorhus/slugify";
-import { cn as d } from "../../../utils/cn.js";
-const k = ({
+import { cn as s } from "../../../utils/cn.js";
+const x = ({
   isPlaygroundExpanded: e,
-  setIsPlaygroundExpanded: t,
+  setIsPlaygroundExpanded: i,
   children: o
-}) => typeof window > "u" ? null : c(
-  /* @__PURE__ */ i(a, { show: e, as: n, children: /* @__PURE__ */ r("div", { className: d(l.Popup, "mint:fixed mint:inset-0 mint:overflow-y-auto mint:p-4 mint:sm:p-6 mint:md:p-12"), children: [
-    /* @__PURE__ */ i(
-      m,
-      {
-        as: n,
-        enter: "mint:ease-out mint:duration-100",
-        enterFrom: "mint:opacity-0",
-        enterTo: "mint:opacity-100",
-        leave: "mint:ease-in mint:duration-50",
-        leaveFrom: "mint:opacity-100",
-        leaveTo: "mint:opacity-0",
-        children: /* @__PURE__ */ i(
-          "div",
-          {
-            className: "mint:fixed mint:z-0 mint:inset-0 mint:bg-background-dark/20 mint:transition-opacity mint:backdrop-blur-sm",
-            onClick: () => t == null ? void 0 : t(!1)
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ i(
-      m,
-      {
-        as: n,
-        enter: "mint:ease-out mint:duration-100",
-        enterFrom: "mint:opacity-0 mint:scale-95",
-        enterTo: "mint:opacity-100 mint:scale-100",
-        leave: "mint:ease-in mint:duration-50",
-        leaveFrom: "mint:opacity-100 mint:scale-100",
-        leaveTo: "mint:opacity-0 mint:scale-95",
-        children: /* @__PURE__ */ i(
-          "div",
-          {
-            "data-testid": "api-playground-modal",
-            className: "mint:relative mint:z-10 mint:flex mint:flex-col mint:mx-auto mint:max-w-screen-xl mint:transform mint:bg-background-light mint:dark:bg-background-dark mint:shadow-search mint:rounded-3xl mint:border-standard",
-            children: /* @__PURE__ */ i("div", { className: "mint:p-4", children: o })
-          }
-        )
-      }
-    )
-  ] }) }),
-  document.body
-);
+}) => {
+  if (typeof window > "u") return null;
+  const r = document.querySelector(".mintlify-docs") ?? document.body;
+  return l(
+    /* @__PURE__ */ t(c, { show: e, as: n, children: /* @__PURE__ */ a("div", { className: s(d.Popup, "mint:fixed mint:z-100 mint:inset-0 mint:overflow-y-auto mint:p-4 mint:sm:p-6 mint:md:p-12"), children: [
+      /* @__PURE__ */ t(
+        m,
+        {
+          as: n,
+          enter: "mint:ease-out mint:duration-100",
+          enterFrom: "mint:opacity-0",
+          enterTo: "mint:opacity-100",
+          leave: "mint:ease-in mint:duration-50",
+          leaveFrom: "mint:opacity-100",
+          leaveTo: "mint:opacity-0",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: "mint:fixed mint:z-0 mint:inset-0 mint:bg-background-dark/20 mint:transition-opacity mint:backdrop-blur-sm",
+              onClick: () => i == null ? void 0 : i(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t(
+        m,
+        {
+          as: n,
+          enter: "mint:ease-out mint:duration-100",
+          enterFrom: "mint:opacity-0 mint:scale-95",
+          enterTo: "mint:opacity-100 mint:scale-100",
+          leave: "mint:ease-in mint:duration-50",
+          leaveFrom: "mint:opacity-100 mint:scale-100",
+          leaveTo: "mint:opacity-0 mint:scale-95",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              "data-testid": "api-playground-modal",
+              className: "mint:relative mint:z-100 mint:flex mint:flex-col mint:mx-auto mint:max-w-screen-xl mint:transform mint:bg-background-light mint:dark:bg-background-dark mint:shadow-search mint:rounded-3xl mint:border-standard",
+              children: /* @__PURE__ */ t("div", { className: "mint:p-4", children: o })
+            }
+          )
+        }
+      )
+    ] }) }),
+    r
+  );
+};
 export {
-  k as PlaygroundModalWrapper
+  x as PlaygroundModalWrapper
 };

package/dist/api-playground-2/OperationPage.js

@@ -14,7 +14,6 @@ import { cn as L } from "../utils/cn.js";
 const J = ({
   apiReferenceData: c,
   operation: f,
-  // eslint-disable-next-line unused-imports/no-unused-vars
   children: u
 }) => {
   const { path: g, method: a, baseUrlOptions: o } = f, { pageMetadata: x } = w(E), d = I(), [l, m] = P(!1), s = d === "simple", { selectedBaseUrlIndex: h, setSelectedBaseUrlIndex: y, baseUrl: p } = v();
@@ -76,7 +75,7 @@ const J = ({
             {
               className: L(
                 B.Content,
-                "relative"
+                "mint:relative"
               ),
               children: [
                 u,

package/dist/api-playground-2/Playground.js

@@ -6,8 +6,8 @@ import { Response as c } from "../api-playground/ApiPlayground/Response/index.js
 import { ModalHeader as N } from "../api-playground/ApiPlayground/components/ModalHeader.js";
 import { PlaygroundModalWrapper as b } from "../api-playground/ApiPlayground/components/PlaygroundModalWrapper.js";
 import { useKeyboardShortcut as B } from "../hooks/useKeyboardShortcut.js";
-import { ApiExamples as C } from "./ApiExamples.js";
-import { EndpointHeader as k } from "./EndpointHeader.js";
+import { ApiExamples as k } from "./ApiExamples.js";
+import { EndpointHeader as C } from "./EndpointHeader.js";
 import { BodySection as w } from "./components/Request/BodySection.js";
 import { ParameterSection as T } from "./components/Request/ParameterSection.js";
 import { SecuritySection as q } from "./components/Request/SecuritySection.js";
@@ -44,8 +44,8 @@ const D = ({
       setIsPlaygroundExpanded: r,
       children: [
         /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center mint:justify-between mint:gap-x-2 mint:rounded-xl mint:p-1.5 mint:pr-0", children: [
-          /* @__PURE__ */ t("div", { className: "mint:flex-1 mint:bg-gray-100 dark:bg-white/5 mint:border-gray-200 mint:rounded-xl ", children: /* @__PURE__ */ t(
-            k,
+          /* @__PURE__ */ t("div", { className: "mint:flex-1 mint:bg-gray-100 mint:dark:bg-white/5 mint:dark:border-gray-200 mint:rounded-xl ", children: /* @__PURE__ */ t(
+            C,
             {
               baseUrl: s,
               baseUrlOptions: a,
@@ -105,7 +105,7 @@ const D = ({
               ),
               children: [
                 n && /* @__PURE__ */ t(c, { result: n, className: "mint:hidden mint:lg:block mint:min-h-fit" }),
-                /* @__PURE__ */ t(C, { isModal: !0, "data-testid": "api-playground-request-example", className: "mint:xl:w-full" })
+                /* @__PURE__ */ t(k, { isModal: !0, "data-testid": "api-playground-request-example", className: "mint:xl:w-full" })
               ]
             }
           )

package/dist/api-playground-2/components/Request/InputSectionContainer.js

@@ -22,7 +22,7 @@ const N = ({
           (t.key === "Enter" || t.key === " ") && (t.preventDefault(), d((c) => !c));
         },
         className: r(
-          "mint:flex mint:w-full mint:px-4 mint:py-2.5 mint:items-center mint:justify-between mint:border-standard mint:cursor-pointer mint:hover:bg-gray-50 dark:hover:bg-white/5",
+          "mint:flex mint:w-full mint:px-4 mint:py-2.5 mint:items-center mint:justify-between mint:border-standard mint:cursor-pointer mint:hover:bg-gray-50 mint:dark:hover:bg-white/5",
           e ? "mint:border-b-0! mint:border-t mint:border-x mint:rounded-t-2xl" : "mint:rounded-2xl"
         ),
         children: [
@@ -49,7 +49,7 @@ const N = ({
       "div",
       {
         className: r(
-          "mint:bg-background-light dark:bg-background-dark mint:flex-1 mint:px-4 mint:rounded-b-xl mint:border-standard mint:border-t-0! mint:divide-y mint:divide-gray-100 dark:divide-white/10",
+          "mint:bg-background-light mint:dark:bg-background-dark mint:flex-1 mint:px-4 mint:rounded-b-xl mint:border-standard mint:border-t-0! mint:divide-y mint:divide-gray-100 mint:dark:divide-white/10",
           e && a ? "" : "mint:hidden"
         ),
         children: [

package/dist/api-playground-2/components/TypeDropdown.js

@@ -13,7 +13,7 @@ const k = ({
     "div",
     {
       className: g(
-        "mint:relative mint:flex mint:items-center mint:px-2 mint:py-0.5 mint:text-gray-600 dark:text-gray-300 mint:hover:text-gray-950 dark:hover:text-white mint:font-medium",
+        "mint:relative mint:flex mint:items-center mint:px-2 mint:py-0.5 mint:text-gray-600 mint:dark:text-gray-300 mint:hover:text-gray-950 mint:dark:hover:text-white mint:font-medium",
         l
       ),
       children: /* @__PURE__ */ a(c, { children: [

package/dist/components/apiPage.js

@@ -0,0 +1,125 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { useEffect as C } from "react";
+import { ApiExamples as E } from "../api-playground-2/ApiExamples.js";
+import { ComponentsProvider as P } from "../context/components-context.js";
+/* empty css            */
+import { cn as e } from "../utils/cn.js";
+import { MDXRenderer as T } from "./mdx-renderer.js";
+import { PageContextMenu as A } from "./page-context-menu.js";
+import { Api as B } from "../api-playground-2/Api.js";
+import { PageProvider as I, ApiReferenceProvider2 as j } from "../contexts/ConfigContext.js";
+function K({
+  theme: a,
+  className: f = "",
+  pathname: r,
+  markdownContent: h,
+  allPages: b,
+  baseUrl: p,
+  LinkComponent: w,
+  contextMenu: i,
+  apiReferenceData: l,
+  pageMetadata: n
+}) {
+  return C(() => {
+    const { hash: s } = window.location;
+    if (!s) return;
+    const g = setTimeout(() => {
+      const x = s.substring(1), m = document.getElementById("main-content"), c = document.getElementById(x);
+      if (m && c) {
+        const d = window.getComputedStyle(document.documentElement), u = parseFloat(d.getPropertyValue("--scroll-mt") || "0"), v = parseFloat(d.fontSize), k = u * v, N = m.getBoundingClientRect(), y = c.getBoundingClientRect().top - N.top + m.scrollTop - k;
+        m.scrollTo({
+          top: y,
+          behavior: "instant"
+        });
+      }
+    }, 100);
+    return () => clearTimeout(g);
+  }, [r]), /* @__PURE__ */ t(P, { LinkComponent: w, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: e(
+        "mintlify-docs",
+        a === "dark" && "dark",
+        f,
+        "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: e(
+                    "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__ */ o(
+                    "div",
+                    {
+                      className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full",
+                      id: "content-layout-container",
+                      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(E, { apiReferenceData: l }) }) : null,
+                        /* @__PURE__ */ o(
+                          "div",
+                          {
+                            className: e(
+                              "mint:w-full mint:overflow-x-visible mint:max-w-[730px]"
+                            ),
+                            children: [
+                              n.title && /* @__PURE__ */ t("header", { className: "mint:mb-6", children: /* @__PURE__ */ o("div", { className: "mint:flex mint:flex-col mint:gap-5", children: [
+                                /* @__PURE__ */ o("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start", 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] mint:pt-3", children: n.title }),
+                                  n.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0", children: n.description })
+                                ] }),
+                                r && /* @__PURE__ */ t(
+                                  A,
+                                  {
+                                    className: "mint:shrink-0",
+                                    pathname: r,
+                                    markdownContent: h,
+                                    allPages: b,
+                                    baseUrl: p,
+                                    onCopyMarkdown: i == null ? void 0 : i.onCopyMarkdown,
+                                    onViewMarkdown: i == null ? void 0 : i.onViewMarkdown
+                                  }
+                                )
+                              ] }) }),
+                              /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(I, { value: {
+                                pageMetadata: n,
+                                pathname: r
+                              }, children: /* @__PURE__ */ t(
+                                j,
+                                {
+                                  pageMetadata: n,
+                                  docsConfig: void 0,
+                                  mdxExtracts: void 0,
+                                  apiReferenceData2: l,
+                                  children: /* @__PURE__ */ t(B, {})
+                                }
+                              ) }) }) })
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+export {
+  K as ApiPage
+};

package/dist/components/docsPage.js

@@ -1,64 +1,62 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { TextAlignLeftFilled as S } from "@fluentui/react-icons";
-import { useEffect as j } from "react";
-import { ApiExamples as B } from "../api-playground-2/ApiExamples.js";
-import { ComponentsProvider as A } from "../context/components-context.js";
+import { TextAlignLeftFilled as L } from "@fluentui/react-icons";
+import { useEffect as O } from "react";
+import { ComponentsProvider as S } from "../context/components-context.js";
 /* empty css            */
-import { cn as d } from "../utils/cn.js";
-import { MDXRenderer as H } from "./mdx-renderer.js";
-import { PageContextMenu as R } from "./page-context-menu.js";
-import { TableOfContents as V } from "./toc/index.js";
-import { PivotAwareTOC as G } from "./toc/pivot-aware-toc.js";
-import { ZonePivotProvider as Z } from "./content-components/zone-pivots/zone-pivot-context.js";
-import { ZonePivotSelector as _ } from "./content-components/zone-pivots/zone-pivot-selector.js";
-function at({
+import { cn as c } from "../utils/cn.js";
+import { MDXRenderer as j } from "./mdx-renderer.js";
+import { PageContextMenu as B } from "./page-context-menu.js";
+import { TableOfContents as H } from "./toc/index.js";
+import { PivotAwareTOC as V } from "./toc/pivot-aware-toc.js";
+import { ZonePivotProvider as A } from "./content-components/zone-pivots/zone-pivot-context.js";
+import { ZonePivotSelector as D } from "./content-components/zone-pivots/zone-pivot-selector.js";
+function rt({
   payload: i,
   toc: o,
-  navTree: W,
-  activeHref: X,
-  theme: p,
-  className: x = "",
-  pathname: s,
-  markdownContent: w,
-  allPages: v,
+  navTree: G,
+  activeHref: Z,
+  theme: b,
+  className: p = "",
+  pathname: l,
+  markdownContent: x,
+  allPages: w,
   baseUrl: u,
-  bottomLinks: q,
-  LinkComponent: k,
-  localization: N,
-  telemetry: J,
-  contextMenu: n,
-  apiReferenceData2: l
+  bottomLinks: _,
+  LinkComponent: v,
+  localization: k,
+  telemetry: W,
+  contextMenu: n
 }) {
-  var f, h;
-  const T = i.serializedContent, a = ((f = i.mdxExtracts) == null ? void 0 : f.zonePivotGroups) || [], c = (h = i.mdxExtracts) == null ? void 0 : h.pivotTocItems, P = !i.title, C = { ...{
+  var d, f;
+  const N = i.serializedContent, s = ((d = i.mdxExtracts) == null ? void 0 : d.zonePivotGroups) || [], a = (f = i.mdxExtracts) == null ? void 0 : f.pivotTocItems, T = !i.title, P = { ...{
     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"
-  }, ...N };
-  return j(() => {
+  }, ...k };
+  return O(() => {
     const { hash: m } = window.location;
     if (!m) return;
-    const y = setTimeout(() => {
-      const E = m.substring(1), r = document.getElementById("main-content"), g = document.getElementById(E);
-      if (r && g) {
-        const b = window.getComputedStyle(document.documentElement), z = parseFloat(b.getPropertyValue("--scroll-mt") || "0"), F = parseFloat(b.fontSize), I = z * F, L = r.getBoundingClientRect(), O = g.getBoundingClientRect().top - L.top + r.scrollTop - I;
+    const C = setTimeout(() => {
+      const y = m.substring(1), r = document.getElementById("main-content"), h = document.getElementById(y);
+      if (r && h) {
+        const g = window.getComputedStyle(document.documentElement), E = parseFloat(g.getPropertyValue("--scroll-mt") || "0"), z = parseFloat(g.fontSize), R = E * z, F = r.getBoundingClientRect(), I = h.getBoundingClientRect().top - F.top + r.scrollTop - R;
         r.scrollTo({
-          top: O,
+          top: I,
           behavior: "instant"
         });
       }
     }, 100);
-    return () => clearTimeout(y);
-  }, [s]), /* @__PURE__ */ t(A, { LinkComponent: k, children: /* @__PURE__ */ t(
+    return () => clearTimeout(C);
+  }, [l]), /* @__PURE__ */ t(S, { LinkComponent: v, children: /* @__PURE__ */ t(
     "div",
     {
-      className: d(
+      className: c(
         "mintlify-docs",
-        p === "dark" && "dark",
-        x,
+        b === "dark" && "dark",
+        p,
         "mint:flex mint:flex-col mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden"
       ),
       children: /* @__PURE__ */ t(
@@ -75,28 +73,28 @@ function at({
                 "div",
                 {
                   id: "main-content",
-                  className: d(
+                  className: c(
                     "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(Z, { groups: a, children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ t(A, { groups: s, children: /* @__PURE__ */ e(
                     "div",
                     {
                       className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full",
                       id: "content-layout-container",
                       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: [
+                        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-[#adadad]" }),
-                            /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: C.onThisPage })
+                            /* @__PURE__ */ t(L, { 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: P.onThisPage })
                           ] }),
-                          c && Object.keys(c).length > 0 ? /* @__PURE__ */ t(G, { baseToc: o, pivotTocItems: c }) : /* @__PURE__ */ t(V, { toc: o })
+                          a && Object.keys(a).length > 0 ? /* @__PURE__ */ t(V, { baseToc: o, pivotTocItems: a }) : /* @__PURE__ */ t(H, { toc: o })
                         ] }) }) : null,
                         /* @__PURE__ */ e(
                           "div",
                           {
-                            className: d(
+                            className: c(
                               "mint:w-full mint:overflow-x-visible mint:max-w-[730px]",
-                              P && "mint:max-w-none!"
+                              T && "mint:max-w-none!"
                             ),
                             children: [
                               i.title && /* @__PURE__ */ t("header", { className: "mint:mb-6", children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:gap-5", children: [
@@ -104,28 +102,28 @@ function at({
                                   /* @__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] mint:pt-3", children: i.title }),
                                   i.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0", children: i.description })
                                 ] }),
-                                s && /* @__PURE__ */ t(
-                                  R,
+                                l && /* @__PURE__ */ t(
+                                  B,
                                   {
                                     className: "mint:shrink-0",
-                                    pathname: s,
-                                    markdownContent: w,
-                                    allPages: v,
+                                    pathname: l,
+                                    markdownContent: x,
+                                    allPages: w,
                                     baseUrl: u,
                                     onCopyMarkdown: n == null ? void 0 : n.onCopyMarkdown,
                                     onViewMarkdown: n == null ? void 0 : n.onViewMarkdown
                                   }
                                 )
                               ] }) }),
-                              a.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: a.map((m) => /* @__PURE__ */ t(
-                                _,
+                              s.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: s.map((m) => /* @__PURE__ */ t(
+                                D,
                                 {
                                   group: m,
                                   className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
                                 },
                                 m.id
                               )) }),
-                              /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(T, {}) }) })
+                              /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(N, {}) }) })
                             ]
                           }
                         )
@@ -142,5 +140,5 @@ function at({
   ) });
 }
 export {
-  at as DocsPage
+  rt as DocsPage
 };

package/dist/index.d.ts

@@ -25,7 +25,6 @@ import { NamedExoticComponent } from 'react';
 import { Node as Node_2 } from 'unist';
 import { Node as Node_3 } from 'hast';
 import { OpenApiMetadata } from '@mintlify/models';
-import { openApiToSchemaGraph } from '@mintlify/validation';
 import { OpenAPIV3 } from 'openapi-types';
 import { OpenAPIV3_1 } from 'openapi-types';
 import { Operation } from '@mintlify/validation';
@@ -84,7 +83,7 @@ export declare interface AnchorConfig {
 }
 
 export declare const Api: ({ children }: {
-    children: ReactNode;
+    children?: ReactNode | undefined;
 }) => JSX_2.Element | null;
 
 export declare const ApiExamples: ({ className, isModal, apiReferenceData, noInputs }: ApiExamplesProps) => JSX_2.Element;
@@ -100,6 +99,21 @@ export declare const ApiFields: NamedExoticComponent<    {
 pageMetadata: PageMetaTags;
 }>;
 
+export declare function ApiPage({ theme, className, pathname, markdownContent, allPages, baseUrl, LinkComponent, contextMenu, apiReferenceData, pageMetadata }: ApiPageProps): JSX_2.Element;
+
+declare interface ApiPageProps {
+    theme: 'light' | 'dark';
+    className?: string;
+    pathname: string;
+    markdownContent?: string;
+    allPages?: LlmsPageConfig[];
+    baseUrl?: string;
+    LinkComponent?: LinkComponent;
+    contextMenu?: PageContextMenuConfig;
+    apiReferenceData?: ApiReferenceDataV2;
+    pageMetadata: PageMetaTags;
+}
+
 declare const ApiPlaygroundContext: Context<ApiPlaygroundContextType>;
 export { ApiPlaygroundContext }
 export { ApiPlaygroundContext as ApiPlaygroundContextLegacy }
@@ -428,7 +442,7 @@ export declare interface DocsLayoutTelemetry {
  * />
  * ```
  */
-export declare function DocsPage({ payload, toc, navTree, activeHref, theme, className, pathname, markdownContent, allPages, baseUrl, bottomLinks, LinkComponent, localization, telemetry, contextMenu, apiReferenceData2, }: DocsPagePropsWithCustomization): JSX_2.Element;
+export declare function DocsPage({ payload, toc, navTree, activeHref, theme, className, pathname, markdownContent, allPages, baseUrl, bottomLinks, LinkComponent, localization, telemetry, contextMenu, }: DocsPagePropsWithCustomization): JSX_2.Element;
 
 /**
  * Localization strings for DocsPage component
@@ -461,7 +475,6 @@ export declare interface DocsPageProps {
     baseUrl?: string;
     bottomLinks?: BottomLinkConfig[];
     LinkComponent?: LinkComponent;
-    apiReferenceData2?: any;
 }
 
 /**
@@ -678,12 +691,10 @@ declare interface NavTreeProps {
     anchors?: AnchorConfig[];
 }
 
-export { openApiToSchemaGraph }
-
 export declare const OperationPage: ({ apiReferenceData, operation, children, }: {
     apiReferenceData: ApiReferenceDataV2;
     operation: OperationV2;
-    children: ReactNode;
+    children?: ReactNode | undefined;
 }) => JSX_2.Element;
 
 export declare type OperationV2 = Operation & {
@@ -906,6 +917,8 @@ export declare type SchemaGeneratedExample = {
     value: unknown;
 };
 
+export { SchemaGraphData }
+
 export declare const SchemaPage: ({ apiReferenceData, children, }: {
     apiReferenceData: ApiReferenceDataV2;
     children: ReactNode;