@mintlify/msft-sdk 0.1.0

package/README.md

@@ -0,0 +1,23 @@
+# @mintlify/msft-sdk
+
+Lightweight SDK for Microsoft documentation with MDX rendering.
+
+## Installation
+
+```bash
+npm install @mintlify/msft-sdk
+```
+
+### Import CSS
+
+In your home page
+
+```tsx
+import "@mintlify/msft-sdk/styles.css";
+```
+
+(optional) to control themes:
+
+```
+@variant dark (&:where(.dark, .dark *));
+```

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

@@ -0,0 +1,27 @@
+import { CodeBlock as o } from "./code-block.js";
+import { Heading as m } from "./heading.js";
+import { Link as r } from "./link.js";
+import { Callout as t } from "./callouts.js";
+import { ParamName as i } from "./param-name.js";
+import { Summary as p, Details as a } from "./details/details.js";
+import { Tab as f } from "./tabs/tab.js";
+import { Tabs as e } from "./tabs/tabs.js";
+import { ZoneTarget as n } from "./zone-pivots/zone-target.js";
+import { ZonePivot as l } from "./zone-pivots/zone-pivot.js";
+const Z = {
+  CodeBlock: o,
+  Heading: m,
+  Link: r,
+  Callout: t,
+  ZonePivot: l,
+  ZoneTarget: n,
+  ParamName: i,
+  Tabs: e,
+  Tab: f,
+  Details: a,
+  Summary: p
+};
+export {
+  Z as allComponents
+};
+//# sourceMappingURL=all-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"all-components.js","sources":["../../../src/components/content-components/all-components.tsx"],"sourcesContent":["import { CodeBlock } from \"./code-block\";\nimport { Heading } from \"./heading\";\nimport { Link } from \"./link\";\nimport { Callout } from \"./callouts\";\nimport { ZonePivot, ZoneTarget } from \"./zone-pivots\";\nimport { ParamName } from \"./param-name\";\nimport { Tabs, Tab } from \"./tabs\";\nimport { Details, Summary } from \"./details\";\n\nexport const allComponents = {\n  CodeBlock,\n  Heading,\n  Link,\n  Callout,\n  ZonePivot,\n  ZoneTarget,\n  ParamName,\n  Tabs,\n  Tab,\n  Details,\n  Summary,\n};\n"],"names":["allComponents","CodeBlock","Heading","Link","Callout","ZonePivot","ZoneTarget","ParamName","Tabs","Tab","Details","Summary"],"mappings":";;;;;;;;;;AASO,MAAMA,IAAgB;AAAA,EAC3B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF;"}

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

