@mintlify/msft-sdk 1.1.9 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/msft-sdk",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "description": "Lightweight SDK for Microsoft documentation with MDX rendering",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -52,14 +52,28 @@
     "@headlessui/react": "^2.2.9",
     "@mdx-js/mdx": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
+    "@mintlify/common": "^1.0.592",
+    "@mintlify/models": "^0.0.238",
+    "@mintlify/validation": "^0.1.513",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-tabs": "^1.1.3",
     "@sindresorhus/slugify": "^3.0.0",
     "@tailwindcss/typography": "^0.5.19",
+    "@types/har-format": "^1.2.16",
+    "axios": "^1.13.1",
     "clsx": "^2.1.1",
+    "comlink": "^4.4.2",
     "hast-util-from-html": "^2.0.0",
     "hast-util-to-mdast": "^10.1.2",
     "hast-util-to-string": "^3.0.1",
+    "html-react-parser": "^5.2.8",
+    "httpsnippet-lite": "^3.0.5",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.552.0",
     "mdast-util-mdx-jsx": "^3.2.0",
+    "openapi-types": "^12.1.3",
     "prismjs": "^1.29.0",
+    "react-markdown": "^10.1.0",
     "refractor": "^5.0.0",
     "rehype-parse": "^9.0.0",
     "rehype-stringify": "^10.0.0",
@@ -68,7 +82,9 @@
     "remark-stringify": "^11.0.0",
     "tailwind-merge": "^3.3.1",
     "unified": "^11.0.0",
