@mintlify/msft-sdk 0.1.0

package/dist/components/nav-tree/dropdown-menu.js.map

@@ -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 styles from \"./dropdown-menu.module.css\";\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 Icon = dropdown.icon || DocumentRegular;\n\n  return (\n    <div className={`${styles.container} ${className}`}>\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        aria-expanded={isExpanded}\n        aria-label={`${isExpanded ? \"Collapse\" : \"Expand\"} ${\n          dropdown.title\n        } dropdown`}\n        className={`${styles.button} ${isActive ? styles.buttonActive : \"\"}`}\n      >\n        <div className={styles.buttonContent}>\n          <div className={styles.iconContainer}>\n            <div className={styles.iconWrapper}>\n              <Icon className={styles.icon} />\n            </div>\n          </div>\n\n          <div className={styles.textContainer}>\n            <div className={styles.title}>{dropdown.title}</div>\n            <div className={styles.description}>{dropdown.description}</div>\n          </div>\n\n          <div className={styles.chevronContainer}>\n            <svg\n              className={`${styles.chevron} ${\n                isExpanded ? styles.chevronExpanded : styles.chevronCollapsed\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={styles.dropdownContainer}>\n          <div className={styles.dropdown}>\n            <div className={styles.dropdownList}>\n              {dropdown.items.map((item, index) => (\n                <a\n                  key={`${item.href}-${index}`}\n                  href={item.href}\n                  className={styles.dropdownItem}\n                >\n                  <div className={styles.dropdownItemContent}>\n                    {item.icon && (\n                      <div className={styles.dropdownItemIconWrapper}>\n                        <item.icon className={styles.dropdownItemIcon} />\n                      </div>\n                    )}\n                    <span className={styles.dropdownItemTitle}>\n                      {item.title}\n                    </span>\n                  </div>\n                  {item.href && activeHref === item.href && (\n                    <CheckmarkFilled className={styles.checkmark} />\n                  )}\n                </a>\n              ))}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["DropdownMenu","dropdown","isActive","activeHref","className","isExpanded","setIsExpanded","useState","Icon","DocumentRegular","jsxs","styles","jsx","item","index","CheckmarkFilled"],"mappings":";;;;AA6BO,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,GAC5CC,IAAOP,EAAS,QAAQQ;AAE9B,SACE,gBAAAC,EAAC,SAAI,WAAW,GAAGC,EAAO,SAAS,IAAIP,CAAS,IAC9C,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMN,EAAc,CAACD,CAAU;AAAA,QACxC,iBAAeA;AAAA,QACf,cAAY,GAAGA,IAAa,aAAa,QAAQ,IAC/CJ,EAAS,KACX;AAAA,QACA,WAAW,GAAGU,EAAO,MAAM,IAAIT,IAAWS,EAAO,eAAe,EAAE;AAAA,QAElE,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,eACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,aACrB,4BAACH,GAAA,EAAK,WAAWG,EAAO,KAAA,CAAM,GAChC,GACF;AAAA,UAEA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,OAAQ,YAAS,OAAM;AAAA,8BAC7C,OAAA,EAAI,WAAWA,EAAO,aAAc,YAAS,YAAA,CAAY;AAAA,UAAA,GAC5D;AAAA,UAEA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,kBACrB,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAGD,EAAO,OAAO,IAC1BN,IAAaM,EAAO,kBAAkBA,EAAO,gBAC/C;AAAA,cACA,MAAK;AAAA,cACL,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,eAAY;AAAA,cAEZ,UAAA,gBAAAC;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,IAGDP,KAAcJ,EAAS,SAASA,EAAS,MAAM,SAAS,KACvD,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,UACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,cACpB,UAAAV,EAAS,MAAM,IAAI,CAACY,GAAMC,MACzB,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAMG,EAAK;AAAA,QACX,WAAWF,EAAO;AAAA,QAElB,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,qBACpB,UAAA;AAAA,YAAAE,EAAK,QACJ,gBAAAD,EAAC,OAAA,EAAI,WAAWD,EAAO,yBACrB,UAAA,gBAAAC,EAACC,EAAK,MAAL,EAAU,WAAWF,EAAO,kBAAkB,GACjD;AAAA,8BAED,QAAA,EAAK,WAAWA,EAAO,mBACrB,YAAK,MAAA,CACR;AAAA,UAAA,GACF;AAAA,UACCE,EAAK,QAAQV,MAAeU,EAAK,QAChC,gBAAAD,EAACG,GAAA,EAAgB,WAAWJ,EAAO,UAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAf3C,GAAGE,EAAK,IAAI,IAAIC,CAAK;AAAA,IAAA,CAkB7B,EAAA,CACH,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/nav-tree/dropdown-menu.module.css.js