@@ -0,0 +1,50 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { InfoFilled as l, Warning20Regular as t, DismissCircle20Regular as r, Info20Regular as m, Lightbulb20Regular as u } from "@fluentui/react-icons";
+import n from "./callouts.module.css.js";
+import p from "../prose.module.css.js";
+const g = {
+  tip: {
+    icon: /* @__PURE__ */ o(u, { className: n.icon })
+  },
+  note: {
+    icon: /* @__PURE__ */ o(m, { className: n.icon })
+  },
+  warning: {
+    icon: /* @__PURE__ */ o(t, { className: n.icon })
+  },
+  caution: {
+    icon: /* @__PURE__ */ o(r, { className: n.icon })
+  },
+  important: {
+    icon: /* @__PURE__ */ o(t, { className: n.icon })
+  },
+  nextstepaction: {
+    icon: /* @__PURE__ */ o(l, { className: n.icon })
+  }
+}, N = {
+  note: "Note",
+  tip: "Tip",
+  important: "Important",
+  caution: "Caution",
+  warning: "Warning",
+  nextstepaction: "Next step action"
+};
+function C({ type: i, children: c }) {
+  const a = g[i], e = N[i];
+  return /* @__PURE__ */ s(
+    "aside",
+    {
+      role: "note",
+      "aria-label": e,
+      className: `${n.callout} ${n[i]}`,
+      children: [
+        a.icon && /* @__PURE__ */ o("div", { className: n.iconContainer, "aria-hidden": "true", children: a.icon }),
+        /* @__PURE__ */ o("div", { className: `${n.content} ${p.prose}`, children: c })
+      ]
+    }
+  );
+}
+export {
+  C as Callout
+};
+//# sourceMappingURL=callouts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callouts.js","sources":["../../../src/components/content-components/callouts.tsx"],"sourcesContent":["import {\n  Lightbulb20Regular,\n  InfoFilled,\n  Warning20Regular,\n  DismissCircle20Regular,\n  Info20Regular,\n} from \"@fluentui/react-icons\";\nimport styles from \"./callouts.module.css\";\nimport proseStyles from \"../prose.module.css\";\n\nexport type CalloutType =\n  | \"note\"\n  | \"tip\"\n  | \"important\"\n  | \"caution\"\n  | \"warning\"\n  | \"nextstepaction\";\n\ninterface CalloutProps {\n  type: CalloutType;\n  children: React.ReactNode;\n}\n\nconst calloutConfig: Record<\n  CalloutType,\n  {\n    icon?: React.ReactNode;\n  }\n> = {\n  tip: {\n    icon: <Lightbulb20Regular className={styles.icon} />,\n  },\n  note: {\n    icon: <Info20Regular className={styles.icon} />,\n  },\n  warning: {\n    icon: <Warning20Regular className={styles.icon} />,\n  },\n  caution: {\n    icon: <DismissCircle20Regular className={styles.icon} />,\n  },\n  important: {\n    icon: <Warning20Regular className={styles.icon} />,\n  },\n  nextstepaction: {\n    icon: <InfoFilled className={styles.icon} />,\n  },\n};\n\nconst calloutLabels: Record<CalloutType, string> = {\n  note: \"Note\",\n  tip: \"Tip\",\n  important: \"Important\",\n  caution: \"Caution\",\n  warning: \"Warning\",\n  nextstepaction: \"Next step action\",\n};\n\nexport function Callout({ type, children }: CalloutProps) {\n  const config = calloutConfig[type];\n  const label = calloutLabels[type];\n\n  return (\n    <aside\n      role=\"note\"\n      aria-label={label}\n      className={`${styles.callout} ${styles[type]}`}\n    >\n      {config.icon && (\n        <div className={styles.iconContainer} aria-hidden=\"true\">\n          {config.icon}\n        </div>\n      )}\n      <div className={`${styles.content} ${proseStyles.prose}`}>{children}</div>\n    </aside>\n  );\n}\n"],"names":["calloutConfig","jsx","Lightbulb20Regular","styles","Info20Regular","Warning20Regular","DismissCircle20Regular","InfoFilled","calloutLabels","Callout","type","children","config","label","jsxs","proseStyles"],"mappings":";;;;AAuBA,MAAMA,IAKF;AAAA,EACF,KAAK;AAAA,IACH,MAAM,gBAAAC,EAACC,GAAA,EAAmB,WAAWC,EAAO,KAAA,CAAM;AAAA,EAAA;AAAA,EAEpD,MAAM;AAAA,IACJ,MAAM,gBAAAF,EAACG,GAAA,EAAc,WAAWD,EAAO,KAAA,CAAM;AAAA,EAAA;AAAA,EAE/C,SAAS;AAAA,IACP,MAAM,gBAAAF,EAACI,GAAA,EAAiB,WAAWF,EAAO,KAAA,CAAM;AAAA,EAAA;AAAA,EAElD,SAAS;AAAA,IACP,MAAM,gBAAAF,EAACK,GAAA,EAAuB,WAAWH,EAAO,KAAA,CAAM;AAAA,EAAA;AAAA,EAExD,WAAW;AAAA,IACT,MAAM,gBAAAF,EAACI,GAAA,EAAiB,WAAWF,EAAO,KAAA,CAAM;AAAA,EAAA;AAAA,EAElD,gBAAgB;AAAA,IACd,MAAM,gBAAAF,EAACM,GAAA,EAAW,WAAWJ,EAAO,KAAA,CAAM;AAAA,EAAA;AAE9C,GAEMK,IAA6C;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,SAASC,EAAQ,EAAE,MAAAC,GAAM,UAAAC,KAA0B;AACxD,QAAMC,IAASZ,EAAcU,CAAI,GAC3BG,IAAQL,EAAcE,CAAI;AAEhC,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYD;AAAA,MACZ,WAAW,GAAGV,EAAO,OAAO,IAAIA,EAAOO,CAAI,CAAC;AAAA,MAE3C,UAAA;AAAA,QAAAE,EAAO,0BACL,OAAA,EAAI,WAAWT,EAAO,eAAe,eAAY,QAC/C,UAAAS,EAAO,KAAA,CACV;AAAA,QAEF,gBAAAX,EAAC,OAAA,EAAI,WAAW,GAAGE,EAAO,OAAO,IAAIY,EAAY,KAAK,IAAK,UAAAJ,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}

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

@@ -0,0 +1,26 @@
+const n = "_callout_1k3jj_1", t = "_iconContainer_1k3jj_12", o = "_icon_1k3jj_12", _ = "_content_1k3jj_25", c = "_tip_1k3jj_40", i = "_note_1k3jj_52", a = "_warning_1k3jj_64", j = "_caution_1k3jj_76", e = "_important_1k3jj_88", s = "_nextstepaction_1k3jj_100", k = {
+  callout: n,
+  iconContainer: t,
+  icon: o,
+  content: _,
+  tip: c,
+  note: i,
+  warning: a,
+  caution: j,
+  important: e,
+  nextstepaction: s
+};
+export {
+  n as callout,
+  j as caution,
+  _ as content,
+  k as default,
+  o as icon,
+  t as iconContainer,
+  e as important,
+  s as nextstepaction,
+  i as note,
+  c as tip,
+  a as warning
+};
+//# sourceMappingURL=callouts.module.css.js.map

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

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

package/dist/components/content-components/code-block.js