-    "unist-util-visit": "^5.0.0"
+    "unist-util-visit": "^5.0.0",
+    "usehooks-ts": "^3.1.1",
+    "zustand": "^5.0.8"
   },
   "peerDependencies": {
     "@fluentui/react-components": ">=9.70.0",
@@ -79,6 +95,9 @@
   "devDependencies": {
     "@eslint/js": "^9.38.0",
     "@tailwindcss/vite": "^4.1.15",
+    "@types/httpsnippet": "^1.23.1",
+    "@types/lodash": "^4.17.20",
+    "@types/mime-types": "^3.0.1",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.1.1",

package/dist/components/docsLayout.js

@@ -1,62 +0,0 @@
-import { jsx as i, jsxs as p } from "react/jsx-runtime";
-import { NavTree as v } from "./nav-tree/index.js";
-import { ComponentsProvider as b } from "../context/components-context.js";
-import { cn as l } from "../utils/cn.js";
-/* empty css            */
-const z = ({
-  navTree: t,
-  children: n,
-  activeHref: r,
-  activeId: m,
-  theme: a = "light",
-  className: o = "",
-  bottomLinks: d,
-  dropdown: f,
-  LinkComponent: s,
-  localization: c,
-  telemetry: g,
-  showSidebar: u = !0,
-  sidebarClassName: h
-}) => {
-  const e = a === "dark" ? "dark" : "light", x = { ...{
-    sidebarAriaLabel: "Sidebar navigation"
-  }, ...c };
-  return /* @__PURE__ */ i(b, { LinkComponent: s, children: /* @__PURE__ */ i(
-    "div",
-    {
-      className: l(
-        "mint:overflow-hidden mint:flex mint:min-h-0 mint:flex-1",
-        e === "dark" && "dark",
-        o
-      ),
-      children: /* @__PURE__ */ p("div", { className: "mint:isolate mint:flex mint:flex-row mint:flex-nowrap mint:w-full mint:h-full mint:overflow-wrap-break-word mint:bg-[var(--colorNeutralBackground4,#f0f0f0)] mint:dark:bg-[var(--colorNeutralBackground4,#0f0f0f)]", children: [
-        u && t && /* @__PURE__ */ i(
-          "aside",
-          {
-            "aria-label": x.sidebarAriaLabel,
-            className: l(
-              "mint:flex mint:flex-col mint:shrink-0 mint:w-[14.5rem] mint:h-full mint:py-4 mint:pr-2 mint:pl-4 [&_ul]:mint:pl-2",
-              h ?? "mint:max-lg:hidden"
-            ),
-            children: /* @__PURE__ */ i(
-              v,
-              {
-                navTree: t,
-                activeId: m ?? r,
-                activeHref: r,
-                dropdown: f,
-                theme: e,
-                bottomLinks: d
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ i("div", { className: "mint:flex mint:flex-1 mint:flex-col mint:min-w-0 mint:h-full mint:rounded-tl-[var(--borderRadiusXXLarge,1.5rem)]", children: n })
-      ] })
-    }
-  ) });
-};
-export {
-  z as DocsLayout
-};
-//# sourceMappingURL=docsLayout.js.map

package/dist/components/docsLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"docsLayout.js","sources":["../../src/components/docsLayout.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { NavTreeData } from \"../types\";\nimport type { BottomLinkConfig, DropdownConfig } from \"./nav-tree\";\nimport type { LinkComponent } from \"../types\";\nimport { NavTree } from \"./nav-tree\";\nimport { ComponentsProvider } from \"../context/components-context\";\nimport { cn } from \"../utils/cn\";\nimport \"../styles.css\";\n\n/**\n * Localization strings for DocsLayout\n */\nexport interface DocsLayoutLocalization {\n  /** Aria label for the sidebar navigation. Default: \"Sidebar navigation\" */\n  sidebarAriaLabel?: string;\n}\n\n/**\n * Telemetry configuration for DocsLayout\n */\nexport interface DocsLayoutTelemetry {\n  /** Activity name for bottom link clicks */\n  bottomLinkActivity?: string;\n  /** Phase for bottom link clicks (e.g., \"Start\", \"Complete\") */\n  bottomLinkPhase?: string;\n}\n\n/**\n * Props for the DocsLayout component\n */\nexport interface DocsLayoutProps {\n  /** Navigation tree data structure */\n  navTree: NavTreeData;\n\n  /** The main content to render in the layout */\n  children: ReactNode;\n\n  /** Currently active href for navigation highlighting */\n  activeHref?: string;\n\n  /** Currently active ID for navigation highlighting */\n  activeId?: string;\n\n  /** Theme for the layout */\n  theme?: \"light\" | \"dark\";\n\n  /** Additional CSS classes for the outer container */\n  className?: string;\n\n  /** Bottom links configuration (e.g., blog, GitHub, feedback) */\n  bottomLinks?: BottomLinkConfig[];\n\n  /** Dropdown configuration for navigation */\n  dropdown?: DropdownConfig;\n\n  /** Custom Link component for navigation (e.g., React Router Link, Next.js Link) */\n  LinkComponent?: LinkComponent;\n\n  /** Localization strings */\n  localization?: DocsLayoutLocalization;\n\n  /** Telemetry configuration */\n  telemetry?: DocsLayoutTelemetry;\n\n  /** Whether to show the sidebar. Default: true */\n  showSidebar?: boolean;\n\n  /** Custom className for the sidebar to control responsive behavior.\n   * Default: \"mint:max-lg:hidden\" (hidden below lg breakpoint) */\n  sidebarClassName?: string;\n}\n\n/**\n * DocsLayout component provides a complete documentation layout with sidebar navigation\n * and main content area. It's designed to be scalable, customizable, and tree-shakable.\n *\n * @example\n * ```tsx\n * <DocsLayout\n *   navTree={{ items: [...] }}\n *   activeHref=\"/docs/getting-started\"\n *   theme=\"dark\"\n *   bottomLinks={[\n *     { href: \"https://blog.com\", label: \"Blog\", icon: BlogIcon }\n *   ]}\n *   LinkComponent={Link}\n * >\n *   <YourPageContent />\n * </DocsLayout>\n * ```\n */\nexport const DocsLayout = ({\n  navTree,\n  children,\n  activeHref,\n  activeId,\n  theme = \"light\",\n  className = \"\",\n  bottomLinks,\n  dropdown,\n  LinkComponent,\n  localization,\n  telemetry,\n  showSidebar = true,\n  sidebarClassName,\n}: DocsLayoutProps) => {\n  const resolvedTheme = theme === \"dark\" ? \"dark\" : \"light\";\n\n  // Default localization\n  const defaultLocalization: Required<DocsLayoutLocalization> = {\n    sidebarAriaLabel: \"Sidebar navigation\",\n  };\n\n  const loc = { ...defaultLocalization, ...localization };\n\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <div\n        className={cn(\n          \"mint:overflow-hidden mint:flex mint:min-h-0 mint:flex-1\",\n          resolvedTheme === \"dark\" && \"dark\",\n          className\n        )}\n      >\n        <div className=\"mint:isolate mint:flex mint:flex-row mint:flex-nowrap mint:w-full mint:h-full mint:overflow-wrap-break-word mint:bg-[var(--colorNeutralBackground4,#f0f0f0)] mint:dark:bg-[var(--colorNeutralBackground4,#0f0f0f)]\">\n          {showSidebar && navTree && (\n            <aside\n              aria-label={loc.sidebarAriaLabel}\n              className={cn(\n                \"mint:flex mint:flex-col mint:shrink-0 mint:w-[14.5rem] mint:h-full mint:py-4 mint:pr-2 mint:pl-4 [&_ul]:mint:pl-2\",\n                sidebarClassName ?? \"mint:max-lg:hidden\"\n              )}\n            >\n              <NavTree\n                navTree={navTree}\n                activeId={activeId ?? activeHref}\n                activeHref={activeHref}\n                dropdown={dropdown}\n                theme={resolvedTheme}\n                bottomLinks={bottomLinks}\n              />\n            </aside>\n          )}\n\n          <div className=\"mint:flex mint:flex-1 mint:flex-col mint:min-w-0 mint:h-full mint:rounded-tl-[var(--borderRadiusXXLarge,1.5rem)]\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </ComponentsProvider>\n  );\n};\n"],"names":["DocsLayout","navTree","children","activeHref","activeId","theme","className","bottomLinks","dropdown","LinkComponent","localization","telemetry","showSidebar","sidebarClassName","resolvedTheme","loc","jsx","ComponentsProvider","cn","jsxs","NavTree"],"mappings":";;;;;AA2FO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,kBAAAC;AACF,MAAuB;AACrB,QAAMC,IAAgBT,MAAU,SAAS,SAAS,SAO5CU,IAAM,EAAE,GAJgD;AAAA,IAC5D,kBAAkB;AAAA,EAAA,GAGkB,GAAGL,EAAA;AAEzC,SACE,gBAAAM,EAACC,KAAmB,eAAAR,GAClB,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAJ,MAAkB,UAAU;AAAA,QAC5BR;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAa,EAAC,OAAA,EAAI,WAAU,sNACZ,UAAA;AAAA,QAAAP,KAAeX,KACd,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAYD,EAAI;AAAA,YAChB,WAAWG;AAAA,cACT;AAAA,cACAL,KAAoB;AAAA,YAAA;AAAA,YAGtB,UAAA,gBAAAG;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAAnB;AAAA,gBACA,UAAUG,KAAYD;AAAA,gBACtB,YAAAA;AAAA,gBACA,UAAAK;AAAA,gBACA,OAAOM;AAAA,gBACP,aAAAP;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAIJ,gBAAAS,EAAC,OAAA,EAAI,WAAU,oHACZ,UAAAd,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/docsPage.js

@@ -1,133 +0,0 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import { MDXRenderer as T } from "./mdx-renderer.js";
-import { TableOfContents as P } from "./toc/index.js";
-import { PivotAwareTOC as C } from "./toc/pivot-aware-toc.js";
-import { TextAlignLeftFilled as L } from "@fluentui/react-icons";
-import { PageContextMenu as F } from "./page-context-menu.js";
-import { ComponentsProvider as V } from "../context/components-context.js";
-import { cn as a } from "../utils/cn.js";
-/* empty css            */
-import { ZonePivotProvider as z } from "./content-components/zone-pivots/zone-pivot-context.js";
-import { ZonePivotSelector as j } from "./content-components/zone-pivots/zone-pivot-selector.js";
-function J({
-  payload: m,
-  toc: n,
-  navTree: y,
-  dropdown: A,
-  activeHref: O,
-  theme: b,
-  className: f = "",
-  pathname: o,
-  markdownContent: h,
-  allPages: g,
-  baseUrl: w,
-  bottomLinks: u,
-  LinkComponent: p,
-  localization: v,
-  telemetry: E,
-  contextMenu: t
-}) {
-  var s, d;
-  const k = m.serializedContent, e = ((s = m.mdxExtracts) == null ? void 0 : s.zonePivotGroups) || [], l = (d = m.mdxExtracts) == null ? void 0 : d.pivotTocItems, x = !m.title, N = { ...{
-    onThisPage: "On this page",
-    loading: "Loading...",
-    errorTitle: "Error",
-    errorMessage: "Something went wrong",
-    notFoundTitle: "Page not found",
-    notFoundMessage: "The page you're looking for doesn't exist"
-  }, ...v };
-  return /* @__PURE__ */ i(V, { LinkComponent: p, children: /* @__PURE__ */ i(
-    "div",
-    {
-      className: a(
-        b === "dark" && "dark",
-        f,
-        "mint:flex mint:flex-col mint:flex-1 mint:min-h-0"
-      ),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          id: "mint-page-container",
-          className: "mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:flex-1 mint:min-h-0 mint:flex mint:flex-col",
-          children: /* @__PURE__ */ i(
-            "div",
-            {
-              id: "mint-page-wrapper",
-              className: "mint:flex mint:rounded-t-2xl mint:flex-1 mint:min-h-0",
-              children: /* @__PURE__ */ i(
-                "div",
-                {
-                  id: "mint-main-content",
-                  className: a(
-                    "mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-2xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30"
-                  ),
-                  children: /* @__PURE__ */ i(z, { groups: e, children: /* @__PURE__ */ r("div", { className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full", children: [
-                    n && n.length > 0 && /* @__PURE__ */ i("aside", { className: "mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ r("div", { className: "mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto", children: [
-                      /* @__PURE__ */ r("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
-                        /* @__PURE__ */ i(L, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]" }),
-                        /* @__PURE__ */ i("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: N.onThisPage })
-                      ] }),
-                      l && Object.keys(l).length > 0 ? /* @__PURE__ */ i(
-                        C,
-                        {
-                          baseToc: n,
-                          pivotTocItems: l
-                        }
-                      ) : /* @__PURE__ */ i(P, { toc: n })
-                    ] }) }),
-                    /* @__PURE__ */ r(
-                      "div",
-                      {
-                        className: a(
-                          "mint:w-full mint:overflow-x-visible mint:max-w-[42rem]",
-                          x && "!mint:max-w-none"
-                        ),
-                        children: [
-                          m.title && /* @__PURE__ */ i("header", { className: "mint:mb-8", children: /* @__PURE__ */ r("div", { className: "mint:mb-4", children: [
-                            /* @__PURE__ */ r("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start mint:sm:flex-row mint:sm:items-center mint:sm:gap-4", children: [
-                              /* @__PURE__ */ i("h1", { className: "mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]", children: m.title }),
-                              o && /* @__PURE__ */ i(
-                                F,
-                                {
-                                  className: "mint:ml-auto mint:max-sm:ml-0",
-                                  pathname: o,
-                                  markdownContent: h,
-                                  allPages: g,
-                                  baseUrl: w,
-                                  customActions: t == null ? void 0 : t.customActions,
-                                  onCopyMarkdown: t == null ? void 0 : t.onCopyMarkdown,
-                                  onCopyPage: t == null ? void 0 : t.onCopyPage,
-                                  onViewMarkdown: t == null ? void 0 : t.onViewMarkdown,
-                                  onViewLlmsTxt: t == null ? void 0 : t.onViewLlmsTxt,
-                                  onViewLlmsFullTxt: t == null ? void 0 : t.onViewLlmsFullTxt
-                                }
-                              )
-                            ] }),
-                            m.description && /* @__PURE__ */ i("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db]", children: m.description })
-                          ] }) }),
-                          e.length > 0 && /* @__PURE__ */ i("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: e.map((c) => /* @__PURE__ */ i(
-                            j,
-                            {
-                              group: c,
-                              className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
-                            },
-                            c.id
-                          )) }),
-                          /* @__PURE__ */ i("div", { className: "mint:pt-4", children: /* @__PURE__ */ i(T, { children: /* @__PURE__ */ i(k, {}) }) })
-                        ]
-                      }
-                    )
-                  ] }) })
-                }
-              )
-            }
-          )
-        }
-      )
-    }
-  ) });
-}
-export {
-  J as DocsPage
-};
-//# sourceMappingURL=docsPage.js.map