@@ -0,0 +1,52 @@
+const o = "_container_1hsqx_1", n = "_button_1hsqx_11", t = "_buttonActive_1hsqx_40", e = "_buttonContent_1hsqx_45", r = "_iconContainer_1hsqx_51", _ = "_iconWrapper_1hsqx_55", c = "_icon_1hsqx_51", d = "_textContainer_1hsqx_81", s = "_title_1hsqx_87", p = "_description_1hsqx_97", i = "_chevronContainer_1hsqx_110", h = "_chevron_1hsqx_110", a = "_chevronExpanded_1hsqx_125", x = "_chevronCollapsed_1hsqx_129", w = "_dropdownContainer_1hsqx_133", q = "_dropdown_1hsqx_133", C = "_dropdownList_1hsqx_158", I = "_dropdownItem_1hsqx_164", m = "_dropdownItemContent_1hsqx_195", v = "_dropdownItemIconWrapper_1hsqx_201", l = "_dropdownItemIcon_1hsqx_201", u = "_dropdownItemTitle_1hsqx_227", b = "_checkmark_1hsqx_231", k = {
+  container: o,
+  button: n,
+  buttonActive: t,
+  buttonContent: e,
+  iconContainer: r,
+  iconWrapper: _,
+  icon: c,
+  textContainer: d,
+  title: s,
+  description: p,
+  chevronContainer: i,
+  chevron: h,
+  chevronExpanded: a,
+  chevronCollapsed: x,
+  dropdownContainer: w,
+  dropdown: q,
+  dropdownList: C,
+  dropdownItem: I,
+  dropdownItemContent: m,
+  dropdownItemIconWrapper: v,
+  dropdownItemIcon: l,
+  dropdownItemTitle: u,
+  checkmark: b
+};
+export {
+  n as button,
+  t as buttonActive,
+  e as buttonContent,
+  b as checkmark,
+  h as chevron,
+  x as chevronCollapsed,
+  i as chevronContainer,
+  a as chevronExpanded,
+  o as container,
+  k as default,
+  p as description,
+  q as dropdown,
+  w as dropdownContainer,
+  I as dropdownItem,
+  m as dropdownItemContent,
+  l as dropdownItemIcon,
+  v as dropdownItemIconWrapper,
+  u as dropdownItemTitle,
+  C as dropdownList,
+  c as icon,
+  r as iconContainer,
+  _ as iconWrapper,
+  d as textContainer,
+  s as title
+};
+//# sourceMappingURL=dropdown-menu.module.css.js.map

