@mintlify/msft-sdk 0.1.6 → 0.1.9

package/dist/components/content-components/home.js

@@ -0,0 +1,156 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import e from "./home.module.css.js";
+import { FlowSparkleRegular as r, ChatSparkleRegular as n, AgentsRegular as i, DatabaseRegular as c } from "@fluentui/react-icons";
+const d = () => /* @__PURE__ */ s("div", { className: e.homeContainer, children: [
+  /* @__PURE__ */ s("section", { className: e.heroSection, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: `${e.heroBackground} ${e.heroBackgroundLight}`,
+        style: {
+          backgroundImage: "url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-light.svg)",
+          height: "24rem"
+        }
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: `${e.heroBackground} ${e.heroBackgroundDark}`,
+        style: {
+          backgroundImage: "url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-dark.svg)",
+          height: "24rem"
+        }
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: e.heroContent, children: [
+      /* @__PURE__ */ a("h1", { className: e.heroTitle, children: "Foundry quick start" }),
+      /* @__PURE__ */ s("p", { className: e.heroDescription, children: [
+        "Learn how to get started with Azure AI Foundry by ",
+        /* @__PURE__ */ a("br", {}),
+        " creating a project, deploying a model, and running ",
+        /* @__PURE__ */ a("br", {}),
+        " your first chat completion."
+      ] }),
+      /* @__PURE__ */ a("button", { className: e.heroButton, children: "Get started" })
+    ] })
+  ] }),
+  /* @__PURE__ */ s("section", { className: e.learnSection, children: [
+    /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "Learn more" }),
+    /* @__PURE__ */ s("div", { className: e.cardsGrid, children: [
+      /* @__PURE__ */ s("div", { className: e.card, children: [
+        /* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(r, {}) }),
+        /* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Build your first AI app" }),
+        /* @__PURE__ */ a("p", { className: e.cardDescription, children: "Create a Foundry project and deploy a model. Includes SDK samples for multiple programming languages." })
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.card, children: [
+        /* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(n, {}) }),
+        /* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Get answers in chat playground" }),
+        /* @__PURE__ */ a("p", { className: e.cardDescription, children: "Interact with deployed models in the playground. Configure prompts and test responses in a no-code UI." })
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.card, children: [
+        /* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(i, {}) }),
+        /* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Develop an AI agent" }),
+        /* @__PURE__ */ a("p", { className: e.cardDescription, children: "Launch image generation models in Foundry playground. Easily integrate with code samples." })
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.card, children: [
+        /* @__PURE__ */ a("div", { className: e.cardIcon, children: /* @__PURE__ */ a(c, {}) }),
+        /* @__PURE__ */ a("h3", { className: e.cardTitle, children: "Generate Images with Azure OpenAI" }),
+        /* @__PURE__ */ a("p", { className: e.cardDescription, children: "Deploy image generation models in Foundry playground. Includes code samples for quick integration." })
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ s("section", { className: e.exploreSection, children: [
+    /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "Explore models from popular providers" }),
+    /* @__PURE__ */ s("div", { className: e.modelCardsContainer, children: [
+      /* @__PURE__ */ s("div", { className: e.modelCard, children: [
+        /* @__PURE__ */ a("div", { className: e.modelIcon, children: /* @__PURE__ */ a("img", { src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg", alt: "OpenAI" }) }),
+        /* @__PURE__ */ a("h3", { className: e.modelTitle, children: "GPT-5" }),
+        /* @__PURE__ */ a("p", { className: e.modelDescription, children: "GPT-5 unifies frontier reasoning and advanced coding with high-performance" }),
+        /* @__PURE__ */ a("button", { className: e.modelButton, children: "Check out model" })
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.modelCard, children: [
+        /* @__PURE__ */ a("div", { className: e.modelIcon, children: /* @__PURE__ */ a("img", { src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/DeepSeek.svg", alt: "DeepSeek" }) }),
+        /* @__PURE__ */ a("h3", { className: e.modelTitle, children: "Introducing DeepSeek-R1-0528" }),
+        /* @__PURE__ */ a("p", { className: e.modelDescription, children: "Improved reasoning, fewer hallucinations, better coding and functions" }),
+        /* @__PURE__ */ a("button", { className: e.modelButton, children: "Check out model" })
+      ] }),
+      /* @__PURE__ */ s("div", { className: e.modelCard, children: [
+        /* @__PURE__ */ a("div", { className: e.modelIcon, children: /* @__PURE__ */ a("img", { src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg", alt: "Sora" }) }),
+        /* @__PURE__ */ a("h3", { className: e.modelTitle, children: "Sora" }),
+        /* @__PURE__ */ a("p", { className: e.modelDescription, children: "Generate up to 20s 1080p videos with Sora and its unique API: text-to-video now, image..." }),
+        /* @__PURE__ */ a("button", { className: e.modelButton, children: "Check out model" })
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ s("section", { className: e.footerSection, children: [
+    /* @__PURE__ */ s("div", { className: e.footerItem, children: [
+      /* @__PURE__ */ s("div", { className: e.footerIcon, children: [
+        /* @__PURE__ */ a(
+          "img",
+          {
+            className: e.footerIconLight,
+            src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github.svg",
+            alt: "GitHub"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "img",
+          {
+            className: e.footerIconDark,
+            src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github-dark.svg",
+            alt: "GitHub"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("a", { href: "https://github.com", className: e.footerLink, target: "_blank", rel: "noopener noreferrer", children: [
+        "GitHub",
+        /* @__PURE__ */ s("div", { className: e.externalIcon, children: [
+          /* @__PURE__ */ a("img", { className: e.externalIconLight, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg" }),
+          /* @__PURE__ */ a("img", { className: e.externalIconDark, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg" })
+        ] })
+      ] }),
+      /* @__PURE__ */ s("p", { className: e.footerDescription, children: [
+        "Get the latest SDK updates and ",
+        /* @__PURE__ */ a("br", {}),
+        " code samples on GitHub."
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: e.footerItem, children: [
+      /* @__PURE__ */ s("div", { className: e.footerIcon, children: [
+        /* @__PURE__ */ a(
+          "img",
+          {
+            className: e.footerIconLight,
+            src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Light.svg",
+            alt: "Discord"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "img",
+          {
+            className: e.footerIconDark,
+            src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Dark.svg",
+            alt: "Discord"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("a", { href: "https://discord.com", className: e.footerLink, target: "_blank", rel: "noopener noreferrer", children: [
+        "Discord",
+        /* @__PURE__ */ s("div", { className: e.externalIcon, children: [
+          /* @__PURE__ */ a("img", { className: e.externalIconLight, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg" }),
+          /* @__PURE__ */ a("img", { className: e.externalIconDark, src: "https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg" })
+        ] })
+      ] }),
+      /* @__PURE__ */ s("p", { className: e.footerDescription, children: [
+        "Have questions? Join and connect ",
+        /* @__PURE__ */ a("br", {}),
+        " with our Discord community."
+      ] })
+    ] })
+  ] })
+] });
+export {
+  d as Home
+};
+//# sourceMappingURL=home.js.map

package/dist/components/content-components/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","sources":["../../../src/components/content-components/home.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './home.module.css';\nimport { AgentsRegular,\n    FlowSparkleRegular,\n    ChatSparkleRegular,\n    DatabaseRegular,\n } from '@fluentui/react-icons';\n\nexport const Home = () => {\n  return (\n    <div className={styles.homeContainer}>\n      {/* Foundry quick start section */}\n      <section className={styles.heroSection}>\n        <div\n          className={`${styles.heroBackground} ${styles.heroBackgroundLight}`}\n          style={{\n            backgroundImage: 'url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-light.svg)',\n            height: '24rem'\n          }}\n        />\n        <div\n          className={`${styles.heroBackground} ${styles.heroBackgroundDark}`}\n          style={{\n            backgroundImage: 'url(https://mintlify-assets.b-cdn.net/azure-ai-foundry/landing-background-dark.svg)',\n            height: '24rem'\n          }}\n        />\n        <div className={styles.heroContent}>\n          <h1 className={styles.heroTitle}>Foundry quick start</h1>\n          <p className={styles.heroDescription}>\n            Learn how to get started with Azure AI Foundry by <br /> creating a project, deploying a model, and running <br /> your first chat completion.\n          </p>\n          <button className={styles.heroButton}>Get started</button>\n        </div>\n      </section>\n\n      {/* Learn more section */}\n      <section className={styles.learnSection}>\n        <h2 className={styles.sectionTitle}>Learn more</h2>\n        <div className={styles.cardsGrid}>\n          <div className={styles.card}>\n            <div className={styles.cardIcon}><FlowSparkleRegular /></div>\n            <h3 className={styles.cardTitle}>Build your first AI app</h3>\n            <p className={styles.cardDescription}>\n              Create a Foundry project and deploy a model. Includes SDK samples for multiple programming languages.\n            </p>\n          </div>\n          \n          <div className={styles.card}>\n            <div className={styles.cardIcon}><ChatSparkleRegular /></div>\n            <h3 className={styles.cardTitle}>Get answers in chat playground</h3>\n            <p className={styles.cardDescription}>\n              Interact with deployed models in the playground. Configure prompts and test responses in a no-code UI.\n            </p>\n          </div>\n          \n          <div className={styles.card}>\n            <div className={styles.cardIcon}><AgentsRegular /></div>\n            <h3 className={styles.cardTitle}>Develop an AI agent</h3>\n            <p className={styles.cardDescription}>\n              Launch image generation models in Foundry playground. Easily integrate with code samples.\n            </p>\n          </div>\n          \n          <div className={styles.card}>\n            <div className={styles.cardIcon}><DatabaseRegular /></div>\n            <h3 className={styles.cardTitle}>Generate Images with Azure OpenAI</h3>\n            <p className={styles.cardDescription}>\n              Deploy image generation models in Foundry playground. Includes code samples for quick integration.\n            </p>\n          </div>\n        </div>\n      </section>\n\n      {/* Explore models section */}\n      <section className={styles.exploreSection}>\n        <h2 className={styles.sectionTitle}>Explore models from popular providers</h2>\n        <div className={styles.modelCardsContainer}>\n          <div className={styles.modelCard}>\n            <div className={styles.modelIcon}><img src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg\" alt=\"OpenAI\" /></div>\n            <h3 className={styles.modelTitle}>GPT-5</h3>\n            <p className={styles.modelDescription}>\n              GPT-5 unifies frontier reasoning and advanced coding with high-performance\n            </p>\n            <button className={styles.modelButton}>Check out model</button>\n          </div>\n\n          <div className={styles.modelCard}>\n            <div className={styles.modelIcon}><img src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/DeepSeek.svg\" alt=\"DeepSeek\" /></div>\n            <h3 className={styles.modelTitle}>Introducing DeepSeek-R1-0528</h3>\n            <p className={styles.modelDescription}>\n              Improved reasoning, fewer hallucinations, better coding and functions\n            </p>\n            <button className={styles.modelButton}>Check out model</button>\n          </div>\n\n          <div className={styles.modelCard}>\n            <div className={styles.modelIcon}><img src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20AI%20logo.svg\" alt=\"Sora\" /></div>\n            <h3 className={styles.modelTitle}>Sora</h3>\n            <p className={styles.modelDescription}>\n              Generate up to 20s 1080p videos with Sora and its unique API: text-to-video now, image...\n            </p>\n            <button className={styles.modelButton}>Check out model</button>\n          </div>\n        </div>\n      </section>\n\n      {/* Footer section */}\n      <section className={styles.footerSection}>\n        <div className={styles.footerItem}>\n          <div className={styles.footerIcon}>\n            <img \n              className={styles.footerIconLight} \n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github.svg\" \n              alt=\"GitHub\" \n            />\n            <img \n              className={styles.footerIconDark} \n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Github-dark.svg\" \n              alt=\"GitHub\" \n            />\n          </div>\n          <a href=\"https://github.com\" className={styles.footerLink} target=\"_blank\" rel=\"noopener noreferrer\">\n            GitHub\n            <div className={styles.externalIcon}>\n                <img className={styles.externalIconLight} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\" />\n                <img className={styles.externalIconDark} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\" />\n            </div>\n          </a>\n          <p className={styles.footerDescription}>Get the latest SDK updates and <br /> code samples on GitHub.</p>\n        </div>\n        <div className={styles.footerItem}>\n          <div className={styles.footerIcon}>\n            <img \n              className={styles.footerIconLight} \n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Light.svg\" \n              alt=\"Discord\" \n            />\n            <img \n              className={styles.footerIconDark} \n              src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Discord_Dark.svg\" \n              alt=\"Discord\" \n            />\n          </div>\n          <a href=\"https://discord.com\" className={styles.footerLink} target=\"_blank\" rel=\"noopener noreferrer\">\n            Discord\n            <div className={styles.externalIcon}>\n                <img className={styles.externalIconLight} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open.svg\" />\n                <img className={styles.externalIconDark} src=\"https://mintlify-assets.b-cdn.net/azure-ai-foundry/Open%20(1).svg\" />\n            </div>\n          </a>\n          <p className={styles.footerDescription}>Have questions? Join and connect <br /> with our Discord community.</p>\n        </div>\n      </section>\n    </div>\n  );\n};\n\n"],"names":["Home","jsxs","styles","jsx","FlowSparkleRegular","ChatSparkleRegular","AgentsRegular","DatabaseRegular"],"mappings":"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"}

package/dist/components/content-components/home.module.css.js

@@ -0,0 +1,72 @@
+const o = "_homeContainer_jdam0_18", e = "_heroSection_jdam0_37", t = "_heroBackground_jdam0_54", n = "_heroBackgroundLight_jdam0_70", r = "_heroBackgroundDark_jdam0_78", c = "_heroContent_jdam0_86", _ = "_heroTitle_jdam0_98", a = "_heroDescription_jdam0_110", d = "_heroButton_jdam0_121", i = "_learnSection_jdam0_139", s = "_sectionTitle_jdam0_149", m = "_cardsGrid_jdam0_164", l = "_card_jdam0_164", h = "_cardIcon_jdam0_198", j = "_cardTitle_jdam0_219", I = "_cardDescription_jdam0_231", f = "_exploreSection_jdam0_244", k = "_modelCardsContainer_jdam0_253", D = "_modelCard_jdam0_253", g = "_modelIcon_jdam0_285", p = "_modelTitle_jdam0_308", u = "_modelDescription_jdam0_321", B = "_modelButton_jdam0_333", C = "_footerSection_jdam0_376", x = "_footerItem_jdam0_387", L = "_footerIcon_jdam0_394", S = "_footerIconLight_jdam0_406", T = "_footerIconDark_jdam0_414", G = "_footerLink_jdam0_422", y = "_externalIconLight_jdam0_435", b = "_externalIconDark_jdam0_443", q = "_externalIcon_jdam0_435", v = "_footerDescription_jdam0_478", w = {
+  homeContainer: o,
+  heroSection: e,
+  heroBackground: t,
+  heroBackgroundLight: n,
+  heroBackgroundDark: r,
+  heroContent: c,
+  heroTitle: _,
+  heroDescription: a,
+  heroButton: d,
+  learnSection: i,
+  sectionTitle: s,
+  cardsGrid: m,
+  card: l,
+  cardIcon: h,
+  cardTitle: j,
+  cardDescription: I,
+  exploreSection: f,
+  modelCardsContainer: k,
+  modelCard: D,
+  modelIcon: g,
+  modelTitle: p,
+  modelDescription: u,
+  modelButton: B,
+  footerSection: C,
+  footerItem: x,
+  footerIcon: L,
+  footerIconLight: S,
+  footerIconDark: T,
+  footerLink: G,
+  externalIconLight: y,
+  externalIconDark: b,
+  externalIcon: q,
+  footerDescription: v
+};
+export {
+  l as card,
+  I as cardDescription,
+  h as cardIcon,
+  j as cardTitle,
+  m as cardsGrid,
+  w as default,
+  f as exploreSection,
+  q as externalIcon,
+  b as externalIconDark,
+  y as externalIconLight,
+  v as footerDescription,
+  L as footerIcon,
+  T as footerIconDark,
+  S as footerIconLight,
+  x as footerItem,
+  G as footerLink,
+  C as footerSection,
+  t as heroBackground,
+  r as heroBackgroundDark,
+  n as heroBackgroundLight,
+  d as heroButton,
+  c as heroContent,
+  a as heroDescription,
+  e as heroSection,
+  _ as heroTitle,
+  o as homeContainer,
+  i as learnSection,
+  B as modelButton,
+  D as modelCard,
+  k as modelCardsContainer,
+  u as modelDescription,
+  g as modelIcon,
+  p as modelTitle,
+  s as sectionTitle
+};
+//# sourceMappingURL=home.module.css.js.map

package/dist/components/content-components/home.module.css.js.map

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

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

@@ -1,44 +1,82 @@
-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 o, jsx as r } from "react/jsx-runtime";
+import { useState as m } from "react";
+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 g() {
+  return /* @__PURE__ */ o("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 p({ item: n, activeId: c, level: s = 0 }) {
+  const f = s === 0 ? !0 : n.expanded ?? !1, [i, u] = m(f), l = n.children && n.children.length > 0, a = l && !n.href, d = n.href && c === n.href, C = n.icon;
+  return a && s === 0 ? /* @__PURE__ */ o("div", { className: e.group, role: "group", "aria-label": n.toc_title, children: [
+    /* @__PURE__ */ o("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(
+    l && n.children && /* @__PURE__ */ r("ul", { className: e.list, role: "list", children: n.children.map((t, h) => /* @__PURE__ */ r(
       p,
       {
-        item: s,
+        item: t,
         activeId: c,
-        level: a + 1
+        level: s + 1
       },
-      `${s.href}-${t}`
+      `${t.href}-${h}`
     )) })
-  ] }) : h && a > 0 ? /* @__PURE__ */ i("li", { className: r.listItem, children: [
-    /* @__PURE__ */ i(
+  ] }) : a && s > 0 ? /* @__PURE__ */ o("li", { className: e.listItem, children: [
+    /* @__PURE__ */ o(
       "button",
       {
-        onClick: () => u(!l),
-        "aria-expanded": l,
-        "aria-label": `${l ? "Collapse" : "Expand"} ${e.toc_title} section`,
-        className: r.expandButton,
+        onClick: () => u(!i),
+        "aria-expanded": i,
+        "aria-label": `${i ? "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} ${i ? 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 +90,85 @@ 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(
+    l && i && n.children && /* @__PURE__ */ r("ul", { className: e.nestedList, role: "group", children: n.children.map((t, h) => /* @__PURE__ */ r(
       p,
       {
-        item: s,
+        item: t,
         activeId: c,
-        level: a + 1
+        level: s + 1
       },
-      `${s.href}-${t}`
+      `${t.href}-${h}`
     )) })
-  ] }) : /* @__PURE__ */ i("li", { className: r.listItem, children: [
-    /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ o("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(
+    l && i && n.children && /* @__PURE__ */ r("ul", { className: e.nestedList, role: "group", children: n.children.map((t, h) => /* @__PURE__ */ r(
       p,
       {
-        item: s,
+        item: t,
         activeId: c,
-        level: a + 1
+        level: s + 1
       },
-      `${s.href}-${t}`
+      `${t.href}-${h}`
     )) })
   ] });
 }
-function E({
-  navTree: e,
+function w({
+  navTree: n,
   activeId: c,
-  className: a = "",
-  dropdown: d,
-  activeHref: l,
-  theme: u
+  className: s = "",
+  dropdown: f,
+  activeHref: i,
+  theme: u,
+  bottomLinks: l
 }) {
-  return !e || e.items.length === 0 ? null : /* @__PURE__ */ i(
+  return !n || n.items.length === 0 ? null : (console.log("bottomLinks", l), /* @__PURE__ */ o(
     "nav",
     {
-      className: `${r.nav} ${a} ${u === "dark" ? "dark" : ""}`,
+      className: `${e.nav} ${s} ${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(
+        /* @__PURE__ */ r("div", { className: e.navContent, children: n.items.map((a, d) => /* @__PURE__ */ r(
           p,
           {
-            item: o,
+            item: a,
             activeId: c
           },
-          `${o.href}-${h}`
-        ))
+          `${a.href}-${d}`
+        )) }),
+        l && l.length > 0 && /* @__PURE__ */ o("div", { className: e.bottomSection, children: [
+          /* @__PURE__ */ r("div", { className: e.divider }),
+          /* @__PURE__ */ r("div", { className: e.bottomLinks, children: l.map((a, d) => {
+            const C = a.icon;
+            return /* @__PURE__ */ o(
+              "a",
+              {
+                href: a.href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: e.bottomLink,
+                children: [
+                  /* @__PURE__ */ r(C, { className: e.bottomLinkIcon }),
+                  /* @__PURE__ */ r("span", { children: a.label }),
+                  /* @__PURE__ */ r(g, {})
+                ]
+              },
+              d
+            );
+          }) })
+        ] })
       ]
     }
-  );
+  ));
 }
 export {
-  N as DropdownMenu,
-  E as NavTree
+  w 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 } 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","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