package/dist/components/docsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"docsPage.js","sources":["../../src/components/docsPage.tsx"],"sourcesContent":["import { MDXRenderer } from \"./mdx-renderer\";\nimport type { DocsPageProps, PayloadData } 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, type ContextualOption } from \"./page-context-menu\";\nimport { ComponentsProvider } from \"../context/components-context\";\nimport { cn } from \"../utils/cn\";\nimport \"../styles.css\";\n\n/**\n * Localization strings for DocsPage component\n */\nexport interface DocsPageLocalization {\n  /** Text for \"On this page\" heading. Default: \"On this page\" */\n  onThisPage?: string;\n  /** Loading message. Default: \"Loading...\" */\n  loading?: string;\n  /** Error title. Default: \"Error\" */\n  errorTitle?: string;\n  /** Generic error message. Default: \"Something went wrong\" */\n  errorMessage?: string;\n  /** Not found title. Default: \"Page not found\" */\n  notFoundTitle?: string;\n  /** Not found message. Default: \"The page you're looking for doesn't exist\" */\n  notFoundMessage?: string;\n}\n\n/**\n * Telemetry configuration for DocsPage\n */\nexport interface DocsPageTelemetry {\n  /** Activity name for page context menu interactions */\n  contextMenuActivity?: string;\n  /** Phase for context menu interactions */\n  contextMenuPhase?: string;\n  /** Activity name for TOC link clicks */\n  tocLinkActivity?: string;\n  /** Phase for TOC link clicks */\n  tocLinkPhase?: string;\n  /** Activity name for zone pivot selector changes */\n  zonePivotActivity?: string;\n  /** Phase for zone pivot changes */\n  zonePivotPhase?: string;\n}\n\n/**\n * Configuration for the page context menu\n */\nexport interface PageContextMenuConfig {\n  /** Custom actions for the page context menu. If provided, these will replace the default actions. */\n  customActions?: ContextualOption[];\n  /** Callback fired after markdown is successfully copied */\n  onCopyMarkdown?: () => void;\n  /** Custom handler for \"Copy Page\" action. If provided, replaces default copy behavior. */\n  onCopyPage?: () => void | Promise<void>;\n  /** Custom handler for \"View as Markdown\" action. If provided, replaces default view behavior. */\n  onViewMarkdown?: (pathname: string) => void;\n  /** Custom handler for \"View llms.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsTxt?: () => void;\n  /** Custom handler for \"View llms-full.txt\" action. If provided, replaces default behavior. */\n  onViewLlmsFullTxt?: () => void;\n}\n\n/**\n * Enhanced DocsPageProps with localization and telemetry support\n */\nexport interface EnhancedDocsPageProps extends DocsPageProps {\n  /** Localization strings */\n  localization?: DocsPageLocalization;\n  /** Telemetry configuration */\n  telemetry?: DocsPageTelemetry;\n  /** Context menu configuration */\n  contextMenu?: PageContextMenuConfig;\n}\n\n/**\n * DocsPage component renders a documentation page with MDX content, table of contents,\n * zone pivot selectors, and page context menu. It supports full customization through\n * props for localization, telemetry, and custom components.\n *\n * @example\n * ```tsx\n * <DocsPage\n *   payload={{\n *     content: \"...\",\n *     serializedContent: Content,\n *     title: \"Getting Started\",\n *     description: \"Learn how to get started\"\n *   }}\n *   toc={[{ title: \"Introduction\", slug: \"intro\", level: 2 }]}\n *   theme=\"dark\"\n *   pathname=\"/docs/getting-started\"\n *   LinkComponent={Link}\n *   localization={{\n *     onThisPage: \"In this article\"\n *   }}\n *   telemetry={{\n *     contextMenuActivity: \"DocsPageContextMenu\",\n *     contextMenuPhase: \"Start\"\n *   }}\n * />\n * ```\n */\nexport function DocsPage({\n  payload,\n  toc,\n  navTree,\n  dropdown,\n  activeHref,\n  theme,\n  className = \"\",\n  pathname,\n  markdownContent,\n  allPages,\n  baseUrl,\n  bottomLinks,\n  LinkComponent,\n  localization,\n  telemetry,\n  contextMenu,\n}: EnhancedDocsPageProps) {\n  const Content = payload.serializedContent;\n  const zonePivotGroups = payload.mdxExtracts?.zonePivotGroups || [];\n  const pivotTocItems = payload.mdxExtracts?.pivotTocItems;\n  const isFullWidth = !payload.title;\n\n  // Default localization\n  const defaultLocalization: Required<DocsPageLocalization> = {\n    onThisPage: \"On this page\",\n    loading: \"Loading...\",\n    errorTitle: \"Error\",\n    errorMessage: \"Something went wrong\",\n    notFoundTitle: \"Page not found\",\n    notFoundMessage: \"The page you're looking for doesn't exist\",\n  };\n\n  const loc = { ...defaultLocalization, ...localization };\n\n  return (\n    <ComponentsProvider LinkComponent={LinkComponent}>\n      <div\n        className={cn(\n          theme === \"dark\" && \"dark\",\n          className,\n          \"mint:flex mint:flex-col mint:flex-1 mint:min-h-0\"\n        )}\n      >\n        <div\n          id=\"mint-page-container\"\n          className=\"mint:bg-[#f0f0f0] mint:dark:bg-[#0f0f0f] mint:flex-1 mint:min-h-0 mint:flex mint:flex-col\"\n        >\n          <div\n            id=\"mint-page-wrapper\"\n            className=\"mint:flex mint:rounded-t-2xl mint:flex-1 mint:min-h-0\"\n          >\n            <div\n              id=\"mint-main-content\"\n              className={cn(\n                \"mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-2xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30\"\n              )}\n            >\n              <ZonePivotProvider groups={zonePivotGroups}>\n                <div className=\"mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full\">\n                  {toc && toc.length > 0 && (\n                    <aside className=\"mint:w-64 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block\">\n                      <div className=\"mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto\">\n                        <div className=\"mint:flex mint:items-center mint:gap-2 mint:mb-4\">\n                          <TextAlignLeftFilled className=\"mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#9ca3af]\" />\n                          <h2 className=\"mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white\">\n                            {loc.onThisPage}\n                          </h2>\n                        </div>\n                        {pivotTocItems &&\n                        Object.keys(pivotTocItems).length > 0 ? (\n                          <PivotAwareTOC\n                            baseToc={toc}\n                            pivotTocItems={pivotTocItems}\n                          />\n                        ) : (\n                          <TableOfContents toc={toc} />\n                        )}\n                      </div>\n                    </aside>\n                  )}\n\n                  <div\n                    className={cn(\n                      \"mint:w-full mint:overflow-x-visible mint:max-w-[42rem]\",\n                      isFullWidth && \"!mint:max-w-none\"\n                    )}\n                  >\n                    {payload.title && (\n                      <header className=\"mint:mb-8\">\n                        <div className=\"mint:mb-4\">\n                          <div className=\"mint:flex mint:flex-col mint:gap-2 mint:items-start mint:sm:flex-row mint:sm:items-center mint:sm:gap-4\">\n                            <h1 className=\"mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2]\">\n                              {payload.title}\n                            </h1>\n                            {pathname && (\n                              <PageContextMenu\n                                className=\"mint:ml-auto mint:max-sm:ml-0\"\n                                pathname={pathname}\n                                markdownContent={markdownContent}\n                                allPages={allPages}\n                                baseUrl={baseUrl}\n                                customActions={contextMenu?.customActions}\n                                onCopyMarkdown={contextMenu?.onCopyMarkdown}\n                                onCopyPage={contextMenu?.onCopyPage}\n                                onViewMarkdown={contextMenu?.onViewMarkdown}\n                                onViewLlmsTxt={contextMenu?.onViewLlmsTxt}\n                                onViewLlmsFullTxt={\n                                  contextMenu?.onViewLlmsFullTxt\n                                }\n                              />\n                            )}\n                          </div>\n                          {payload.description && (\n                            <p className=\"mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db]\">\n                              {payload.description}\n                            </p>\n                          )}\n                        </div>\n                      </header>\n                    )}\n\n                    {zonePivotGroups.length > 0 && (\n                      <div className=\"mint:mb-6 mint:flex mint:flex-wrap mint:gap-4\">\n                        {zonePivotGroups.map((group) => (\n                          <ZonePivotSelector\n                            key={group.id}\n                            group={group}\n                            className=\"mint:flex mint:items-center mint:gap-2 mint:text-sm\"\n                          />\n                        ))}\n                      </div>\n                    )}\n\n                    <div className=\"mint:pt-4\">\n                      <MDXRenderer>\n                        <Content />\n                      </MDXRenderer>\n                    </div>\n                  </div>\n                </div>\n              </ZonePivotProvider>\n            </div>\n          </div>\n        </div>\n      </div>\n    </ComponentsProvider>\n  );\n}\n\nexport type { DocsPageProps, PayloadData } from \"../types\";\n\nexport type { EnhancedDocsPageProps as DocsPagePropsWithCustomization };\n\nexport type { ContextualOption };\n"],"names":["DocsPage","payload","toc","navTree","dropdown","activeHref","theme","className","pathname","markdownContent","allPages","baseUrl","bottomLinks","LinkComponent","localization","telemetry","contextMenu","Content","zonePivotGroups","_a","pivotTocItems","_b","isFullWidth","loc","jsx","ComponentsProvider","cn","ZonePivotProvider","jsxs","TextAlignLeftFilled","PivotAwareTOC","TableOfContents","PageContextMenu","group","ZonePivotSelector","MDXRenderer"],"mappings":"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"}

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