package/dist/components/nav-tree/dropdown-menu.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,126 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { useState as $ } from "react";
+import { DropdownMenu as N } from "./dropdown-menu.js";
+import r from "./nav-tree.module.css.js";
+/* empty css               */
+function p({ item: e, activeId: c, level: a = 0 }) {
+  const d = a === 0 ? !0 : e.expanded ?? !1, [l, u] = $(d), o = e.children && e.children.length > 0, h = o && !e.href, f = e.href && c === e.href, m = e.icon;
+  return h && a === 0 ? /* @__PURE__ */ i("div", { className: r.group, role: "group", "aria-label": e.toc_title, children: [
+    /* @__PURE__ */ i("div", { className: r.groupHeader, children: [
+      m && /* @__PURE__ */ n(m, { className: r.groupIcon, "aria-hidden": "true" }),
+      /* @__PURE__ */ n("span", { children: e.toc_title })
+    ] }),
+    o && e.children && /* @__PURE__ */ n("ul", { className: r.list, role: "list", children: e.children.map((s, t) => /* @__PURE__ */ n(
+      p,
+      {
+        item: s,
+        activeId: c,
+        level: a + 1
+      },
+      `${s.href}-${t}`
+    )) })
+  ] }) : h && a > 0 ? /* @__PURE__ */ i("li", { className: r.listItem, children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        onClick: () => u(!l),
+        "aria-expanded": l,
+        "aria-label": `${l ? "Collapse" : "Expand"} ${e.toc_title} section`,
+        className: r.expandButton,
+        children: [
+          /* @__PURE__ */ n("div", { className: r.hoverIndicator }),
+          /* @__PURE__ */ n("span", { children: e.toc_title }),
+          /* @__PURE__ */ n(
+            "svg",
+            {
+              className: `${r.chevron} ${l ? r.chevronExpanded : r.chevronCollapsed}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ n(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M9 5l7 7-7 7"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    o && l && e.children && /* @__PURE__ */ n("ul", { className: r.nestedList, role: "group", children: e.children.map((s, t) => /* @__PURE__ */ n(
+      p,
+      {
+        item: s,
+        activeId: c,
+        level: a + 1
+      },
+      `${s.href}-${t}`
+    )) })
+  ] }) : /* @__PURE__ */ i("li", { className: r.listItem, children: [
+    /* @__PURE__ */ i(
+      "a",
+      {
+        href: e.href,
+        "aria-current": f ? "page" : void 0,
+        className: `${r.link} ${f ? r.linkActive : ""}`,
+        children: [
+          /* @__PURE__ */ n("div", { className: r.hoverIndicator }),
+          e.toc_title
+        ]
+      }
+    ),
+    o && l && e.children && /* @__PURE__ */ n("ul", { className: r.nestedList, role: "group", children: e.children.map((s, t) => /* @__PURE__ */ n(
+      p,
+      {
+        item: s,
+        activeId: c,
+        level: a + 1
+      },
+      `${s.href}-${t}`
+    )) })
+  ] });
+}
+function E({
+  navTree: e,
+  activeId: c,
+  className: a = "",
+  dropdown: d,
+  activeHref: l,
+  theme: u
+}) {
+  return !e || e.items.length === 0 ? null : /* @__PURE__ */ i(
+    "nav",
+    {
+      className: `${r.nav} ${a} ${u === "dark" ? "dark" : ""}`,
+      "aria-label": "Documentation navigation",
+      children: [
+        d && /* @__PURE__ */ n(
+          N,
+          {
+            dropdown: d,
+            activeHref: l,
+            className: r.group
+          }
+        ),
+        e.items.map((o, h) => /* @__PURE__ */ n(
+          p,
+          {
+            item: o,
+            activeId: c
+          },
+          `${o.href}-${h}`
+        ))
+      ]
+    }
+  );
+}
+export {
+  N as DropdownMenu,
+  E as NavTree
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/nav-tree/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { NavItem, NavTreeData } from \"../../types\";\nimport { DropdownConfig, DropdownMenu } from \"./dropdown-menu\";\nimport styles from \"./nav-tree.module.css\";\nexport { DropdownMenu } from \"./dropdown-menu\";\nexport type { DropdownConfig, DropdownItem } from \"./dropdown-menu\";\nexport { MobileNavTree } from \"./mobile-nav\";\nexport type { MobileNavTreeProps } from \"./mobile-nav\";\nimport \"../../styles.css\";\n\ninterface NavTreeProps {\n  navTree: NavTreeData;\n  activeId?: string;\n  className?: string;\n  dropdown?: DropdownConfig;\n  activeHref?: string;\n  theme?: \"light\" | \"dark\" | \"system\";\n}\n\ninterface TreeItemProps {\n  item: NavItem;\n  activeId?: string;\n  level?: number;\n}\n\nfunction TreeItemComponent({ item, activeId, level = 0 }: TreeItemProps) {\n  const defaultExpanded = level === 0 ? true : item.expanded ?? false;\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n  const hasChildren = item.children && item.children.length > 0;\n  const isGroup = hasChildren && !item.href;\n  const isActive = item.href && activeId === item.href;\n  const Icon = item.icon;\n\n  if (isGroup && level === 0) {\n    return (\n      <div className={styles.group} role=\"group\" aria-label={item.toc_title}>\n        <div className={styles.groupHeader}>\n          {Icon && <Icon className={styles.groupIcon} aria-hidden=\"true\" />}\n          <span>{item.toc_title}</span>\n        </div>\n        {hasChildren && item.children && (\n          <ul className={styles.list} role=\"list\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n              />\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  }\n\n  if (isGroup && level > 0) {\n    return (\n      <li className={styles.listItem}>\n        <button\n          onClick={() => setIsExpanded(!isExpanded)}\n          aria-expanded={isExpanded}\n          aria-label={`${isExpanded ? \"Collapse\" : \"Expand\"} ${\n            item.toc_title\n          } section`}\n          className={styles.expandButton}\n        >\n          <div className={styles.hoverIndicator} />\n          <span>{item.toc_title}</span>\n          <svg\n            className={`${styles.chevron} ${\n              isExpanded ? styles.chevronExpanded : styles.chevronCollapsed\n            }`}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M9 5l7 7-7 7\"\n            />\n          </svg>\n        </button>\n        {hasChildren && isExpanded && item.children && (\n          <ul className={styles.nestedList} role=\"group\">\n            {item.children.map((child, index) => (\n              <TreeItemComponent\n                key={`${child.href}-${index}`}\n                item={child}\n                activeId={activeId}\n                level={level + 1}\n              />\n            ))}\n          </ul>\n        )}\n      </li>\n    );\n  }\n\n  return (\n    <li className={styles.listItem}>\n      <a\n        href={item.href}\n        aria-current={isActive ? \"page\" : undefined}\n        className={`${styles.link} ${isActive ? styles.linkActive : \"\"}`}\n      >\n        <div className={styles.hoverIndicator} />\n        {item.toc_title}\n      </a>\n      {hasChildren && isExpanded && item.children && (\n        <ul className={styles.nestedList} role=\"group\">\n          {item.children.map((child, index) => (\n            <TreeItemComponent\n              key={`${child.href}-${index}`}\n              item={child}\n              activeId={activeId}\n              level={level + 1}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n}\n\nexport function NavTree({\n  navTree,\n  activeId,\n  className = \"\",\n  dropdown,\n  activeHref,\n  theme,\n}: NavTreeProps) {\n  if (!navTree || navTree.items.length === 0) {\n    return null;\n  }\n\n  return (\n    <nav\n      className={`${styles.nav} ${className} ${theme === \"dark\" ? \"dark\" : \"\"}`}\n      aria-label=\"Documentation navigation\"\n    >\n      {dropdown && (\n        <DropdownMenu\n          dropdown={dropdown}\n          activeHref={activeHref}\n          className={styles.group}\n        />\n      )}\n      {navTree.items.map((item, index) => (\n        <TreeItemComponent\n          key={`${item.href}-${index}`}\n          item={item}\n          activeId={activeId}\n        />\n      ))}\n    </nav>\n  );\n}\n"],"names":["TreeItemComponent","item","activeId","level","defaultExpanded","isExpanded","setIsExpanded","useState","hasChildren","isGroup","isActive","Icon","jsxs","styles","jsx","child","index","NavTree","navTree","className","dropdown","activeHref","theme","DropdownMenu"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { Dialog as d, DialogBackdrop as p, DialogPanel as u } from "@headlessui/react";
+import { NavTree as N } from "./index.js";
+import { Dismiss16Regular as f } from "@fluentui/react-icons";
+import o from "./mobile-nav.module.css.js";
+/* empty css               */
+function x({
+  isOpen: e,
+  setIsOpen: l,
+  navTree: n,
+  activeId: i,
+  className: t = "",
+  theme: s,
+  dropdown: c,
+  activeHref: m
+}) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      open: e,
+      onClose: () => l(!1),
+      className: `${o.dialog} ${s === "dark" ? "dark" : ""}`,
+      children: [
+        /* @__PURE__ */ a(p, { transition: !0, className: o.backdrop }),
+        /* @__PURE__ */ r("div", { className: o.container, children: [
+          e && /* @__PURE__ */ a(g, { setIsOpen: l }),
+          /* @__PURE__ */ a(u, { id: "mobile-nav", transition: !0, className: o.panel, children: /* @__PURE__ */ a("div", { className: o.content, children: /* @__PURE__ */ a(
+            N,
+            {
+              navTree: n,
+              activeId: i,
+              className: t,
+              dropdown: c,
+              activeHref: m,
+              theme: s
+            }
+          ) }) })
+        ] })
+      ]
+    }
+  );
+}
+const g = ({
+  setIsOpen: e
+}) => /* @__PURE__ */ r(
+  "button",
+  {
+    type: "button",
+    onClick: () => e(!1),
+    className: o.closeButton,
+    children: [
+      /* @__PURE__ */ a("span", { className: o.srOnly, children: "Close navigation" }),
+      /* @__PURE__ */ a(f, { className: o.closeIcon })
+    ]
+  }
+);
+export {
+  x as MobileNavTree
+};
+//# sourceMappingURL=mobile-nav.js.map

package/dist/components/nav-tree/mobile-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-nav.js","sources":["../../../src/components/nav-tree/mobile-nav.tsx"],"sourcesContent":["import { NavTreeData } from \"../../types\";\nimport { Dialog, DialogBackdrop, DialogPanel } from \"@headlessui/react\";\nimport { DropdownConfig, NavTree } from \"./index\";\nimport { Dismiss16Regular } from \"@fluentui/react-icons\";\nimport styles from \"./mobile-nav.module.css\";\nimport \"../../styles.css\";\n\nexport interface MobileNavTreeProps {\n  isOpen: boolean;\n  setIsOpen: (isOpen: boolean) => void;\n  navTree: NavTreeData;\n  activeId?: string;\n  className?: string;\n  theme?: \"light\" | \"dark\" | \"system\";\n  dropdown?: DropdownConfig;\n  activeHref?: string;\n}\n\nexport function MobileNavTree({\n  isOpen,\n  setIsOpen,\n  navTree,\n  activeId,\n  className = \"\",\n  theme,\n  dropdown,\n  activeHref,\n}: MobileNavTreeProps) {\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={() => setIsOpen(false)}\n      className={`${styles.dialog} ${theme === \"dark\" ? \"dark\" : \"\"}`}\n    >\n      <DialogBackdrop transition className={styles.backdrop} />\n      <div className={styles.container}>\n        {isOpen && <CloseButton setIsOpen={setIsOpen} />}\n        <DialogPanel id=\"mobile-nav\" transition className={styles.panel}>\n          <div className={styles.content}>\n            <NavTree\n              navTree={navTree}\n              activeId={activeId}\n              className={className}\n              dropdown={dropdown}\n              activeHref={activeHref}\n              theme={theme}\n            />\n          </div>\n        </DialogPanel>\n      </div>\n    </Dialog>\n  );\n}\n\nconst CloseButton = ({\n  setIsOpen,\n}: {\n  setIsOpen: (isOpen: boolean) => void;\n}) => {\n  return (\n    <button\n      type=\"button\"\n      onClick={() => setIsOpen(false)}\n      className={styles.closeButton}\n    >\n      <span className={styles.srOnly}>Close navigation</span>\n      <Dismiss16Regular className={styles.closeIcon} />\n    </button>\n  );\n};\n"],"names":["MobileNavTree","isOpen","setIsOpen","navTree","activeId","className","theme","dropdown","activeHref","jsxs","Dialog","styles","jsx","DialogBackdrop","CloseButton","DialogPanel","NavTree","Dismiss16Regular"],"mappings":";;;;;;AAkBO,SAASA,EAAc;AAAA,EAC5B,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAuB;AACrB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMT;AAAA,MACN,SAAS,MAAMC,EAAU,EAAK;AAAA,MAC9B,WAAW,GAAGS,EAAO,MAAM,IAAIL,MAAU,SAAS,SAAS,EAAE;AAAA,MAE7D,UAAA;AAAA,QAAA,gBAAAM,EAACC,GAAA,EAAe,YAAU,IAAC,WAAWF,EAAO,UAAU;AAAA,QACvD,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,WACpB,UAAA;AAAA,UAAAV,KAAU,gBAAAW,EAACE,KAAY,WAAAZ,EAAA,CAAsB;AAAA,UAC9C,gBAAAU,EAACG,GAAA,EAAY,IAAG,cAAa,YAAU,IAAC,WAAWJ,EAAO,OACxD,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAA,gBAAAC;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAAb;AAAA,cACA,UAAAC;AAAA,cACA,WAAAC;AAAA,cACA,UAAAE;AAAA,cACA,YAAAC;AAAA,cACA,OAAAF;AAAA,YAAA;AAAA,UAAA,GAEJ,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAMQ,IAAc,CAAC;AAAA,EACnB,WAAAZ;AACF,MAII,gBAAAO;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS,MAAMP,EAAU,EAAK;AAAA,IAC9B,WAAWS,EAAO;AAAA,IAElB,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,QAAQ,UAAA,oBAAgB;AAAA,MAChD,gBAAAC,EAACK,GAAA,EAAiB,WAAWN,EAAO,UAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components/nav-tree/mobile-nav.module.css.js

@@ -0,0 +1,22 @@
+const o = "_dialog_1y5d2_1", n = "_backdrop_1y5d2_14", c = "_container_1y5d2_30", t = "_panel_1y5d2_36", _ = "_content_1y5d2_56", s = "_closeButton_1y5d2_67", e = "_closeIcon_1y5d2_86", l = "_srOnly_1y5d2_104", d = {
+  dialog: o,
+  backdrop: n,
+  container: c,
+  panel: t,
+  content: _,
+  closeButton: s,
+  closeIcon: e,
+  srOnly: l
+};
+export {
+  n as backdrop,
+  s as closeButton,
+  e as closeIcon,
+  c as container,
+  _ as content,
+  d as default,
+  o as dialog,
+  t as panel,
+  l as srOnly
+};
+//# sourceMappingURL=mobile-nav.module.css.js.map

package/dist/components/nav-tree/mobile-nav.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-nav.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/nav-tree/nav-tree.module.css.js

@@ -0,0 +1,34 @@
+const n = "_nav_2wanx_1", o = "_group_2wanx_7", t = "_groupHeader_2wanx_11", e = "_groupIcon_2wanx_25", _ = "_list_2wanx_30", a = "_listItem_2wanx_36", c = "_expandButton_2wanx_40", s = "_hoverIndicator_2wanx_76", r = "_chevron_2wanx_97", d = "_chevronExpanded_2wanx_108", i = "_chevronCollapsed_2wanx_112", x = "_link_2wanx_116", l = "_linkActive_2wanx_146", p = "_nestedList_2wanx_156", v = {
+  nav: n,
+  group: o,
+  groupHeader: t,
+  groupIcon: e,
+  list: _,
+  listItem: a,
+  expandButton: c,
+  hoverIndicator: s,
+  chevron: r,
+  chevronExpanded: d,
+  chevronCollapsed: i,
+  link: x,
+  linkActive: l,
+  nestedList: p
+};
+export {
+  r as chevron,
+  i as chevronCollapsed,
+  d as chevronExpanded,
+  v as default,
+  c as expandButton,
+  o as group,
+  t as groupHeader,
+  e as groupIcon,
+  s as hoverIndicator,
+  x as link,
+  l as linkActive,
+  _ as list,
+  a as listItem,
+  n as nav,
+  p as nestedList
+};
+//# sourceMappingURL=nav-tree.module.css.js.map

package/dist/components/nav-tree/nav-tree.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-tree.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/components/page-context-menu.js

@@ -0,0 +1,123 @@
+import { jsxs as n, jsx as i, Fragment as g } from "react/jsx-runtime";
+import { useState as v, useRef as C, useEffect as N } from "react";
+import { CopyRegular as I, MarkdownRegular as R, ChevronDownRegular as T, ArrowUpRightRegular as k } from "@fluentui/react-icons";
+import { copyMarkdownToClipboard as y } from "../hooks/useMarkdownCopy.js";
+import e from "./page-context-menu.module.css.js";
+const j = ({
+  className: b,
+  pathname: l,
+  markdownContent: u,
+  onCopyMarkdown: s,
+  onViewMarkdown: f
+}) => {
+  const [o, d] = v(!1), [r, w] = v(!1), m = C(null);
+  N(() => {
+    if (r) {
+      const t = setTimeout(() => {
+        w(!1);
+      }, 2e3);
+      return () => clearTimeout(t);
+    }
+  }, [r]), N(() => {
+    const t = (p) => {
+      m.current && !m.current.contains(p.target) && d(!1);
+    };
+    return o && document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
+    };
+  }, [o]);
+  const x = async () => {
+    w(!0);
+    try {
+      if (u) {
+        const t = new ClipboardItem({
+          "text/plain": new Blob([u], { type: "text/plain" })
+        });
+        await navigator.clipboard.write([t]), s == null || s();
+      } else
+        y({
+          pathname: l,
+          onSuccess: () => {
+            s == null || s();
+          }
+        });
+    } catch (t) {
+      console.error("Failed to copy markdown:", t);
+    }
+  }, $ = () => {
+    f ? f(l) : window.open(`${l}.md`, "_blank");
+  }, h = (t) => () => {
+    d(!1), t();
+  }, c = [
+    {
+      id: "copy",
+      title: "Copy Page",
+      description: "Copy page as markdown",
+      icon: I,
+      action: h(x)
+    },
+    {
+      id: "view",
+      title: "View as Markdown",
+      description: "View page as markdown",
+      icon: R,
+      action: h($),
+      externalLink: !0
+    }
+  ], a = c[0];
+  return /* @__PURE__ */ n("div", { className: `${e.container} ${b || ""}`, ref: m, children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        className: `${e.mainButton} ${c.length > 1 ? e.split : ""} ${r ? e.copied : ""}`,
+        onClick: () => {
+          a.action();
+        },
+        children: /* @__PURE__ */ i("div", { className: e.buttonContent, children: a.id === "copy" ? /* @__PURE__ */ n(g, { children: [
+          /* @__PURE__ */ i(I, { className: e.icon }),
+          /* @__PURE__ */ i("span", { children: r ? "Copied" : "Copy Page" })
+        ] }) : /* @__PURE__ */ n(g, { children: [
+          /* @__PURE__ */ i(a.icon, { className: e.icon }),
+          /* @__PURE__ */ i("span", { children: a.title })
+        ] }) })
+      }
+    ),
+    c.length > 1 && /* @__PURE__ */ n("div", { className: e.dropdownWrapper, children: [
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: e.dropdownToggle,
+          onClick: () => d(!o),
+          children: /* @__PURE__ */ i(
+            T,
+            {
+              className: `${e.chevron} ${o ? e.open : ""}`
+            }
+          )
+        }
+      ),
+      o && /* @__PURE__ */ i("div", { className: e.dropdown, children: c.map((t, p) => /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: t.action,
+          className: e.dropdownItem,
+          children: [
+            /* @__PURE__ */ i("div", { className: e.dropdownIconWrapper, children: /* @__PURE__ */ i(t.icon, { className: e.dropdownIcon }) }),
+            /* @__PURE__ */ n("div", { className: e.dropdownItemContent, children: [
+              /* @__PURE__ */ n("div", { className: e.dropdownItemTitle, children: [
+                t.title,
+                t.externalLink && /* @__PURE__ */ i(k, { className: e.externalIcon })
+              ] }),
+              /* @__PURE__ */ i("div", { className: e.dropdownItemDescription, children: t.description })
+            ] })
+          ]
+        },
+        t.id + p
+      )) })
+    ] })
+  ] });
+};
+export {
+  j as PageContextMenu
+};
+//# sourceMappingURL=page-context-menu.js.map

