@mintlify/msft-sdk 0.1.7 → 1.1.0

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

@@ -1,44 +1,83 @@
-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";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { DropdownMenu as g } from "./dropdown-menu.js";
+import e 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 })
+function N() {
+  return /* @__PURE__ */ l("div", { className: e.externalIcon, children: [
+    /* @__PURE__ */ r(
+      "svg",
+      {
+        className: e.externalIconLight,
+        width: "12",
+        height: "12",
+        viewBox: "0 0 12 12",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M2.49999 1C1.67157 1 0.999995 1.67157 0.999995 2.5V9.5C0.999995 10.3284 1.67157 11 2.49999 11H9.49996C10.3284 11 10.9999 10.3284 10.9999 9.5V7.26923C10.9999 6.99309 11.2238 6.76923 11.4999 6.76923C11.7761 6.76923 11.9999 6.99309 11.9999 7.26923V9.5C11.9999 10.8807 10.8807 12 9.49996 12H2.49999C1.11928 12 0 10.8807 0 9.5V2.5C0 1.11929 1.11928 0 2.49999 0H4.73075C5.00689 0 5.23074 0.223858 5.23074 0.5C5.23074 0.776142 5.00689 1 4.73075 1H2.49999ZM6.76926 0.5C6.76926 0.223858 6.99311 0 7.26925 0H11.5C11.7761 0 12 0.223858 12 0.5V4.73077C12 5.00691 11.7761 5.23077 11.5 5.23077C11.2239 5.23077 11 5.00691 11 4.73077V1.70711L7.6228 5.08433C7.42754 5.27959 7.11096 5.27959 6.9157 5.08433C6.72044 4.88906 6.72044 4.57248 6.9157 4.37722L10.2929 1H7.26925C6.99311 1 6.76926 0.776142 6.76926 0.5Z",
+            fill: "#707070"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(
+      "svg",
+      {
+        className: e.externalIconDark,
+        width: "12",
+        height: "12",
+        viewBox: "0 0 12 12",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M2.49999 1C1.67157 1 0.999995 1.67157 0.999995 2.5V9.5C0.999995 10.3284 1.67157 11 2.49999 11H9.49996C10.3284 11 10.9999 10.3284 10.9999 9.5V7.26923C10.9999 6.99309 11.2238 6.76923 11.4999 6.76923C11.7761 6.76923 11.9999 6.99309 11.9999 7.26923V9.5C11.9999 10.8807 10.8807 12 9.49996 12H2.49999C1.11928 12 0 10.8807 0 9.5V2.5C0 1.11929 1.11928 0 2.49999 0H4.73075C5.00689 0 5.23074 0.223858 5.23074 0.5C5.23074 0.776142 5.00689 1 4.73075 1H2.49999ZM6.76926 0.5C6.76926 0.223858 6.99311 0 7.26925 0H11.5C11.7761 0 12 0.223858 12 0.5V4.73077C12 5.00691 11.7761 5.23077 11.5 5.23077C11.2239 5.23077 11 5.00691 11 4.73077V1.70711L7.6228 5.08433C7.42754 5.27959 7.11096 5.27959 6.9157 5.08433C6.72044 4.88906 6.72044 4.57248 6.9157 4.37722L10.2929 1H7.26925C6.99311 1 6.76926 0.776142 6.76926 0.5Z",
+            fill: "#999999"
+          }
+        )
+      }
+    )
+  ] });
+}
+function u({ item: n, activeId: c, level: s = 0 }) {
+  const p = s === 0 ? !0 : n.expanded ?? !1, [t, m] = f(p), a = n.children && n.children.length > 0, o = a && !n.href, d = n.href && c === n.href, C = n.icon;
+  return o && s === 0 ? /* @__PURE__ */ l("div", { className: e.group, role: "group", "aria-label": n.toc_title, children: [
+    /* @__PURE__ */ l("div", { className: e.groupHeader, children: [
+      C && /* @__PURE__ */ r(C, { className: e.groupIcon, "aria-hidden": "true" }),
+      /* @__PURE__ */ r("span", { children: n.toc_title })
     ] }),
-    o && e.children && /* @__PURE__ */ n("ul", { className: r.list, role: "list", children: e.children.map((s, t) => /* @__PURE__ */ n(
-      p,
+    a && n.children && /* @__PURE__ */ r("ul", { className: e.list, role: "list", children: n.children.map((i, h) => /* @__PURE__ */ r(
+      u,
       {
-        item: s,
+        item: i,
         activeId: c,
-        level: a + 1
+        level: s + 1
       },
-      `${s.href}-${t}`
+      `${i.href}-${h}`
     )) })
-  ] }) : h && a > 0 ? /* @__PURE__ */ i("li", { className: r.listItem, children: [
-    /* @__PURE__ */ i(
+  ] }) : o && s > 0 ? /* @__PURE__ */ l("li", { className: e.listItem, children: [
+    /* @__PURE__ */ l(
       "button",
       {
-        onClick: () => u(!l),
-        "aria-expanded": l,
-        "aria-label": `${l ? "Collapse" : "Expand"} ${e.toc_title} section`,
-        className: r.expandButton,
+        onClick: () => m(!t),
+        "aria-expanded": t,
+        "aria-label": `${t ? "Collapse" : "Expand"} ${n.toc_title} section`,
+        className: e.expandButton,
         children: [
-          /* @__PURE__ */ n("div", { className: r.hoverIndicator }),
-          /* @__PURE__ */ n("span", { children: e.toc_title }),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ r("span", { children: n.toc_title }),
+          /* @__PURE__ */ r(
             "svg",
             {
-              className: `${r.chevron} ${l ? r.chevronExpanded : r.chevronCollapsed}`,
+              className: `${e.chevron} ${t ? e.chevronExpanded : e.chevronCollapsed}`,
               fill: "none",
               stroke: "currentColor",
               viewBox: "0 0 24 24",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ n(
+              children: /* @__PURE__ */ r(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -52,75 +91,96 @@ function p({ item: e, activeId: c, level: a = 0 }) {
         ]
       }
     ),
-    o && l && e.children && /* @__PURE__ */ n("ul", { className: r.nestedList, role: "group", children: e.children.map((s, t) => /* @__PURE__ */ n(
-      p,
+    a && t && n.children && /* @__PURE__ */ r("ul", { className: e.nestedList, role: "group", children: n.children.map((i, h) => /* @__PURE__ */ r(
+      u,
       {
-        item: s,
+        item: i,
         activeId: c,
-        level: a + 1
+        level: s + 1
       },
-      `${s.href}-${t}`
+      `${i.href}-${h}`
     )) })
-  ] }) : /* @__PURE__ */ i("li", { className: r.listItem, children: [
-    /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ l("li", { className: e.listItem, children: [
+    /* @__PURE__ */ r(
       "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
-        ]
+        href: n.href,
+        "aria-current": d ? "page" : void 0,
+        className: `${e.link} ${d ? e.linkActive : ""}`,
+        children: n.toc_title
       }
     ),
-    o && l && e.children && /* @__PURE__ */ n("ul", { className: r.nestedList, role: "group", children: e.children.map((s, t) => /* @__PURE__ */ n(
-      p,
+    a && t && n.children && /* @__PURE__ */ r("ul", { className: e.nestedList, role: "group", children: n.children.map((i, h) => /* @__PURE__ */ r(
+      u,
       {
-        item: s,
+        item: i,
         activeId: c,
-        level: a + 1
+        level: s + 1
       },
-      `${s.href}-${t}`
+      `${i.href}-${h}`
     )) })
   ] });
 }
-function E({
-  navTree: e,
+function V({
+  navTree: n,
   activeId: c,
-  className: a = "",
-  dropdown: d,
-  activeHref: l,
-  theme: u
+  className: s = "",
+  dropdown: p,
+  activeHref: t,
+  theme: m,
+  bottomLinks: a
 }) {
-  return !e || e.items.length === 0 ? null : /* @__PURE__ */ i(
+  return !n || n.items.length === 0 ? null : (console.log("bottomLinks", a), /* @__PURE__ */ l(
     "nav",
     {
-      className: `${r.nav} ${a} ${u === "dark" ? "dark" : ""}`,
+      className: `${e.nav} ${s} ${m === "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}`
-        ))
+        /* @__PURE__ */ l("div", { className: e.navContent, children: [
+          p && /* @__PURE__ */ r(
+            g,
+            {
+              dropdown: p,
+              activeHref: t,
+              className: e.group
+            }
+          ),
+          n.items.map((o, d) => /* @__PURE__ */ r(
+            u,
+            {
+              item: o,
+              activeId: c
+            },
+            `${o.href}-${d}`
+          ))
+        ] }),
+        a && a.length > 0 && /* @__PURE__ */ l("div", { className: e.bottomSection, children: [
+          /* @__PURE__ */ r("div", { className: e.divider }),
+          /* @__PURE__ */ r("div", { className: e.bottomLinks, children: a.map((o, d) => {
+            const C = o.icon;
+            return /* @__PURE__ */ l(
+              "a",
+              {
+                href: o.href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: e.bottomLink,
+                children: [
+                  /* @__PURE__ */ r(C, { className: e.bottomLinkIcon }),
+                  /* @__PURE__ */ r("span", { children: o.label }),
+                  /* @__PURE__ */ r(N, {})
+                ]
+              },
+              d
+            );
+          }) })
+        ] })
       ]
     }
-  );
+  ));
 }
 export {
-  N as DropdownMenu,
-  E as NavTree
+  g as DropdownMenu,
+  V as NavTree
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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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"}
+{"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\nexport interface BottomLinkConfig {\n  href: string;\n  label: string;\n  icon: React.ComponentType<{ className?: string }>;\n}\n\ninterface NavTreeProps {\n  navTree: NavTreeData;\n  activeId?: string;\n  className?: string;\n  dropdown?: DropdownConfig;\n  activeHref?: string;\n  theme?: \"light\" | \"dark\" | \"system\";\n  bottomLinks?: BottomLinkConfig[];\n}\n\ninterface TreeItemProps {\n  item: NavItem;\n  activeId?: string;\n  level?: number;\n}\n\nfunction ExternalIcon() {\n  return (\n    <div className={styles.externalIcon}>\n      <svg\n        className={styles.externalIconLight}\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M2.49999 1C1.67157 1 0.999995 1.67157 0.999995 2.5V9.5C0.999995 10.3284 1.67157 11 2.49999 11H9.49996C10.3284 11 10.9999 10.3284 10.9999 9.5V7.26923C10.9999 6.99309 11.2238 6.76923 11.4999 6.76923C11.7761 6.76923 11.9999 6.99309 11.9999 7.26923V9.5C11.9999 10.8807 10.8807 12 9.49996 12H2.49999C1.11928 12 0 10.8807 0 9.5V2.5C0 1.11929 1.11928 0 2.49999 0H4.73075C5.00689 0 5.23074 0.223858 5.23074 0.5C5.23074 0.776142 5.00689 1 4.73075 1H2.49999ZM6.76926 0.5C6.76926 0.223858 6.99311 0 7.26925 0H11.5C11.7761 0 12 0.223858 12 0.5V4.73077C12 5.00691 11.7761 5.23077 11.5 5.23077C11.2239 5.23077 11 5.00691 11 4.73077V1.70711L7.6228 5.08433C7.42754 5.27959 7.11096 5.27959 6.9157 5.08433C6.72044 4.88906 6.72044 4.57248 6.9157 4.37722L10.2929 1H7.26925C6.99311 1 6.76926 0.776142 6.76926 0.5Z\"\n          fill=\"#707070\"\n        />\n      </svg>\n      <svg\n        className={styles.externalIconDark}\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M2.49999 1C1.67157 1 0.999995 1.67157 0.999995 2.5V9.5C0.999995 10.3284 1.67157 11 2.49999 11H9.49996C10.3284 11 10.9999 10.3284 10.9999 9.5V7.26923C10.9999 6.99309 11.2238 6.76923 11.4999 6.76923C11.7761 6.76923 11.9999 6.99309 11.9999 7.26923V9.5C11.9999 10.8807 10.8807 12 9.49996 12H2.49999C1.11928 12 0 10.8807 0 9.5V2.5C0 1.11929 1.11928 0 2.49999 0H4.73075C5.00689 0 5.23074 0.223858 5.23074 0.5C5.23074 0.776142 5.00689 1 4.73075 1H2.49999ZM6.76926 0.5C6.76926 0.223858 6.99311 0 7.26925 0H11.5C11.7761 0 12 0.223858 12 0.5V4.73077C12 5.00691 11.7761 5.23077 11.5 5.23077C11.2239 5.23077 11 5.00691 11 4.73077V1.70711L7.6228 5.08433C7.42754 5.27959 7.11096 5.27959 6.9157 5.08433C6.72044 4.88906 6.72044 4.57248 6.9157 4.37722L10.2929 1H7.26925C6.99311 1 6.76926 0.776142 6.76926 0.5Z\"\n          fill=\"#999999\"\n        />\n      </svg>\n    </div>\n  );\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          <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        {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  bottomLinks,\n}: NavTreeProps) {\n  if (!navTree || navTree.items.length === 0) {\n    return null;\n  }\n\n  console.log(\"bottomLinks\", bottomLinks);\n\n  return (\n    <nav\n      className={`${styles.nav} ${className} ${theme === \"dark\" ? \"dark\" : \"\"}`}\n      aria-label=\"Documentation navigation\"\n    >\n      <div className={styles.navContent}>\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      </div>\n      {bottomLinks && bottomLinks.length > 0 && (\n        <div className={styles.bottomSection}>\n          <div className={styles.divider}></div>\n          <div className={styles.bottomLinks}>\n            {bottomLinks.map((link, index) => {\n              const Icon = link.icon;\n              return (\n                <a\n                  key={index}\n                  href={link.href}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className={styles.bottomLink}\n                >\n                  <Icon className={styles.bottomLinkIcon} />\n                  <span>{link.label}</span>\n                  <ExternalIcon />\n                </a>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </nav>\n  );\n}\n"],"names":["ExternalIcon","jsxs","styles","jsx","TreeItemComponent","item","activeId","level","defaultExpanded","isExpanded","setIsExpanded","useState","hasChildren","isGroup","isActive","Icon","child","index","NavTree","navTree","className","dropdown","activeHref","theme","bottomLinks","DropdownMenu","link"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 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 { Dialog as p, DialogBackdrop as u, DialogPanel as N } from "@headlessui/react";
+import { NavTree as f } from "./index.js";
+import { Dismiss16Regular as g } from "@fluentui/react-icons";
 import o from "./mobile-nav.module.css.js";
 /* empty css               */
-function x({
+function y({
   isOpen: e,
   setIsOpen: l,
   navTree: n,
@@ -12,27 +12,29 @@ function x({
   className: t = "",
   theme: s,
   dropdown: c,
-  activeHref: m
+  activeHref: m,
+  bottomLinks: d
 }) {
   return /* @__PURE__ */ r(
-    d,
+    p,
     {
       open: e,
       onClose: () => l(!1),
       className: `${o.dialog} ${s === "dark" ? "dark" : ""}`,
       children: [
-        /* @__PURE__ */ a(p, { transition: !0, className: o.backdrop }),
+        /* @__PURE__ */ a(u, { 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,
+          e && /* @__PURE__ */ a(v, { setIsOpen: l }),
+          /* @__PURE__ */ a(N, { id: "mobile-nav", transition: !0, className: o.panel, children: /* @__PURE__ */ a("div", { className: o.content, children: /* @__PURE__ */ a(
+            f,
             {
               navTree: n,
               activeId: i,
               className: t,
               dropdown: c,
               activeHref: m,
-              theme: s
+              theme: s,
+              bottomLinks: d
             }
           ) }) })
         ] })
@@ -40,7 +42,7 @@ function x({
     }
   );
 }
-const g = ({
+const v = ({
   setIsOpen: e
 }) => /* @__PURE__ */ r(
   "button",
@@ -50,11 +52,11 @@ const g = ({
     className: o.closeButton,
     children: [
       /* @__PURE__ */ a("span", { className: o.srOnly, children: "Close navigation" }),
-      /* @__PURE__ */ a(f, { className: o.closeIcon })
+      /* @__PURE__ */ a(g, { className: o.closeIcon })
     ]
   }
 );
 export {
-  x as MobileNavTree
+  y as MobileNavTree
 };
 //# sourceMappingURL=mobile-nav.js.map

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

@@ -1 +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;"}
+{"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, BottomLinkConfig } 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  bottomLinks?: BottomLinkConfig[];\n}\n\nexport function MobileNavTree({\n  isOpen,\n  setIsOpen,\n  navTree,\n  activeId,\n  className = \"\",\n  theme,\n  dropdown,\n  activeHref,\n  bottomLinks,\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              bottomLinks={bottomLinks}\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","bottomLinks","jsxs","Dialog","styles","jsx","DialogBackdrop","CloseButton","DialogPanel","NavTree","Dismiss16Regular"],"mappings":";;;;;;AAmBO,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;AAAA,EACA,aAAAC;AACF,GAAuB;AACrB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,SAAS,MAAMC,EAAU,EAAK;AAAA,MAC9B,WAAW,GAAGU,EAAO,MAAM,IAAIN,MAAU,SAAS,SAAS,EAAE;AAAA,MAE7D,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAe,YAAU,IAAC,WAAWF,EAAO,UAAU;AAAA,QACvD,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,WACpB,UAAA;AAAA,UAAAX,KAAU,gBAAAY,EAACE,KAAY,WAAAb,EAAA,CAAsB;AAAA,UAC9C,gBAAAW,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,SAAAd;AAAA,cACA,UAAAC;AAAA,cACA,WAAAC;AAAA,cACA,UAAAE;AAAA,cACA,YAAAC;AAAA,cACA,OAAAF;AAAA,cACA,aAAAG;AAAA,YAAA;AAAA,UAAA,GAEJ,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAMM,IAAc,CAAC;AAAA,EACnB,WAAAb;AACF,MAII,gBAAAQ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAS,MAAMR,EAAU,EAAK;AAAA,IAC9B,WAAWU,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/nav-tree.module.css.js

@@ -1,34 +1,50 @@
-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 = {
+const n = "_nav_kxe04_1", t = "_navContent_kxe04_9", o = "_group_kxe04_55", e = "_groupHeader_kxe04_59", _ = "_groupIcon_kxe04_74", c = "_list_kxe04_79", s = "_listItem_kxe04_85", k = "_expandButton_kxe04_89", i = "_chevron_kxe04_126", x = "_chevronExpanded_kxe04_137", r = "_chevronCollapsed_kxe04_141", a = "_link_kxe04_145", l = "_linkActive_kxe04_175", d = "_nestedList_kxe04_186", v = "_bottomSection_kxe04_195", p = "_divider_kxe04_206", I = "_bottomLinks_kxe04_217", m = "_bottomLink_kxe04_217", L = "_bottomLinkIcon_kxe04_245", u = "_externalIcon_kxe04_251", b = "_externalIconLight_kxe04_255", g = "_externalIconDark_kxe04_263", h = {
   nav: n,
+  navContent: t,
   group: o,
-  groupHeader: t,
-  groupIcon: e,
-  list: _,
-  listItem: a,
-  expandButton: c,
-  hoverIndicator: s,
-  chevron: r,
-  chevronExpanded: d,
-  chevronCollapsed: i,
-  link: x,
+  groupHeader: e,
+  groupIcon: _,
+  list: c,
+  listItem: s,
+  expandButton: k,
+  chevron: i,
+  chevronExpanded: x,
+  chevronCollapsed: r,
+  link: a,
   linkActive: l,
-  nestedList: p
+  nestedList: d,
+  bottomSection: v,
+  divider: p,
+  bottomLinks: I,
+  bottomLink: m,
+  bottomLinkIcon: L,
+  externalIcon: u,
+  externalIconLight: b,
+  externalIconDark: g
 };
 export {
-  r as chevron,
-  i as chevronCollapsed,
-  d as chevronExpanded,
-  v as default,
-  c as expandButton,
+  m as bottomLink,
+  L as bottomLinkIcon,
+  I as bottomLinks,
+  v as bottomSection,
+  i as chevron,
+  r as chevronCollapsed,
+  x as chevronExpanded,
+  h as default,
+  p as divider,
+  k as expandButton,
+  u as externalIcon,
+  g as externalIconDark,
+  b as externalIconLight,
   o as group,
-  t as groupHeader,
-  e as groupIcon,
-  s as hoverIndicator,
-  x as link,
+  e as groupHeader,
+  _ as groupIcon,
+  a as link,
   l as linkActive,
-  _ as list,
-  a as listItem,
+  c as list,
+  s as listItem,
   n as nav,
-  p as nestedList
+  t as navContent,
+  d as nestedList
 };
 //# sourceMappingURL=nav-tree.module.css.js.map

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

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