@@ -0,0 +1,86 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import T, { useState as N, useEffect as j } from "react";
+import u from "prismjs";
+import "prismjs/components/prism-javascript";
+import "prismjs/components/prism-typescript";
+import "prismjs/components/prism-python";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-json";
+import "prismjs/components/prism-markdown";
+import "prismjs/components/prism-csharp";
+import "prismjs/components/prism-powershell";
+import { getNodeText as A } from "../../utils/get-node-text.js";
+import { Checkmark20Regular as k, Copy20Regular as I } from "@fluentui/react-icons";
+import { capitalize as R } from "../../utils/string.js";
+import o from "./code-block.module.css.js";
+function S() {
+  const [e, c] = N(!1);
+  return { isCopied: e, copy: async (m) => {
+    try {
+      await navigator.clipboard.writeText(m), c(!0), setTimeout(() => c(!1), 2e3);
+    } catch (l) {
+      console.error("Failed to copy to clipboard:", l);
+    }
+  } };
+}
+function K({
+  children: e,
+  className: c,
+  fileName: n,
+  language: m
+}) {
+  const [l, f] = N(""), { isCopied: y, copy: b } = S(), t = m || (c == null ? void 0 : c.replace(/^language-/, "")) || "text", s = A(e), x = !!n, g = T.useMemo(() => {
+    var p, C;
+    if (typeof e != "object" || e == null)
+      return !1;
+    const i = Array.isArray(e) ? e : [e];
+    for (const a of i)
+      if (typeof a == "object" && a != null && "props" in a && ((p = a.props) != null && p.children)) {
+        const v = Array.isArray(a.props.children) ? a.props.children : [a.props.children];
+        for (const d of v)
+          if (typeof d == "object" && d != null && "props" in d && ((C = d.props) != null && C.className))
+            return !0;
+      }
+    return !1;
+  }, [e]);
+  j(() => {
+    if (!g)
+      try {
+        const i = u.languages[t] || u.languages.plaintext, p = u.highlight(s, i, t);
+        f(p);
+      } catch (i) {
+        console.error("Failed to highlight code:", i), f(s);
+      }
+  }, [s, t, g]);
+  const $ = () => {
+    b(s);
+  };
+  return /* @__PURE__ */ h("div", { className: x ? o.container : void 0, children: [
+    n && /* @__PURE__ */ r("span", { className: o.fileName, children: n }),
+    /* @__PURE__ */ h("div", { className: `${o.codeWrapper} not-prose`, children: [
+      /* @__PURE__ */ h("div", { className: o.header, children: [
+        /* @__PURE__ */ r("span", { className: o.language, children: R(t) }),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: $,
+            className: o.copyButton,
+            "aria-label": y ? "Copied" : "Copy code",
+            children: y ? /* @__PURE__ */ r(k, { className: o.copiedIcon }) : /* @__PURE__ */ r(I, { className: o.copyIcon })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: `${o.scrollContainer} code-scrollbar`, children: /* @__PURE__ */ r("pre", { className: o.pre, children: g ? /* @__PURE__ */ r("code", { className: `language-${t} ${o.code}`, children: e }) : l ? /* @__PURE__ */ r(
+        "code",
+        {
+          className: `language-${t} ${o.code}`,
+          dangerouslySetInnerHTML: { __html: l }
+        }
+      ) : /* @__PURE__ */ r("code", { className: `language-${t} ${o.code}`, children: s }) }) })
+    ] })
+  ] });
+}
+export {
+  K as CodeBlock
+};
+//# sourceMappingURL=code-block.js.map

package/dist/components/content-components/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/components/prism-javascript\";\nimport \"prismjs/components/prism-typescript\";\nimport \"prismjs/components/prism-python\";\nimport \"prismjs/components/prism-bash\";\nimport \"prismjs/components/prism-json\";\nimport \"prismjs/components/prism-markdown\";\nimport \"prismjs/components/prism-csharp\";\nimport \"prismjs/components/prism-powershell\";\nimport { getNodeText } from \"../../utils/get-node-text\";\nimport { Copy20Regular, Checkmark20Regular } from \"@fluentui/react-icons\";\nimport { capitalize } from \"../../utils/string\";\nimport styles from \"./code-block.module.css\";\n\ninterface CodeBlockProps {\n  children: React.ReactNode;\n  className?: string;\n  language?: string;\n  fileName?: string;\n}\n\nfunction useCopyToClipboard() {\n  const [isCopied, setIsCopied] = useState(false);\n\n  const copy = async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), 2000);\n    } catch (error) {\n      console.error(\"Failed to copy to clipboard:\", error);\n    }\n  };\n\n  return { isCopied, copy };\n}\n\nexport function CodeBlock({\n  children,\n  className,\n  fileName,\n  language,\n}: CodeBlockProps) {\n  const [highlightedCode, setHighlightedCode] = useState<string>(\"\");\n  const { isCopied, copy } = useCopyToClipboard();\n  const lang = language || className?.replace(/^language-/, \"\") || \"text\";\n  const codeText = getNodeText(children);\n  const showContainer = !!fileName;\n\n  const isSSRHighlighted = React.useMemo(() => {\n    if (typeof children !== \"object\" || children == null) {\n      return false;\n    }\n\n    const childrenArray = Array.isArray(children) ? children : [children];\n    for (const child of childrenArray) {\n      if (\n        typeof child === \"object\" &&\n        child != null &&\n        \"props\" in child &&\n        child.props?.children\n      ) {\n        const codeChildren = Array.isArray(child.props.children)\n          ? child.props.children\n          : [child.props.children];\n\n        for (const codeChild of codeChildren) {\n          if (\n            typeof codeChild === \"object\" &&\n            codeChild != null &&\n            \"props\" in codeChild &&\n            codeChild.props?.className\n          ) {\n            return true;\n          }\n        }\n      }\n    }\n    return false;\n  }, [children]);\n\n  useEffect(() => {\n    if (isSSRHighlighted) {\n      return;\n    }\n\n    try {\n      const grammar = Prism.languages[lang] || Prism.languages.plaintext;\n      const html = Prism.highlight(codeText, grammar, lang);\n      setHighlightedCode(html);\n    } catch (error) {\n      console.error(\"Failed to highlight code:\", error);\n      setHighlightedCode(codeText);\n    }\n  }, [codeText, lang, isSSRHighlighted]);\n\n  const handleCopy = () => {\n    copy(codeText);\n  };\n\n  return (\n    <div className={showContainer ? styles.container : undefined}>\n      {fileName && <span className={styles.fileName}>{fileName}</span>}\n      <div className={`${styles.codeWrapper} not-prose`}>\n        <div className={styles.header}>\n          <span className={styles.language}>\n            {capitalize(lang)}\n          </span>\n          <button\n            onClick={handleCopy}\n            className={styles.copyButton}\n            aria-label={isCopied ? \"Copied\" : \"Copy code\"}\n          >\n            {isCopied ? (\n              <Checkmark20Regular className={styles.copiedIcon} />\n            ) : (\n              <Copy20Regular className={styles.copyIcon} />\n            )}\n          </button>\n        </div>\n        <div className={`${styles.scrollContainer} code-scrollbar`}>\n          <pre className={styles.pre}>\n            {isSSRHighlighted ? (\n              <code className={`language-${lang} ${styles.code}`}>\n                {children}\n              </code>\n            ) : highlightedCode ? (\n              <code\n                className={`language-${lang} ${styles.code}`}\n                dangerouslySetInnerHTML={{ __html: highlightedCode }}\n              />\n            ) : (\n              <code className={`language-${lang} ${styles.code}`}>\n                {codeText}\n              </code>\n            )}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["useCopyToClipboard","isCopied","setIsCopied","useState","text","error","CodeBlock","children","className","fileName","language","highlightedCode","setHighlightedCode","copy","lang","codeText","getNodeText","showContainer","isSSRHighlighted","React","childrenArray","child","_a","codeChildren","codeChild","_b","useEffect","grammar","Prism","html","handleCopy","styles","jsx","jsxs","capitalize","Checkmark20Regular","Copy20Regular"],"mappings":"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"}

package/dist/components/content-components/code-block.module.css.js

@@ -0,0 +1,28 @@
+const e = "_container_2biqe_1", o = "_fileName_2biqe_20", c = "_codeWrapper_2biqe_27", n = "_header_2biqe_37", _ = "_language_2biqe_46", t = "_copyButton_2biqe_56", a = "_copyIcon_2biqe_86", i = "_copiedIcon_2biqe_91", r = "_scrollContainer_2biqe_101", p = "_pre_2biqe_105", s = "_code_2biqe_27", l = {
+  container: e,
+  fileName: o,
+  codeWrapper: c,
+  header: n,
+  language: _,
+  copyButton: t,
+  copyIcon: a,
+  copiedIcon: i,
+  scrollContainer: r,
+  pre: p,
+  code: s
+};
+export {
+  s as code,
+  c as codeWrapper,
+  e as container,
+  i as copiedIcon,
+  t as copyButton,
+  a as copyIcon,
+  l as default,
+  o as fileName,
+  n as header,
+  _ as language,
+  p as pre,
+  r as scrollContainer
+};
+//# sourceMappingURL=code-block.module.css.js.map

package/dist/components/content-components/code-block.module.css.js.map

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

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

@@ -0,0 +1,36 @@
+import { jsx as l, Fragment as s } from "react/jsx-runtime";
+import { TableBody as m, TableHeader as i, TableRow as n, TableCell as p, TableHead as d, Table as c } from "./table/index.js";
+import o from "./default-components.module.css.js";
+import { allComponents as b } from "./all-components.js";
+import { Link as u } from "./link.js";
+import { Heading as a } from "./heading.js";
+import { Summary as f, Details as h } from "./details/details.js";
+const H = {
+  h1: (e) => /* @__PURE__ */ l(a, { level: 1, ...e }),
+  h2: (e) => /* @__PURE__ */ l(a, { level: 2, ...e }),
+  h3: (e) => /* @__PURE__ */ l(a, { level: 3, ...e }),
+  h4: (e) => /* @__PURE__ */ l(a, { level: 4, ...e }),
+  h5: (e) => /* @__PURE__ */ l(a, { level: 5, ...e }),
+  h6: (e) => /* @__PURE__ */ l(a, { level: 6, ...e }),
+  code: ({ className: e, children: t, ...r }) => e ? t : /* @__PURE__ */ l("code", { className: `not-prose ${o.inlineCode}`, ...r, children: t }),
+  pre: ({ children: e }) => /* @__PURE__ */ l(s, { children: e }),
+  a: u,
+  p: (e) => /* @__PURE__ */ l("p", { className: o.paragraph, ...e }),
+  ul: (e) => /* @__PURE__ */ l("ul", { className: o.list, ...e }),
+  ol: (e) => /* @__PURE__ */ l("ol", { className: o.orderedList, ...e }),
+  li: (e) => /* @__PURE__ */ l("li", { className: o.listItem, ...e }),
+  blockquote: (e) => /* @__PURE__ */ l("blockquote", { className: `not-prose ${o.blockquote}`, ...e }),
+  table: c,
+  th: d,
+  td: p,
+  tr: n,
+  thead: i,
+  tbody: m,
+  details: h,
+  summary: f,
+  ...b
+};
+export {
+  H as defaultComponents
+};
+//# sourceMappingURL=default-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-components.js","sources":["../../../src/components/content-components/default-components.tsx"],"sourcesContent":["import { Details, Heading, Link, Summary, allComponents } from \".\";\nimport type { MDXComponents } from \"../../types\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table\";\nimport styles from \"./default-components.module.css\";\n\nexport const defaultComponents: MDXComponents = {\n  h1: (props) => <Heading level={1} {...props} />,\n  h2: (props) => <Heading level={2} {...props} />,\n  h3: (props) => <Heading level={3} {...props} />,\n  h4: (props) => <Heading level={4} {...props} />,\n  h5: (props) => <Heading level={5} {...props} />,\n  h6: (props) => <Heading level={6} {...props} />,\n  code: ({ className, children, ...props }) => {\n    const isInline = !className;\n    if (isInline) {\n      return (\n        <code className={`not-prose ${styles.inlineCode}`} {...props}>\n          {children}\n        </code>\n      );\n    }\n    return children;\n  },\n  pre: ({ children }) => <>{children}</>,\n  a: Link,\n  p: (props) => <p className={styles.paragraph} {...props} />,\n  ul: (props) => <ul className={styles.list} {...props} />,\n  ol: (props) => <ol className={styles.orderedList} {...props} />,\n  li: (props) => <li className={styles.listItem} {...props} />,\n  blockquote: (props) => (\n    <blockquote className={`not-prose ${styles.blockquote}`} {...props} />\n  ),\n  table: Table,\n  th: TableHead,\n  td: TableCell,\n  tr: TableRow,\n  thead: TableHeader,\n  tbody: TableBody,\n  details: Details,\n  summary: Summary,\n  ...allComponents,\n};\n"],"names":["defaultComponents","props","jsx","Heading","className","children","styles","Link","Table","TableHead","TableCell","TableRow","TableHeader","TableBody","Details","Summary","allComponents"],"mappings":";;;;;;;AAYO,MAAMA,IAAmC;AAAA,EAC9C,IAAI,CAACC,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,EAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,EAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,EAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,EAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,EAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,EAC7C,MAAM,CAAC,EAAE,WAAAG,GAAW,UAAAC,GAAU,GAAGJ,QACbG,IAQXC,IALH,gBAAAH,EAAC,UAAK,WAAW,aAAaI,EAAO,UAAU,IAAK,GAAGL,GACpD,UAAAI,EAAA,CACH;AAAA,EAKN,KAAK,CAAC,EAAE,UAAAA,EAAA,6BAAkB,UAAAA,GAAS;AAAA,EACnC,GAAGE;AAAA,EACH,GAAG,CAACN,MAAU,gBAAAC,EAAC,OAAE,WAAWI,EAAO,WAAY,GAAGL,GAAO;AAAA,EACzD,IAAI,CAACA,MAAU,gBAAAC,EAAC,QAAG,WAAWI,EAAO,MAAO,GAAGL,GAAO;AAAA,EACtD,IAAI,CAACA,MAAU,gBAAAC,EAAC,QAAG,WAAWI,EAAO,aAAc,GAAGL,GAAO;AAAA,EAC7D,IAAI,CAACA,MAAU,gBAAAC,EAAC,QAAG,WAAWI,EAAO,UAAW,GAAGL,GAAO;AAAA,EAC1D,YAAY,CAACA,MACX,gBAAAC,EAAC,cAAA,EAAW,WAAW,aAAaI,EAAO,UAAU,IAAK,GAAGL,EAAA,CAAO;AAAA,EAEtE,OAAOO;AAAA,EACP,IAAIC;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AAAA,EACJ,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,SAASC;AAAA,EACT,SAASC;AAAA,EACT,GAAGC;AACL;"}

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

@@ -0,0 +1,12 @@
+const o = "_inlineCode_16wxq_1", e = "_paragraph_16wxq_17", a = "_blockquote_16wxq_21", n = {
+  inlineCode: o,
+  paragraph: e,
+  blockquote: a
+};
+export {
+  a as blockquote,
+  n as default,
+  o as inlineCode,
+  e as paragraph
+};
+//# sourceMappingURL=default-components.module.css.js.map

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

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

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

@@ -0,0 +1,42 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import t, { useState as p } from "react";
+import { ChevronDown16Regular as u } from "@fluentui/react-icons";
+import n from "./details.module.css.js";
+function g({ children: s, open: r = !1 }) {
+  const [o, d] = p(r), a = t.Children.toArray(s).find(
+    (e) => t.isValidElement(e) && e.type === m
+  ), i = t.Children.toArray(s).filter(
+    (e) => !(t.isValidElement(e) && e.type === m)
+  );
+  return /* @__PURE__ */ c(
+    "details",
+    {
+      open: o,
+      onToggle: (e) => d(e.currentTarget.open),
+      className: n.details,
+      children: [
+        a && t.isValidElement(a) && t.cloneElement(
+          a,
+          { isOpen: o }
+        ),
+        o && i.length > 0 && /* @__PURE__ */ l("div", { className: n.body, children: i })
+      ]
+    }
+  );
+}
+function m({ children: s, isOpen: r }) {
+  return /* @__PURE__ */ c("summary", { className: n.summary, children: [
+    /* @__PURE__ */ l(
+      u,
+      {
+        className: `${n.icon} ${r ? n.iconOpen : n.iconClosed}`
+      }
+    ),
+    /* @__PURE__ */ l("span", { className: `${n.content} not-prose`, children: s })
+  ] });
+}
+export {
+  g as Details,
+  m as Summary
+};
+//# sourceMappingURL=details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.js","sources":["../../../../src/components/content-components/details/details.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ChevronDown16Regular } from \"@fluentui/react-icons\";\nimport styles from \"./details.module.css\";\n\ninterface DetailsProps {\n  children: React.ReactNode;\n  open?: boolean;\n}\n\nexport function Details({ children, open = false }: DetailsProps) {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const summaryChild = React.Children.toArray(children).find(\n    (child) => React.isValidElement(child) && child.type === Summary\n  );\n\n  const otherChildren = React.Children.toArray(children).filter(\n    (child) => !(React.isValidElement(child) && child.type === Summary)\n  );\n\n  return (\n    <details\n      open={isOpen}\n      onToggle={(e) => setIsOpen(e.currentTarget.open)}\n      className={styles.details}\n    >\n      {summaryChild &&\n        React.isValidElement(summaryChild) &&\n        React.cloneElement(\n          summaryChild as React.ReactElement<\n            SummaryProps & { isOpen?: boolean }\n          >,\n          { isOpen }\n        )}\n      {isOpen && otherChildren.length > 0 && (\n        <div className={styles.body}>{otherChildren}</div>\n      )}\n    </details>\n  );\n}\n\ninterface SummaryProps {\n  children: React.ReactNode;\n  isOpen?: boolean;\n}\n\nexport function Summary({ children, isOpen }: SummaryProps) {\n  return (\n    <summary className={styles.summary}>\n      <ChevronDown16Regular\n        className={`${styles.icon} ${\n          isOpen ? styles.iconOpen : styles.iconClosed\n        }`}\n      />\n      <span className={`${styles.content} not-prose`}>{children}</span>\n    </summary>\n  );\n}\n"],"names":["Details","children","open","isOpen","setIsOpen","useState","summaryChild","React","child","Summary","otherChildren","jsxs","styles","jsx","ChevronDown16Regular"],"mappings":";;;;AASO,SAASA,EAAQ,EAAE,UAAAC,GAAU,MAAAC,IAAO,MAAuB;AAChE,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASH,CAAI,GAEnCI,IAAeC,EAAM,SAAS,QAAQN,CAAQ,EAAE;AAAA,IACpD,CAACO,MAAUD,EAAM,eAAeC,CAAK,KAAKA,EAAM,SAASC;AAAA,EAAA,GAGrDC,IAAgBH,EAAM,SAAS,QAAQN,CAAQ,EAAE;AAAA,IACrD,CAACO,MAAU,EAAED,EAAM,eAAeC,CAAK,KAAKA,EAAM,SAASC;AAAA,EAAA;AAG7D,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMR;AAAA,MACN,UAAU,CAAC,MAAMC,EAAU,EAAE,cAAc,IAAI;AAAA,MAC/C,WAAWQ,EAAO;AAAA,MAEjB,UAAA;AAAA,QAAAN,KACCC,EAAM,eAAeD,CAAY,KACjCC,EAAM;AAAA,UACJD;AAAA,UAGA,EAAE,QAAAH,EAAA;AAAA,QAAO;AAAA,QAEZA,KAAUO,EAAc,SAAS,uBAC/B,OAAA,EAAI,WAAWE,EAAO,MAAO,UAAAF,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIpD;AAOO,SAASD,EAAQ,EAAE,UAAAR,GAAU,QAAAE,KAAwB;AAC1D,SACE,gBAAAQ,EAAC,WAAA,EAAQ,WAAWC,EAAO,SACzB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW,GAAGF,EAAO,IAAI,IACvBT,IAASS,EAAO,WAAWA,EAAO,UACpC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAED,QAAA,EAAK,WAAW,GAAGA,EAAO,OAAO,cAAe,UAAAX,EAAA,CAAS;AAAA,EAAA,GAC5D;AAEJ;"}

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

@@ -0,0 +1,20 @@
+const c = "_details_d3x6c_1", o = "_summary_d3x6c_13", n = "_icon_d3x6c_37", _ = "_iconOpen_d3x6c_42", s = "_iconClosed_d3x6c_46", t = "_content_d3x6c_50", d = "_body_d3x6c_54", e = {
+  details: c,
+  summary: o,
+  icon: n,
+  iconOpen: _,
+  iconClosed: s,
+  content: t,
+  body: d
+};
+export {
+  d as body,
+  t as content,
+  e as default,
+  c as details,
+  n as icon,
+  s as iconClosed,
+  _ as iconOpen,
+  o as summary
+};
+//# sourceMappingURL=details.module.css.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+const c = ({ id: o, level: r, children: t, className: n = "" }) => {
+  const e = `h${r}`;
+  return /* @__PURE__ */ s(e, { id: o, className: n, children: t });
+};
+export {
+  c as Heading
+};
+//# sourceMappingURL=heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sources":["../../../src/components/content-components/heading.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface HeadingProps {\n  id: string;\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport const Heading = ({ id, level, children, className = '' }: HeadingProps) => {\n  const Tag = `h${level}` as keyof JSX.IntrinsicElements;\n  \n  return (\n    <Tag id={id} className={className}>\n      {children}\n    </Tag>\n  );\n};"],"names":["Heading","id","level","children","className","Tag","jsx"],"mappings":";AASO,MAAMA,IAAU,CAAC,EAAE,IAAAC,GAAI,OAAAC,GAAO,UAAAC,GAAU,WAAAC,IAAY,SAAuB;AAChF,QAAMC,IAAM,IAAIH,CAAK;AAErB,SACE,gBAAAI,EAACD,GAAA,EAAI,IAAAJ,GAAQ,WAAAG,GACV,UAAAD,EAAA,CACH;AAEJ;"}

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