package/dist/components/page-context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-context-menu.js","sources":["../../src/components/page-context-menu.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport {\n  CopyRegular,\n  MarkdownRegular,\n  ChevronDownRegular,\n  ArrowUpRightRegular,\n} from \"@fluentui/react-icons\";\nimport { copyMarkdownToClipboard } from \"../hooks/useMarkdownCopy\";\nimport styles from \"./page-context-menu.module.css\";\n\ntype ContextualOption = {\n  id: string;\n  title: string;\n  description: string;\n  icon: React.ElementType;\n  action: () => void;\n  externalLink?: boolean;\n};\n\nexport interface PageContextMenuProps {\n  className?: string;\n  pathname: string;\n  markdownContent?: string;\n  onCopyMarkdown?: () => void;\n  onViewMarkdown?: (pathname: string) => void;\n}\n\nexport const PageContextMenu = ({\n  className,\n  pathname,\n  markdownContent,\n  onCopyMarkdown,\n  onViewMarkdown,\n}: PageContextMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [isCopied, setIsCopied] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isCopied) {\n      const timeout = setTimeout(() => {\n        setIsCopied(false);\n      }, 2000);\n      return () => clearTimeout(timeout);\n    }\n  }, [isCopied]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isOpen]);\n\n  const copyPageAsMarkdown = async () => {\n    setIsCopied(true);\n    try {\n      if (markdownContent) {\n        const clipboardItem = new ClipboardItem({\n          \"text/plain\": new Blob([markdownContent], { type: \"text/plain\" }),\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        onCopyMarkdown?.();\n      } else {\n        copyMarkdownToClipboard({\n          pathname,\n          onSuccess: () => {\n            onCopyMarkdown?.();\n          },\n        });\n      }\n    } catch (error) {\n      console.error(\"Failed to copy markdown:\", error);\n    }\n  };\n\n  const viewAsMarkdown = () => {\n    if (onViewMarkdown) {\n      onViewMarkdown(pathname);\n    } else {\n      window.open(`${pathname}.md`, \"_blank\");\n    }\n  };\n\n  const wrapAction = (actionFn: () => void) => {\n    return () => {\n      setIsOpen(false);\n      actionFn();\n    };\n  };\n\n  const options: ContextualOption[] = [\n    {\n      id: \"copy\",\n      title: \"Copy Page\",\n      description: \"Copy page as markdown\",\n      icon: CopyRegular,\n      action: wrapAction(copyPageAsMarkdown),\n    },\n    {\n      id: \"view\",\n      title: \"View as Markdown\",\n      description: \"View page as markdown\",\n      icon: MarkdownRegular,\n      action: wrapAction(viewAsMarkdown),\n      externalLink: true,\n    },\n  ];\n\n  const firstOption = options[0];\n\n  return (\n    <div className={`${styles.container} ${className || \"\"}`} ref={dropdownRef}>\n      <button\n        className={`${styles.mainButton} ${\n          options.length > 1 ? styles.split : \"\"\n        } ${isCopied ? styles.copied : \"\"}`}\n        onClick={() => {\n          void firstOption.action();\n        }}\n      >\n        <div className={styles.buttonContent}>\n          {firstOption.id === \"copy\" ? (\n            <>\n              <CopyRegular className={styles.icon} />\n              <span>{isCopied ? \"Copied\" : \"Copy Page\"}</span>\n            </>\n          ) : (\n            <>\n              <firstOption.icon className={styles.icon} />\n              <span>{firstOption.title}</span>\n            </>\n          )}\n        </div>\n      </button>\n\n      {options.length > 1 && (\n        <div className={styles.dropdownWrapper}>\n          <button\n            className={styles.dropdownToggle}\n            onClick={() => setIsOpen(!isOpen)}\n          >\n            <ChevronDownRegular\n              className={`${styles.chevron} ${isOpen ? styles.open : \"\"}`}\n            />\n          </button>\n\n          {isOpen && (\n            <div className={styles.dropdown}>\n              {options.map((option, index) => (\n                <button\n                  key={option.id + index}\n                  onClick={option.action}\n                  className={styles.dropdownItem}\n                >\n                  <div className={styles.dropdownIconWrapper}>\n                    <option.icon className={styles.dropdownIcon} />\n                  </div>\n                  <div className={styles.dropdownItemContent}>\n                    <div className={styles.dropdownItemTitle}>\n                      {option.title}\n                      {option.externalLink && (\n                        <ArrowUpRightRegular className={styles.externalIcon} />\n                      )}\n                    </div>\n                    <div className={styles.dropdownItemDescription}>\n                      {option.description}\n                    </div>\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["PageContextMenu","className","pathname","markdownContent","onCopyMarkdown","onViewMarkdown","isOpen","setIsOpen","useState","isCopied","setIsCopied","dropdownRef","useRef","useEffect","timeout","handleClickOutside","event","copyPageAsMarkdown","clipboardItem","copyMarkdownToClipboard","error","viewAsMarkdown","wrapAction","actionFn","options","CopyRegular","MarkdownRegular","firstOption","jsxs","styles","jsx","Fragment","ChevronDownRegular","option","index","ArrowUpRightRegular"],"mappings":"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"}

