@mintlify/msft-sdk 1.1.10 → 1.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/components/content-components/code-block.js +3 -3
  2. package/dist/components/content-components/code-block.js.map +1 -1
  3. package/dist/components/content-components/default-components.js +21 -26
  4. package/dist/components/content-components/default-components.js.map +1 -1
  5. package/dist/components/content-components/details/details.js +1 -1
  6. package/dist/components/content-components/details/details.js.map +1 -1
  7. package/dist/components/content-components/home.js +3 -278
  8. package/dist/components/content-components/home.js.map +1 -1
  9. package/dist/components/content-components/image.js +80 -0
  10. package/dist/components/content-components/image.js.map +1 -0
  11. package/dist/components/content-components/param-name.js +1 -1
  12. package/dist/components/content-components/param-name.js.map +1 -1
  13. package/dist/components/content-components/zone-pivots/zone-pivot-selector.js +22 -19
  14. package/dist/components/content-components/zone-pivots/zone-pivot-selector.js.map +1 -1
  15. package/dist/components/docsLayout.js +60 -0
  16. package/dist/components/docsLayout.js.map +1 -0
  17. package/dist/components/docsPage.js +128 -0
  18. package/dist/components/docsPage.js.map +1 -0
  19. package/dist/components/nav-tree/index.js +127 -159
  20. package/dist/components/nav-tree/index.js.map +1 -1
  21. package/dist/components/nav-tree/mobile-nav.js +21 -23
  22. package/dist/components/nav-tree/mobile-nav.js.map +1 -1
  23. package/dist/components/page-context-menu.js +47 -53
  24. package/dist/components/page-context-menu.js.map +1 -1
  25. package/dist/components/toc/index.js +5 -5
  26. package/dist/components/toc/index.js.map +1 -1
  27. package/dist/index.d.ts +180 -40
  28. package/dist/index.js +62 -64
  29. package/dist/index.js.map +1 -1
  30. package/dist/parser/serialize-mdx.js +27 -22
  31. package/dist/parser/serialize-mdx.js.map +1 -1
  32. package/dist/plugins/extract-headings.js +23 -17
  33. package/dist/plugins/extract-headings.js.map +1 -1
  34. package/dist/plugins/remark/remark-heading-ids.js +21 -14
  35. package/dist/plugins/remark/remark-heading-ids.js.map +1 -1
  36. package/dist/styles.css +1 -1
  37. package/package.json +1 -1
  38. package/dist/components/Api/Api.js +0 -42
  39. package/dist/components/Api/Api.js.map +0 -1
  40. package/dist/components/Api/Api.module.css.js +0 -22
  41. package/dist/components/Api/Api.module.css.js.map +0 -1
  42. package/dist/components/nav-tree/dropdown-menu.js +0 -75
  43. package/dist/components/nav-tree/dropdown-menu.js.map +0 -1
  44. package/dist/components/page.js +0 -120
  45. package/dist/components/page.js.map +0 -1