@@ -0,0 +1,23 @@
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import o from "./link.module.css.js";
+function p({ href: n, children: s, className: a = "" }) {
+  const t = (n == null ? void 0 : n.startsWith("http")) || (n == null ? void 0 : n.startsWith("//"));
+  return /* @__PURE__ */ i(
+    "a",
+    {
+      href: n,
+      className: `not-prose ${o.link} ${a}`,
+      target: t ? "_blank" : void 0,
+      rel: t ? "noopener noreferrer" : void 0,
+      "aria-label": t ? `${s} (opens in new tab)` : void 0,
+      children: [
+        s,
+        t && /* @__PURE__ */ l("span", { className: o.srOnly, children: " (opens in new tab)" })
+      ]
+    }
+  );
+}
+export {
+  p as Link
+};
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../src/components/content-components/link.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./link.module.css\";\n\ninterface LinkProps {\n  href?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Link({ href, children, className = \"\" }: LinkProps) {\n  const isExternal = href?.startsWith(\"http\") || href?.startsWith(\"//\");\n\n  return (\n    <a\n      href={href}\n      className={`not-prose ${styles.link} ${className}`}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noopener noreferrer\" : undefined}\n      aria-label={isExternal ? `${children} (opens in new tab)` : undefined}\n    >\n      {children}\n      {isExternal && (\n        <span className={styles.srOnly}> (opens in new tab)</span>\n      )}\n    </a>\n  );\n}\n"],"names":["Link","href","children","className","isExternal","jsxs","styles","jsx"],"mappings":";;AASO,SAASA,EAAK,EAAE,MAAAC,GAAM,UAAAC,GAAU,WAAAC,IAAY,MAAiB;AAClE,QAAMC,KAAaH,KAAA,gBAAAA,EAAM,WAAW,aAAWA,KAAA,gBAAAA,EAAM,WAAW;AAEhE,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAJ;AAAA,MACA,WAAW,aAAaK,EAAO,IAAI,IAAIH,CAAS;AAAA,MAChD,QAAQC,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MAC1C,cAAYA,IAAa,GAAGF,CAAQ,wBAAwB;AAAA,MAE3D,UAAA;AAAA,QAAAA;AAAA,QACAE,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAWD,EAAO,QAAQ,UAAA,sBAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI3D;"}

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