@@ -1,75 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as b } from "react";
-import { DocumentRegular as h, CheckmarkFilled as x } from "@fluentui/react-icons";
-import { useComponents as u } from "../../context/components-context.js";
-import { cn as r } from "../../utils/cn.js";
-function _({
-  dropdown: i,
-  isActive: a = !1,
-  activeHref: s,
-  className: l = ""
-}) {
-  const [e, o] = b(!1), { LinkComponent: d } = u(), c = i.icon || h;
-  return /* @__PURE__ */ m("div", { className: r("mint:mb-2 mint:lg:mb-2", l), children: [
-    /* @__PURE__ */ t(
-      "button",
-      {
-        onClick: () => o(!e),
-        "aria-expanded": e,
-        "aria-label": `${e ? "Collapse" : "Expand"} ${i.title} dropdown`,
-        className: r(
-          "mint:w-full mint:py-2 mint:px-3 mint:rounded-xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:cursor-pointer mint:hover:border-[#d1d5db] mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:border-[rgba(255,255,255,0.15)] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
-          a && "mint:shadow-[0_0_0_2px_rgba(100,63,178,0.2)] mint:border-[rgba(100,63,178,0.3)]"
-        ),
-        children: /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-2", children: [
-          /* @__PURE__ */ t("div", { className: "mint:shrink-0", children: /* @__PURE__ */ t("div", { className: "mint:w-8 mint:h-8 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]", children: /* @__PURE__ */ t(c, { className: "mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]" }) }) }),
-          /* @__PURE__ */ m("div", { className: "mint:flex-1 mint:text-left mint:min-w-0", children: [
-            /* @__PURE__ */ t("div", { className: "mint:text-sm mint:font-medium mint:text-[#111827] mint:dark:text-white", children: i.title }),
-            /* @__PURE__ */ t("div", { className: "mint:text-xs mint:text-[#4b5563] mint:dark:text-[#9ca3af] mint:line-clamp-2", children: i.description })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "mint:shrink-0", children: /* @__PURE__ */ t(
-            "svg",
-            {
-              className: r(
-                "mint:w-4 mint:h-4 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:transition-transform mint:duration-200",
-                e ? "mint:rotate-180" : "mint:rotate-0"
-              ),
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ t(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M19 9l-7 7-7-7"
-                }
-              )
-            }
-          ) })
-        ] })
-      }
-    ),
-    e && i.items && i.items.length > 0 && /* @__PURE__ */ t("div", { className: "mint:relative mint:mt-2", children: /* @__PURE__ */ t("div", { className: "mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:z-10 mint:w-full mint:p-1 mint:rounded-lg mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-2px_rgba(0,0,0,0.05)]", children: /* @__PURE__ */ t("div", { className: "mint:flex mint:flex-col mint:gap-1", children: i.items.map((n, f) => /* @__PURE__ */ m(
-      d || "a",
-      {
-        href: n.href,
-        className: "mint:flex mint:items-center mint:justify-between mint:py-1.5 mint:px-2 mint:text-sm mint:rounded-xl mint:transition-all mint:duration-150 mint:no-underline mint:text-[#111827] mint:dark:text-white mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#111827] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2",
-        children: [
-          /* @__PURE__ */ m("div", { className: "mint:flex mint:items-center mint:gap-2", children: [
-            n.icon && /* @__PURE__ */ t("div", { className: "mint:w-7 mint:h-7 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]", children: /* @__PURE__ */ t(n.icon, { className: "mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]" }) }),
-            /* @__PURE__ */ t("span", { className: "mint:font-medium", children: n.title })
-          ] }),
-          n.href && s === n.href && /* @__PURE__ */ t(x, { className: "mint:w-3 mint:h-3 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]" })
-        ]
-      },
-      `${n.href}-${f}`
-    )) }) }) })
-  ] });
-}
-export {
-  _ as DropdownMenu
-};
-//# sourceMappingURL=dropdown-menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/nav-tree/dropdown-menu.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { CheckmarkFilled, DocumentRegular } from \"@fluentui/react-icons\";\nimport { useComponents } from \"../../context/components-context\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface DropdownConfig {\n  title: string;\n  description: string;\n  icon?: React.ComponentType<{ className?: string }>;\n  color?: {\n    light?: string;\n    dark?: string;\n  };\n  items?: DropdownItem[];\n}\n\nexport interface DropdownItem {\n  title: string;\n  href?: string;\n  description?: string;\n  icon?: React.ComponentType<{ className?: string }>;\n}\n\ninterface DropdownMenuProps {\n  dropdown: DropdownConfig;\n  isActive?: boolean;\n  activeHref?: string;\n  className?: string;\n}\n\nexport function DropdownMenu({\n  dropdown,\n  isActive = false,\n  activeHref,\n  className = \"\",\n}: DropdownMenuProps) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const { LinkComponent } = useComponents();\n  const Icon = dropdown.icon || DocumentRegular;\n\n  return (\n    <div className={cn(\"mint:mb-2 mint:lg:mb-2\", className)}>\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        aria-expanded={isExpanded}\n        aria-label={`${isExpanded ? \"Collapse\" : \"Expand\"} ${\n          dropdown.title\n        } dropdown`}\n        className={cn(\n          \"mint:w-full mint:py-2 mint:px-3 mint:rounded-xl mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:cursor-pointer mint:hover:border-[#d1d5db] mint:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:border-[rgba(255,255,255,0.15)] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2\",\n          isActive &&\n            \"mint:shadow-[0_0_0_2px_rgba(100,63,178,0.2)] mint:border-[rgba(100,63,178,0.3)]\"\n        )}\n      >\n        <div className=\"mint:flex mint:items-center mint:gap-2\">\n          <div className=\"mint:shrink-0\">\n            <div className=\"mint:w-8 mint:h-8 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]\">\n              <Icon className=\"mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]\" />\n            </div>\n          </div>\n\n          <div className=\"mint:flex-1 mint:text-left mint:min-w-0\">\n            <div className=\"mint:text-sm mint:font-medium mint:text-[#111827] mint:dark:text-white\">\n              {dropdown.title}\n            </div>\n            <div className=\"mint:text-xs mint:text-[#4b5563] mint:dark:text-[#9ca3af] mint:line-clamp-2\">\n              {dropdown.description}\n            </div>\n          </div>\n\n          <div className=\"mint:shrink-0\">\n            <svg\n              className={cn(\n                \"mint:w-4 mint:h-4 mint:text-[#6b7280] mint:dark:text-[#9ca3af] mint:transition-transform mint:duration-200\",\n                isExpanded ? \"mint:rotate-180\" : \"mint:rotate-0\"\n              )}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M19 9l-7 7-7-7\"\n              />\n            </svg>\n          </div>\n        </div>\n      </button>\n\n      {isExpanded && dropdown.items && dropdown.items.length > 0 && (\n        <div className=\"mint:relative mint:mt-2\">\n          <div className=\"mint:absolute mint:top-0 mint:left-0 mint:right-0 mint:z-10 mint:w-full mint:p-1 mint:rounded-lg mint:bg-white mint:dark:bg-[#1f1f1f] mint:border mint:border-[rgba(229,231,235,0.7)] mint:dark:border-[rgba(255,255,255,0.07)] mint:shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-2px_rgba(0,0,0,0.05)]\">\n            <div className=\"mint:flex mint:flex-col mint:gap-1\">\n              {dropdown.items.map((item, index) => {\n                const LinkElement = LinkComponent || \"a\";\n                return (\n                  <LinkElement\n                    key={`${item.href}-${index}`}\n                    href={item.href}\n                    className=\"mint:flex mint:items-center mint:justify-between mint:py-1.5 mint:px-2 mint:text-sm mint:rounded-xl mint:transition-all mint:duration-150 mint:no-underline mint:text-[#111827] mint:dark:text-white mint:hover:bg-[rgba(75,85,99,0.05)] mint:hover:text-[#111827] mint:dark:hover:bg-[rgba(75,85,99,0.05)] mint:dark:hover:text-[#e5e7eb] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2\"\n                  >\n                    <div className=\"mint:flex mint:items-center mint:gap-2\">\n                      {item.icon && (\n                        <div className=\"mint:w-7 mint:h-7 mint:rounded-lg mint:flex mint:items-center mint:justify-center mint:bg-[#e1cefc] mint:dark:bg-[#38255e] mint:border mint:border-[#643fb2] mint:dark:border-[#c9aaf9]\">\n                          <item.icon className=\"mint:w-4 mint:h-4 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]\" />\n                        </div>\n                      )}\n                      <span className=\"mint:font-medium\">{item.title}</span>\n                    </div>\n                    {item.href && activeHref === item.href && (\n                      <CheckmarkFilled className=\"mint:w-3 mint:h-3 mint:text-[#643fb2] mint:dark:text-[#c9aaf9]\" />\n                    )}\n                  </LinkElement>\n                );\n              })}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["DropdownMenu","dropdown","isActive","activeHref","className","isExpanded","setIsExpanded","useState","LinkComponent","useComponents","Icon","DocumentRegular","cn","jsx","jsxs","item","index","CheckmarkFilled"],"mappings":";;;;;AA8BO,SAASA,EAAa;AAAA,EAC3B,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAsB;AACpB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAOT,EAAS,QAAQU;AAE9B,2BACG,OAAA,EAAI,WAAWC,EAAG,0BAA0BR,CAAS,GACpD,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,QACxC,iBAAeA;AAAA,QACf,cAAY,GAAGA,IAAa,aAAa,QAAQ,IAC/CJ,EAAS,KACX;AAAA,QACA,WAAWW;AAAA,UACT;AAAA,UACAV,KACE;AAAA,QAAA;AAAA,QAGJ,UAAA,gBAAAY,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2LACb,UAAA,gBAAAA,EAACH,GAAA,EAAK,WAAU,iEAAA,CAAiE,EAAA,CACnF,GACF;AAAA,UAEA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,YAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0EACZ,UAAAZ,EAAS,OACZ;AAAA,YACA,gBAAAY,EAAC,OAAA,EAAI,WAAU,+EACZ,YAAS,YAAA,CACZ;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAP,IAAa,oBAAoB;AAAA,cAAA;AAAA,cAEnC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,eAAY;AAAA,cAEZ,UAAA,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,aAAa;AAAA,kBACb,GAAE;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA,EACF,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAGDR,KAAcJ,EAAS,SAASA,EAAS,MAAM,SAAS,KACvD,gBAAAY,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA,gBAAAA,EAAC,SAAI,WAAU,kTACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,YAAS,MAAM,IAAI,CAACE,GAAMC,MAGvB,gBAAAF;AAAA,MAFkBN,KAAiB;AAAA,MAElC;AAAA,QAEC,MAAMO,EAAK;AAAA,QACX,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,YAAAC,EAAK,QACJ,gBAAAF,EAAC,OAAA,EAAI,WAAU,2LACb,UAAA,gBAAAA,EAACE,EAAK,MAAL,EAAU,WAAU,iEAAA,CAAiE,EAAA,CACxF;AAAA,YAEF,gBAAAF,EAAC,QAAA,EAAK,WAAU,oBAAoB,YAAK,MAAA,CAAM;AAAA,UAAA,GACjD;AAAA,UACCE,EAAK,QAAQZ,MAAeY,EAAK,QAChC,gBAAAF,EAACI,GAAA,EAAgB,WAAU,iEAAA,CAAiE;AAAA,QAAA;AAAA,MAAA;AAAA,MAbzF,GAAGF,EAAK,IAAI,IAAIC,CAAK;AAAA,IAAA,CAiB/B,EAAA,CACH,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}