package/dist/components/page-context-menu.module.css.js

@@ -0,0 +1,42 @@
+const o = "_container_19j54_1", n = "_mainButton_19j54_7", t = "_split_19j54_35", d = "_copied_19j54_41", e = "_buttonContent_19j54_49", _ = "_icon_19j54_62", p = "_dropdownToggle_19j54_72", r = "_chevron_19j54_97", c = "_open_19j54_103", s = "_dropdownWrapper_19j54_107", w = "_dropdown_19j54_72", i = "_dropdownItem_19j54_133", I = "_dropdownIconWrapper_19j54_154", j = "_dropdownIcon_19j54_154", a = "_dropdownItemContent_19j54_175", m = "_dropdownItemTitle_19j54_183", l = "_externalIcon_19j54_196", u = "_dropdownItemDescription_19j54_207", g = {
+  container: o,
+  mainButton: n,
+  split: t,
+  copied: d,
+  buttonContent: e,
+  icon: _,
+  dropdownToggle: p,
+  chevron: r,
+  open: c,
+  dropdownWrapper: s,
+  dropdown: w,
+  dropdownItem: i,
+  dropdownIconWrapper: I,
+  dropdownIcon: j,
+  dropdownItemContent: a,
+  dropdownItemTitle: m,
+  externalIcon: l,
+  dropdownItemDescription: u
+};
+export {
+  e as buttonContent,
+  r as chevron,
+  o as container,
+  d as copied,
+  g as default,
+  w as dropdown,
+  j as dropdownIcon,
+  I as dropdownIconWrapper,
+  i as dropdownItem,
+  a as dropdownItemContent,
+  u as dropdownItemDescription,
+  m as dropdownItemTitle,
+  p as dropdownToggle,
+  s as dropdownWrapper,
+  l as externalIcon,
+  _ as icon,
+  n as mainButton,
+  c as open,
+  t as split
+};
+//# sourceMappingURL=page-context-menu.module.css.js.map