@@ -1,22 +0,0 @@
1
- const t = "_apiContainer_98bpi_1", i = "_apiHeader_98bpi_5", e = "_methodAndPath_98bpi_9", o = "_methodPill_98bpi_16", n = "_pathCode_98bpi_26", p = "_title_98bpi_40", _ = "_description_98bpi_52", a = "_apiContent_98bpi_63", d = {
2
- apiContainer: t,
3
- apiHeader: i,
4
- methodAndPath: e,
5
- methodPill: o,
6
- pathCode: n,
7
- title: p,
8
- description: _,
9
- apiContent: a
10
- };
11
- export {
12
- t as apiContainer,
13
- a as apiContent,
14
- i as apiHeader,
15
- d as default,
16
- _ as description,
17
- e as methodAndPath,
18
- o as methodPill,
19
- n as pathCode,
20
- p as title
21
- };
22
- //# sourceMappingURL=Api.module.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Api.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
@@ -1,75 +0,0 @@
1
- import { jsxs as m, jsx as t } from "react/jsx-runtime";
2
- import { useState as b } from "react";
3
- import { DocumentRegular as h, CheckmarkFilled as x } from "@fluentui/react-icons";
4
- import { useComponents as u } from "../../context/components-context.js";
5
- import { cn as r } from "../../utils/cn.js";
6
- function _({
7
- dropdown: i,
8
- isActive: a = !1,
9
- activeHref: s,
10
- className: l = ""
11
- }) {
12
- const [e, o] = b(!1), { LinkComponent: d } = u(), c = i.icon || h;
13
- return /* @__PURE__ */ m("div", { className: r("mint:mb-2 mint:lg:mb-2", l), children: [
14
- /* @__PURE__ */ t(
15
- "button",
16
- {
17
- onClick: () => o(!e),
18
- "aria-expanded": e,
19
- "aria-label": `${e ? "Collapse" : "Expand"} ${i.title} dropdown`,
20
- className: r(
21
- "mint:w-full mint:py-2 mint:px-3 mint:rounded-xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:cursor-pointer mint:hover:border-[#d1d5db] mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:border-[rgba(255,255,255,0.15)] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
22
- a && "mint:shadow-[0_0_0_2px_rgba(100,63,178,0.2)] mint:border-[rgba(100,63,178,0.3)]"
23
- ),
24
- children: /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-2", children: [
25
- /* @__PURE__ */ t("div", { className: "mint:shrink-0", children: /* @__PURE__ */ t("div", { className: "mint:w-8 mint:h-8 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]", children: /* @__PURE__ */ t(c, { className: "mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]" }) }) }),
26
- /* @__PURE__ */ m("div", { className: "mint:flex-1 mint:text-left mint:min-w-0", children: [
27
- /* @__PURE__ */ t("div", { className: "mint:text-sm mint:font-medium mint:text-[#111827] mint:dark:text-white", children: i.title }),
28
- /* @__PURE__ */ t("div", { className: "mint:text-xs mint:text-[#4b5563] mint:dark:text-[#9ca3af] mint:line-clamp-2", children: i.description })
29
- ] }),
30
- /* @__PURE__ */ t("div", { className: "mint:flex-shrink-0", children: /* @__PURE__ */ t(
31
- "svg",
32
- {
33
- className: r(
34
- "mint:w-4 mint:h-4 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:transition-transform mint:duration-200",
35
- e ? "mint:rotate-180" : "mint:rotate-0"
36
- ),
37
- fill: "none",
38
- stroke: "currentColor",
39
- viewBox: "0 0 24 24",
40
- "aria-hidden": "true",
41
- children: /* @__PURE__ */ t(
42
- "path",
43
- {
44
- strokeLinecap: "round",
45
- strokeLinejoin: "round",
46
- strokeWidth: 2,
47
- d: "M19 9l-7 7-7-7"
48
- }
49
- )
50
- }
51
- ) })
52
- ] })
53
- }
54
- ),
55
- e && i.items && i.items.length > 0 && /* @__PURE__ */ t("div", { className: "mint:relative mint:mt-2", children: /* @__PURE__ */ t("div", { className: "mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:z-10 mint:w-full mint:p-1 mint:rounded-lg mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-2px_rgba(0,0,0,0.05)]", children: /* @__PURE__ */ t("div", { className: "mint:flex mint:flex-col mint:gap-1", children: i.items.map((n, f) => /* @__PURE__ */ m(
56
- d || "a",
57
- {
58
- href: n.href,
59
- className: "mint:flex mint:items-center mint:justify-between mint:py-1.5 mint:px-2 mint:text-sm mint:rounded-xl mint:transition-all mint:duration-150 mint:no-underline mint:text-[#111827] mint:dark:text-white mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#111827] 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",
60
- children: [
61
- /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-2", children: [
62
- n.icon && /* @__PURE__ */ t("div", { className: "mint:w-7 mint:h-7 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]", children: /* @__PURE__ */ t(n.icon, { className: "mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]" }) }),
63
- /* @__PURE__ */ t("span", { className: "mint:font-medium", children: n.title })
64
- ] }),
65
- n.href && s === n.href && /* @__PURE__ */ t(x, { className: "mint:w-3 mint:h-3 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]" })
66
- ]
67
- },
68
- `${n.href}-${f}`
69
- )) }) }) })
70
- ] });
71
- }
72
- export {
73
- _ as DropdownMenu
74
- };
75
- //# sourceMappingURL=dropdown-menu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/nav-tree/dropdown-menu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { CheckmarkFilled, DocumentRegular } from \"@fluentui/react-icons\";\nimport { useComponents } from \"../../context/components-context\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DropdownConfig {\n title: string;\n description: string;\n icon?: React.ComponentType<{ className?: string }>;\n color?: {\n light?: string;\n dark?: string;\n };\n items?: DropdownItem[];\n}\n\nexport interface DropdownItem {\n title: string;\n href?: string;\n description?: string;\n icon?: React.ComponentType<{ className?: string }>;\n}\n\ninterface DropdownMenuProps {\n dropdown: DropdownConfig;\n isActive?: boolean;\n activeHref?: string;\n className?: string;\n}\n\nexport function DropdownMenu({\n dropdown,\n isActive = false,\n activeHref,\n className = \"\",\n}: DropdownMenuProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n const { LinkComponent } = useComponents();\n const Icon = dropdown.icon || DocumentRegular;\n\n return (\n <div className={cn(\"mint:mb-2 mint:lg:mb-2\", className)}>\n <button\n onClick={() => setIsExpanded(!isExpanded)}\n aria-expanded={isExpanded}\n aria-label={`${isExpanded ? \"Collapse\" : \"Expand\"} ${\n dropdown.title\n } dropdown`}\n className={cn(\n \"mint:w-full mint:py-2 mint:px-3 mint:rounded-xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:cursor-pointer mint:hover:border-[#d1d5db] mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:border-[rgba(255,255,255,0.15)] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2\",\n isActive &&\n \"mint:shadow-[0_0_0_2px_rgba(100,63,178,0.2)] mint:border-[rgba(100,63,178,0.3)]\"\n )}\n >\n <div className=\"mint:flex mint:items-center mint:gap-2\">\n <div className=\"mint:shrink-0\">\n <div className=\"mint:w-8 mint:h-8 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]\">\n <Icon className=\"mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]\" />\n </div>\n </div>\n\n <div className=\"mint:flex-1 mint:text-left mint:min-w-0\">\n <div className=\"mint:text-sm mint:font-medium mint:text-[#111827] mint:dark:text-white\">\n {dropdown.title}\n </div>\n <div className=\"mint:text-xs mint:text-[#4b5563] mint:dark:text-[#9ca3af] mint:line-clamp-2\">\n {dropdown.description}\n </div>\n </div>\n\n <div className=\"mint:flex-shrink-0\">\n <svg\n className={cn(\n \"mint:w-4 mint:h-4 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:transition-transform mint:duration-200\",\n isExpanded ? \"mint:rotate-180\" : \"mint:rotate-0\"\n )}\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <path\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M19 9l-7 7-7-7\"\n />\n </svg>\n </div>\n </div>\n </button>\n\n {isExpanded && dropdown.items && dropdown.items.length > 0 && (\n <div className=\"mint:relative mint:mt-2\">\n <div className=\"mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:z-10 mint:w-full mint:p-1 mint:rounded-lg mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-2px_rgba(0,0,0,0.05)]\">\n <div className=\"mint:flex mint:flex-col mint:gap-1\">\n {dropdown.items.map((item, index) => {\n const LinkElement = LinkComponent || \"a\";\n return (\n <LinkElement\n key={`${item.href}-${index}`}\n href={item.href}\n className=\"mint:flex mint:items-center mint:justify-between mint:py-1.5 mint:px-2 mint:text-sm mint:rounded-xl mint:transition-all mint:duration-150 mint:no-underline mint:text-[#111827] mint:dark:text-white mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#111827] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2\"\n >\n <div className=\"mint:flex mint:items-center mint:gap-2\">\n {item.icon && (\n <div className=\"mint:w-7 mint:h-7 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]\">\n <item.icon className=\"mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]\" />\n </div>\n )}\n <span className=\"mint:font-medium\">{item.title}</span>\n </div>\n {item.href && activeHref === item.href && (\n <CheckmarkFilled className=\"mint:w-3 mint:h-3 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]\" />\n )}\n </LinkElement>\n );\n })}\n </div>\n </div>\n </div>\n )}\n </div>\n );\n}\n"],"names":["DropdownMenu","dropdown","isActive","activeHref","className","isExpanded","setIsExpanded","useState","LinkComponent","useComponents","Icon","DocumentRegular","cn","jsx","jsxs","item","index","CheckmarkFilled"],"mappings":";;;;;AA8BO,SAASA,EAAa;AAAA,EAC3B,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAsB;AACpB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAOT,EAAS,QAAQU;AAE9B,2BACG,OAAA,EAAI,WAAWC,EAAG,0BAA0BR,CAAS,GACpD,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,QACxC,iBAAeA;AAAA,QACf,cAAY,GAAGA,IAAa,aAAa,QAAQ,IAC/CJ,EAAS,KACX;AAAA,QACA,WAAWW;AAAA,UACT;AAAA,UACAV,KACE;AAAA,QAAA;AAAA,QAGJ,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2LACb,UAAA,gBAAAA,EAACH,GAAA,EAAK,WAAU,iEAAA,CAAiE,EAAA,CACnF,GACF;AAAA,UAEA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0EACZ,UAAAZ,EAAS,OACZ;AAAA,YACA,gBAAAY,EAAC,OAAA,EAAI,WAAU,+EACZ,YAAS,YAAA,CACZ;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sBACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAP,IAAa,oBAAoB;AAAA,cAAA;AAAA,cAEnC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,eAAY;AAAA,cAEZ,UAAA,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,aAAa;AAAA,kBACb,GAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA,EACF,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAGDR,KAAcJ,EAAS,SAASA,EAAS,MAAM,SAAS,KACvD,gBAAAY,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA,gBAAAA,EAAC,SAAI,WAAU,kTACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,YAAS,MAAM,IAAI,CAACE,GAAMC,MAGvB,gBAAAF;AAAA,MAFkBN,KAAiB;AAAA,MAElC;AAAA,QAEC,MAAMO,EAAK;AAAA,QACX,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,YAAAC,EAAK,QACJ,gBAAAF,EAAC,OAAA,EAAI,WAAU,2LACb,UAAA,gBAAAA,EAACE,EAAK,MAAL,EAAU,WAAU,iEAAA,CAAiE,EAAA,CACxF;AAAA,YAEF,gBAAAF,EAAC,QAAA,EAAK,WAAU,oBAAoB,YAAK,MAAA,CAAM;AAAA,UAAA,GACjD;AAAA,UACCE,EAAK,QAAQZ,MAAeY,EAAK,QAChC,gBAAAF,EAACI,GAAA,EAAgB,WAAU,iEAAA,CAAiE;AAAA,QAAA;AAAA,MAAA;AAAA,MAbzF,GAAGF,EAAK,IAAI,IAAIC,CAAK;AAAA,IAAA,CAiB/B,EAAA,CACH,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
@@ -1,120 +0,0 @@
1
- import { jsx as t, jsxs as m } from "react/jsx-runtime";
2
- import { MDXRenderer as P } from "./mdx-renderer.js";
3
- import { NavTree as C } from "./nav-tree/index.js";
4
- import { TableOfContents as T } from "./toc/index.js";
5
- import { PivotAwareTOC as j } from "./toc/pivot-aware-toc.js";
6
- import { TextAlignLeftFilled as z } from "@fluentui/react-icons";
7
- import { PageContextMenu as O } from "./page-context-menu.js";
8
- import { ComponentsProvider as A } from "../context/components-context.js";
9
- import { cn as l } from "../utils/cn.js";
10
- /* empty css */
11
- import { ZonePivotProvider as D } from "./content-components/zone-pivots/zone-pivot-context.js";
12
- import { ZonePivotSelector as E } from "./content-components/zone-pivots/zone-pivot-selector.js";
13
- function B({
14
- payload: i,
15
- toc: n,
16
- navTree: a,
17
- dropdown: h,
18
- activeHref: f,
19
- theme: x,
20
- className: p = "",
21
- pathname: o,
22
- markdownContent: g,
23
- allPages: v,
24
- baseUrl: w,
25
- bottomLinks: k,
26
- LinkComponent: u
27
- }) {
28
- var c, d;
29
- const N = i.serializedContent, e = ((c = i.mdxExtracts) == null ? void 0 : c.zonePivotGroups) || [], r = (d = i.mdxExtracts) == null ? void 0 : d.pivotTocItems, s = !i.title;
30
- return /* @__PURE__ */ t(A, { LinkComponent: u, children: /* @__PURE__ */ t("div", { className: l(x === "dark" && "mint:dark", p), children: /* @__PURE__ */ m(
31
- "div",
32
- {
33
- id: "page-container",
34
- className: "mint:pr-2 mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f]",
35
- children: [
36
- a && /* @__PURE__ */ t(
37
- "aside",
38
- {
39
- className: "mint:fixed mint:z-10 mint:left-0 mint:top-14 mint:bottom-0 mint:w-66 mint:overflow-hidden mint:max-lg:hidden mint:lg:block",
40
- "aria-label": "Sidebar navigation",
41
- children: /* @__PURE__ */ t("div", { className: "mint:p-4 mint:h-full mint:flex mint:flex-col", children: /* @__PURE__ */ t(
42
- C,
43
- {
44
- navTree: a,
45
- dropdown: h,
46
- activeHref: f,
47
- bottomLinks: k
48
- }
49
- ) })
50
- }
51
- ),
52
- /* @__PURE__ */ t("div", { className: "mint:flex mint:rounded-2xl mint:h-[calc(100vh-4.5rem)]", children: /* @__PURE__ */ t(
53
- "div",
54
- {
55
- id: "main-content",
56
- className: l(
57
- "mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-2xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:ml-[16.5rem] 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",
58
- s && "!mint:pt-0"
59
- ),
60
- children: /* @__PURE__ */ t(D, { groups: e, children: /* @__PURE__ */ m("div", { className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full", children: [
61
- n && n.length > 0 && /* @__PURE__ */ t("aside", { className: "mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ m("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: [
62
- /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
63
- /* @__PURE__ */ t(z, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]" }),
64
- /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: "On this page" })
65
- ] }),
66
- r && Object.keys(r).length > 0 ? /* @__PURE__ */ t(
67
- j,
68
- {
69
- baseToc: n,
70
- pivotTocItems: r
71
- }
72
- ) : /* @__PURE__ */ t(T, { toc: n })
73
- ] }) }),
74
- /* @__PURE__ */ m(
75
- "div",
76
- {
77
- className: l(
78
- "mint:w-full mint:overflow-x-visible mint:max-w-2xl",
79
- s && "!mint:max-w-none"
80
- ),
81
- children: [
82
- i.title && /* @__PURE__ */ t("header", { className: "mint:mb-8", children: /* @__PURE__ */ m("div", { className: "mint:mb-4", children: [
83
- /* @__PURE__ */ m("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: [
84
- /* @__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 }),
85
- o && /* @__PURE__ */ t(
86
- O,
87
- {
88
- className: "mint:ml-auto mint:max-sm:ml-0",
89
- pathname: o,
90
- markdownContent: g,
91
- allPages: v,
92
- baseUrl: w
93
- }
94
- )
95
- ] }),
96
- i.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db]", children: i.description })
97
- ] }) }),
98
- e.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: e.map((b) => /* @__PURE__ */ t(
99
- E,
100
- {
101
- group: b,
102
- className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
103
- },
104
- b.id
105
- )) }),
106
- /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(N, {}) }) })
107
- ]
108
- }
109
- )
110
- ] }) })
111
- }
112
- ) })
113
- ]
114
- }
115
- ) }) });
116
- }
117
- export {
118
- B as DocsPage
119
- };
120
- //# sourceMappingURL=page.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"page.js","sources":["../../src/components/page.tsx"],"sourcesContent":["import { MDXRenderer } from \"./mdx-renderer\";\nimport { NavTree } from \"./nav-tree\";\nimport type { DocsPageProps } 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 } from \"./page-context-menu\";\nimport { ComponentsProvider } from \"../context/components-context\";\nimport { cn } from \"../utils/cn\";\nimport \"../styles.css\";\n\nexport function DocsPage({\n payload,\n toc,\n navTree,\n dropdown,\n activeHref,\n theme,\n className = \"\",\n pathname,\n markdownContent,\n allPages,\n baseUrl,\n bottomLinks,\n LinkComponent,\n}: DocsPageProps) {\n const Content = payload.serializedContent;\n const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n\n // Check if we should use full width (no title means likely a custom component like Home)\n const isFullWidth = !payload.title;\n\n return (\n <ComponentsProvider LinkComponent={LinkComponent}>\n <div className={cn(theme === \"dark\" && \"mint:dark\", className)}>\n <div\n id=\"page-container\"\n className=\"mint:pr-2 mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f]\"\n >\n {navTree && (\n <aside\n className=\"mint:fixed mint:z-10 mint:left-0 mint:top-14 mint:bottom-0 mint:w-66 mint:overflow-hidden mint:max-lg:hidden mint:lg:block\"\n aria-label=\"Sidebar navigation\"\n >\n <div className=\"mint:p-4 mint:h-full mint:flex mint:flex-col\">\n <NavTree\n navTree={navTree}\n dropdown={dropdown}\n activeHref={activeHref}\n bottomLinks={bottomLinks}\n />\n </div>\n </aside>\n )}\n\n <div className=\"mint:flex mint:rounded-2xl mint:h-[calc(100vh-4.5rem)]\">\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-2xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:ml-[16.5rem] 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 isFullWidth && \"!mint:pt-0\"\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 On this page\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-2xl\",\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 />\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"],"names":["DocsPage","payload","toc","navTree","dropdown","activeHref","theme","className","pathname","markdownContent","allPages","baseUrl","bottomLinks","LinkComponent","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","jsx","ComponentsProvider","cn","jsxs","NavTree","ZonePivotProvider","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}