@@ -0,0 +1,10 @@
+const n = "_link_1rr6d_1", s = "_srOnly_1rr6d_5", l = {
+  link: n,
+  srOnly: s
+};
+export {
+  l as default,
+  n as link,
+  s as srOnly
+};
+//# sourceMappingURL=link.module.css.js.map

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

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

package/dist/components/content-components/param-name.js

@@ -0,0 +1,9 @@
+import { jsx as a } from "react/jsx-runtime";
+import m from "./param-name.module.css.js";
+function s({ children: r }) {
+  return /* @__PURE__ */ a("span", { className: `not-prose ${m.paramName}`, children: r });
+}
+export {
+  s as ParamName
+};
+//# sourceMappingURL=param-name.js.map

package/dist/components/content-components/param-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"param-name.js","sources":["../../../src/components/content-components/param-name.tsx"],"sourcesContent":["import styles from \"./param-name.module.css\";\n\ninterface ParamNameProps {\n  children: React.ReactNode;\n}\n\nexport function ParamName({ children }: ParamNameProps) {\n  return <span className={`not-prose ${styles.paramName}`}>{children}</span>;\n}\n"],"names":["ParamName","children","styles"],"mappings":";;AAMO,SAASA,EAAU,EAAE,UAAAC,KAA4B;AACtD,2BAAQ,QAAA,EAAK,WAAW,aAAaC,EAAO,SAAS,IAAK,UAAAD,GAAS;AACrE;"}