package/dist/components/page-context-menu.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-context-menu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/components/page.js

@@ -0,0 +1,85 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { MDXRenderer as x } from "./mdx-renderer.js";
+import { NavTree as C } from "./nav-tree/index.js";
+import { TableOfContents as b } from "./toc/index.js";
+import { PivotAwareTOC as P } from "./toc/pivot-aware-toc.js";
+import { TextAlignLeftFilled as T } from "@fluentui/react-icons";
+import { PageContextMenu as u } from "./page-context-menu.js";
+import i from "./page.module.css.js";
+/* empty css            */
+import { ZonePivotProvider as I } from "./content-components/zone-pivots/zone-pivot-context.js";
+import { ZonePivotSelector as O } from "./content-components/zone-pivots/zone-pivot-selector.js";
+function $({
+  payload: r,
+  toc: n,
+  navTree: c,
+  dropdown: h,
+  activeHref: v,
+  theme: p,
+  className: N = "",
+  pathname: o,
+  markdownContent: f
+}) {
+  var l, d;
+  const g = r.serializedContent, s = ((l = r.mdxExtracts) == null ? void 0 : l.zonePivotGroups) || [], a = (d = r.mdxExtracts) == null ? void 0 : d.pivotTocItems;
+  return /* @__PURE__ */ e("div", { className: `${p === "dark" ? "dark" : ""} ${N}`, children: /* @__PURE__ */ t("div", { id: "page-container", className: i.pageContainer, children: [
+    c && /* @__PURE__ */ e("aside", { className: i.sidebar, "aria-label": "Sidebar navigation", children: /* @__PURE__ */ e("div", { className: i.sidebarInner, children: /* @__PURE__ */ e(
+      C,
+      {
+        navTree: c,
+        dropdown: h,
+        activeHref: v
+      }
+    ) }) }),
+    /* @__PURE__ */ e("div", { className: i.mainWrapper, children: /* @__PURE__ */ e("div", { id: "main-content", className: i.mainContent, children: /* @__PURE__ */ e(I, { groups: s, children: /* @__PURE__ */ t("div", { className: i.contentWrapper, children: [
+      n && n.length > 0 && /* @__PURE__ */ e("aside", { className: i.tocSidebar, children: /* @__PURE__ */ t("div", { className: i.tocInner, children: [
+        /* @__PURE__ */ t("div", { className: i.tocHeader, children: [
+          /* @__PURE__ */ e(T, { className: i.tocIcon }),
+          /* @__PURE__ */ e("h2", { className: i.tocTitle, children: "On this page" })
+        ] }),
+        a && Object.keys(a).length > 0 ? /* @__PURE__ */ e(
+          P,
+          {
+            baseToc: n,
+            pivotTocItems: a
+          }
+        ) : /* @__PURE__ */ e(b, { toc: n })
+      ] }) }),
+      /* @__PURE__ */ t("div", { className: i.contentArea, children: [
+        r.title && /* @__PURE__ */ e("header", { className: i.header, children: /* @__PURE__ */ t("div", { className: i.headerInner, children: [
+          /* @__PURE__ */ t("div", { className: i.headerContent, children: [
+            /* @__PURE__ */ e("h1", { className: i.title, children: r.title }),
+            o && /* @__PURE__ */ e(
+              u,
+              {
+                className: i.contextMenu,
+                pathname: o,
+                markdownContent: f
+              }
+            )
+          ] }),
+          r.description && /* @__PURE__ */ e("p", { className: i.description, children: r.description })
+        ] }) }),
+        s.length > 0 && /* @__PURE__ */ e("div", { className: i.pivotContainer, children: s.map((m) => /* @__PURE__ */ e(
+          O,
+          {
+            group: m,
+            className: i.pivotSelector
+          },
+          m.id
+        )) }),
+        /* @__PURE__ */ e("div", { className: i.mdxContent, children: /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(g, {}) }) }),
+        /* @__PURE__ */ e("style", { children: `
+                    div h2,
+                    div h3 {
+                      scroll-margin-top: var(--scroll-mt);
+                    }
+                  ` })
+      ] })
+    ] }) }) }) })
+  ] }) });
+}
+export {
+  $ as DocsPage
+};
+//# sourceMappingURL=page.js.map

package/dist/components/page.js.map

@@ -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 styles from \"./page.module.css\";\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}: DocsPageProps) {\n  const Content = payload.serializedContent;\n  const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n  const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n\n  return (\n    <div className={`${theme === \"dark\" ? \"dark\" : \"\"} ${className}`}>\n      <div id=\"page-container\" className={styles.pageContainer}>\n        {navTree && (\n          <aside className={styles.sidebar} aria-label=\"Sidebar navigation\">\n            <div className={styles.sidebarInner}>\n              <NavTree\n                navTree={navTree}\n                dropdown={dropdown}\n                activeHref={activeHref}\n              />\n            </div>\n          </aside>\n        )}\n\n        <div className={styles.mainWrapper}>\n          <div id=\"main-content\" className={styles.mainContent}>\n            <ZonePivotProvider groups={zonePivotGroups}>\n              <div className={styles.contentWrapper}>\n                {toc && toc.length > 0 && (\n                  <aside className={styles.tocSidebar}>\n                    <div className={styles.tocInner}>\n                      <div className={styles.tocHeader}>\n                        <TextAlignLeftFilled className={styles.tocIcon} />\n                        <h2 className={styles.tocTitle}>On this page</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 className={styles.contentArea}>\n                  {payload.title && (\n                    <header className={styles.header}>\n                      <div className={styles.headerInner}>\n                        <div className={styles.headerContent}>\n                          <h1 className={styles.title}>{payload.title}</h1>\n                          {pathname && (\n                            <PageContextMenu\n                              className={styles.contextMenu}\n                              pathname={pathname}\n                              markdownContent={markdownContent}\n                            />\n                          )}\n                        </div>\n                        {payload.description && (\n                          <p className={styles.description}>\n                            {payload.description}\n                          </p>\n                        )}\n                      </div>\n                    </header>\n                  )}\n\n                  {zonePivotGroups.length > 0 && (\n                    <div className={styles.pivotContainer}>\n                      {zonePivotGroups.map((group) => (\n                        <ZonePivotSelector\n                          key={group.id}\n                          group={group}\n                          className={styles.pivotSelector}\n                        />\n                      ))}\n                    </div>\n                  )}\n\n                  <div className={styles.mdxContent}>\n                    <MDXRenderer>\n                      <Content />\n                    </MDXRenderer>\n                  </div>\n                  <style>{`\n                    div h2,\n                    div h3 {\n                      scroll-margin-top: var(--scroll-mt);\n                    }\n                  `}</style>\n                </div>\n              </div>\n            </ZonePivotProvider>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["DocsPage","payload","toc","navTree","dropdown","activeHref","theme","className","pathname","markdownContent","Content","zonePivotGroups","_a","pivotTocItems","_b","jsxs","styles","jsx","NavTree","ZonePivotProvider","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}