package/dist/components/content-components/param-name.module.css.js

@@ -0,0 +1,8 @@
+const a = "_paramName_b3gwo_1", e = {
+  paramName: a
+};
+export {
+  e as default,
+  a as paramName
+};
+//# sourceMappingURL=param-name.module.css.js.map

package/dist/components/content-components/param-name.module.css.js.map

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

package/dist/components/content-components/table/index.js

@@ -0,0 +1,122 @@
+import { jsx as t, jsxs as r, Fragment as m } from "react/jsx-runtime";
+import * as s from "react";
+import { useState as p } from "react";
+import { TableModal as f } from "./table-modal.js";
+import { ArrowExpand20Regular as N } from "@fluentui/react-icons";
+import o from "./table.module.css.js";
+const T = s.forwardRef(({ className: a, children: e, ...l }, n) => {
+  const [c, d] = p(!1), i = () => {
+    d(!0);
+  }, b = () => {
+    d(!1);
+  };
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: o.container,
+        role: "region",
+        "aria-label": "Data table",
+        children: [
+          /* @__PURE__ */ r(
+            "button",
+            {
+              onClick: i,
+              className: o.expandButton,
+              "aria-label": "Expand table to full screen view",
+              title: "Expand table",
+              children: [
+                /* @__PURE__ */ t(N, { className: o.expandIcon }),
+                /* @__PURE__ */ t("span", { className: o.expandText, children: "Expand table" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: o.scrollContainer, children: /* @__PURE__ */ t(
+            "table",
+            {
+              ref: n,
+              className: `${o.table} ${a || ""}`,
+              ...l,
+              children: e
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(f, { isOpen: c, onClose: b, children: /* @__PURE__ */ t(
+      "table",
+      {
+        className: `${o.table} ${a || ""}`,
+        children: e
+      }
+    ) })
+  ] });
+});
+T.displayName = "Table";
+const $ = s.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ t(
+  "thead",
+  {
+    ref: l,
+    className: `${o.tableHeader} ${a || ""}`,
+    ...e
+  }
+));
+$.displayName = "TableHeader";
+const w = s.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ t("tbody", { ref: l, className: a, ...e }));
+w.displayName = "TableBody";
+const R = s.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ t(
+  "tfoot",
+  {
+    ref: l,
+    className: `${o.tableFooter} ${a || ""}`,
+    ...e
+  }
+));
+R.displayName = "TableFooter";
+const x = s.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ t(
+  "tr",
+  {
+    ref: l,
+    className: `${o.tableRow} ${a || ""}`,
+    ...e
+  }
+));
+x.displayName = "TableRow";
+const y = s.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ t(
+  "th",
+  {
+    ref: l,
+    className: `${o.tableHead} ${a || ""}`,
+    ...e
+  }
+));
+y.displayName = "TableHead";
+const C = s.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ t(
+  "td",
+  {
+    ref: l,
+    className: `${o.tableCell} ${a || ""}`,
+    ...e
+  }
+));
+C.displayName = "TableCell";
+const h = s.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ t(
+  "caption",
+  {
+    ref: l,
+    className: `${o.tableCaption} ${a || ""}`,
+    ...e
+  }
+));
+h.displayName = "TableCaption";
+export {
+  T as Table,
+  w as TableBody,
+  h as TableCaption,
+  C as TableCell,
+  R as TableFooter,
+  y as TableHead,
+  $ as TableHeader,
+  x as TableRow
+};
+//# sourceMappingURL=index.js.map