@mintlify/msft-sdk 1.1.23 → 1.1.24

package/dist/components/Api/Markdown.js

@@ -0,0 +1,66 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import c from "react-markdown";
+import l from "remark-gfm";
+import { CodeBlock as h } from "../content-components/code-block.js";
+import { getNodeText as d } from "../content-components/getNodeText.js";
+const p = [l];
+function u({
+  children: a,
+  className: o,
+  components: n,
+  showCopyButton: e = !1
+}) {
+  return /* @__PURE__ */ s("div", { className: o, children: /* @__PURE__ */ s(
+    c,
+    {
+      remarkPlugins: p,
+      components: {
+        p: ({ children: r }) => /* @__PURE__ */ s("p", { className: "mint:break-words", children: r }),
+        pre: ({ children: r, ...t }) => {
+          if (typeof r == "object" && r !== null && "props" in r && typeof r.props == "object" && r.props !== null && "className" in r.props && r.props.className === "language-suggestions")
+            return r;
+          const m = d(r);
+          return /* @__PURE__ */ i("div", { className: "mint:relative", children: [
+            /* @__PURE__ */ s(
+              "pre",
+              {
+                ...t,
+                className: t.className,
+                children: r
+              }
+            ),
+            e && /* @__PURE__ */ s("div", { className: "mint:absolute mint:top-2 mint:right-2", children: /* @__PURE__ */ s(h, { children: m }) })
+          ] });
+        },
+        ...n
+      },
+      children: a
+    }
+  ) });
+}
+const x = ({
+  children: a,
+  className: o
+}) => {
+  const n = "mint:text-base mint:font-medium";
+  return /* @__PURE__ */ s(
+    u,
+    {
+      components: {
+        h1: ({ children: e }) => /* @__PURE__ */ s("h1", { className: n, children: e }),
+        h2: ({ children: e }) => /* @__PURE__ */ s("h2", { className: n, children: e }),
+        h3: ({ children: e }) => /* @__PURE__ */ s("h3", { className: n, children: e }),
+        h4: ({ children: e }) => /* @__PURE__ */ s("h4", { className: n, children: e }),
+        h5: ({ children: e }) => /* @__PURE__ */ s("h5", { className: n, children: e }),
+        h6: ({ children: e }) => /* @__PURE__ */ s("h6", { className: n, children: e })
+      },
+      className: o,
+      children: a
+    }
+  );
+};
+export {
+  u as Markdown,
+  x as MarkdownWithoutHeaders
+};
+//# sourceMappingURL=Markdown.js.map

package/dist/components/Api/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sources":["../../../src/components/Api/Markdown.tsx"],"sourcesContent":["'use client';\n\nimport ReactMarkdown, { Components } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\n\nimport { CodeBlock } from '../content-components/code-block';\nimport { getNodeText } from '../content-components/getNodeText';\nimport { cn } from \"../../utils/cn\";\n\nconst commonRemarkPlugins = [remarkGfm];\n\nexport function Markdown({\n  children,\n  className,\n  components,\n  showCopyButton = false,\n}: {\n  children: string;\n  className?: string;\n  components?: Partial<Components> | null | undefined;\n  showCopyButton?: boolean;\n}) {\n\n  return (\n    <div className={className}>\n      <ReactMarkdown\n        remarkPlugins={commonRemarkPlugins}\n        components={{\n          p: ({ children }) => <p className=\"mint:break-words\">{children}</p>,\n          pre: ({ children, ...props }) => {\n            if (\n              typeof children === 'object' &&\n              children !== null &&\n              'props' in children &&\n              typeof children.props === 'object' &&\n              children.props !== null &&\n              'className' in children.props &&\n              children.props.className === 'language-suggestions'\n            ) {\n              return children;\n            }\n\n            const codeString = getNodeText(children);\n\n            return (\n              <div className=\"mint:relative\">\n                <pre\n                  {...props}\n                  className={props.className}\n                >\n                  {children}\n                </pre>\n                {showCopyButton && (\n                  <div className=\"mint:absolute mint:top-2 mint:right-2\">\n                    <CodeBlock children={codeString} />\n                  </div>\n                )}\n              </div>\n            );\n          },\n          ...components,\n        }}\n      >\n        {children}\n      </ReactMarkdown>\n    </div>\n  );\n}\n\nexport const MarkdownWithoutHeaders = ({\n  children,\n  className,\n}: {\n  children: string;\n  className?: string;\n}) => {\n  const headingClass = 'mint:text-base mint:font-medium';\n  return (\n    <Markdown\n      components={{\n        h1: ({ children }) => <h1 className={headingClass}>{children}</h1>,\n        h2: ({ children }) => <h2 className={headingClass}>{children}</h2>,\n        h3: ({ children }) => <h3 className={headingClass}>{children}</h3>,\n        h4: ({ children }) => <h4 className={headingClass}>{children}</h4>,\n        h5: ({ children }) => <h5 className={headingClass}>{children}</h5>,\n        h6: ({ children }) => <h6 className={headingClass}>{children}</h6>,\n      }}\n      className={className}\n    >\n      {children}\n    </Markdown>\n  );\n};\n"],"names":["commonRemarkPlugins","remarkGfm","Markdown","children","className","components","showCopyButton","jsx","ReactMarkdown","props","codeString","getNodeText","jsxs","CodeBlock","MarkdownWithoutHeaders","headingClass"],"mappings":";;;;;AASA,MAAMA,IAAsB,CAACC,CAAS;AAE/B,SAASC,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiB;AACnB,GAKG;AAED,SACE,gBAAAC,EAAC,SAAI,WAAAH,GACH,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAeR;AAAA,MACf,YAAY;AAAA,QACV,GAAG,CAAC,EAAE,UAAAG,EAAAA,MAAe,gBAAAI,EAAC,KAAA,EAAE,WAAU,oBAAoB,UAAAJ,EAAAA,CAAS;AAAA,QAC/D,KAAK,CAAC,EAAE,UAAAA,GAAU,GAAGM,QAAY;AAC/B,cACE,OAAON,KAAa,YACpBA,MAAa,QACb,WAAWA,KACX,OAAOA,EAAS,SAAU,YAC1BA,EAAS,UAAU,QACnB,eAAeA,EAAS,SACxBA,EAAS,MAAM,cAAc;AAE7B,mBAAOA;AAGT,gBAAMO,IAAaC,EAAYR,CAAQ;AAEvC,iBACE,gBAAAS,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAGE;AAAA,gBACJ,WAAWA,EAAM;AAAA,gBAEhB,UAAAN;AAAAA,cAAA;AAAA,YAAA;AAAA,YAEFG,uBACE,OAAA,EAAI,WAAU,yCACb,UAAA,gBAAAC,EAACM,GAAA,EAAU,UAAUH,EAAA,CAAY,EAAA,CACnC;AAAA,UAAA,GAEJ;AAAA,QAEJ;AAAA,QACA,GAAGL;AAAA,MAAA;AAAA,MAGJ,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEO,MAAMW,IAAyB,CAAC;AAAA,EACrC,UAAAX;AAAA,EACA,WAAAC;AACF,MAGM;AACJ,QAAMW,IAAe;AACrB,SACE,gBAAAR;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,QACV,IAAI,CAAC,EAAE,UAAAC,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,EAAAA,MAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,QAC7D,IAAI,CAAC,EAAE,UAAAA,QAAe,gBAAAI,EAAC,MAAA,EAAG,WAAWQ,GAAe,UAAAZ,EAAAA,CAAS;AAAA,MAAA;AAAA,MAE/D,WAAAC;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Api/Param.js

@@ -0,0 +1,191 @@
+import { jsx as t, jsxs as d, Fragment as y } from "react/jsx-runtime";
+import { useContext as H, useRef as q, useState as M, useCallback as O, useEffect as v } from "react";
+import { buildRecursiveParamFieldId as z } from "../../api-playground/EndpointFields/ParamFields/RecursiveParamField.js";
+import { OptionDropdown as A } from "../../api-playground/EndpointFields/components/OptionDropdown.js";
+import { EndpointLocationContext as D } from "../../contexts/EndpointLocationContext.js";
+import { useSelectedLocale as B } from "../../utils/locales/index.js";
+import { LinkMultipleRegular as J } from "@fluentui/react-icons";
+import "@mintlify/validation";
+import { cn as f } from "../../utils/cn.js";
+import { copyToClipboard as $ } from "../../utils/copyToClipboard.js";
+import { scrollElementIntoView as G } from "../../utils/scrollElementIntoView.js";
+import "../../api-playground-2/types/index.js";
+function u({
+  children: e,
+  prefix: o,
+  className: c
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: f(
+        "mint:flex mint:items-center mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-gray-100/50 mint:dark:bg-white/5 mint:text-gray-600 mint:dark:text-gray-200 mint:font-medium mint:break-all",
+        c
+      ),
+      "data-component-part": "field-info-pill",
+      children: [
+        o && /* @__PURE__ */ t("span", { className: "mint:text-gray-400 mint:dark:text-gray-500", children: o }),
+        /* @__PURE__ */ t("span", { children: e })
+      ]
+    }
+  );
+}
+function K() {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-red-100/50 mint:dark:bg-red-400/10 mint:text-red-600 mint:dark:text-red-300 mint:font-medium mint:whitespace-nowrap",
+      "data-component-part": "field-required-pill",
+      children: "required"
+    }
+  );
+}
+function Q() {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-amber-100/50 mint:dark:bg-amber-400/10 mint:text-amber-600 mint:dark:text-amber-300 mint:font-medium mint:whitespace-nowrap",
+      "data-component-part": "field-deprecated-pill",
+      children: "deprecated"
+    }
+  );
+}
+function mt({
+  name: e,
+  typeLabel: o,
+  location: c,
+  required: w,
+  deprecated: N,
+  fieldType: C,
+  defaultValue: l,
+  typeOptions: s,
+  selectedTypeOptionIndex: I,
+  onSelectTypeOption: h,
+  parentName: r,
+  id: R,
+  pre: p,
+  post: g,
+  style: _,
+  explode: E
+}) {
+  const { hasScrolledToAnchorRef: a } = H(D), L = B(), x = q(null), [P, S] = M(!1), i = R ?? z(C, e, r), b = O(() => {
+    i && ($(window.location.href.split("#")[0] + "#" + i), window.location.hash = i);
+  }, [i]);
+  v(() => {
+    const n = x.current;
+    if (!n) return;
+    function m() {
+      const F = (n == null ? void 0 : n.offsetHeight) ?? 0;
+      S(F > 28);
+    }
+    m();
+    const k = new ResizeObserver(m);
+    return k.observe(n), () => {
+      k.unobserve(n);
+    };
+  }, []), v(() => {
+    G({
+      id: i,
+      shouldReturnEarly: !!(a != null && a.current) || !i || !!r,
+      checkIfShouldScroll(n, m) {
+        return m === i;
+      },
+      postScrollCallback() {
+        a && (a.current = !0);
+      }
+    });
+  }, [a, i, r]);
+  const j = r ? _ === "deepObject" && E ? /* @__PURE__ */ d(y, { children: [
+    /* @__PURE__ */ t("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: r }),
+    e,
+    /* @__PURE__ */ t("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: "]" })
+  ] }) : /* @__PURE__ */ d(y, { children: [
+    /* @__PURE__ */ t("span", { className: "mint:text-gray-500 mint:dark:text-gray-400", children: r }),
+    e
+  ] }) : e;
+  return e == null ? null : /* @__PURE__ */ t(
+    "div",
+    {
+      className: "mint:flex mint:font-mono mint:text-sm mint:group/param-head mint:param-head mint:break-all mint:relative",
+      id: i,
+      children: /* @__PURE__ */ t("div", { className: "mint:flex-1 mint:flex mint:content-start mint:py-0.5 mint:mr-5", children: /* @__PURE__ */ d("div", { className: "mint:flex mint:items-center mint:flex-wrap mint:gap-2 mint:mt-2", children: [
+        i && /* @__PURE__ */ t("div", { className: "mint:absolute", children: /* @__PURE__ */ d(
+          "a",
+          {
+            href: `#${i}`,
+            className: f(
+              r ? "mint:-ml-[2.1rem]" : "mint:-ml-10",
+              "mint:flex mint:items-center mint:opacity-0 mint:border-0 mint:group-hover/param-head:opacity-100 mint:focus:opacity-100 mint:focus:outline-0 mint:py-2 mint:[.expandable-content_&]:-ml-[2.1rem] mint:group/link"
+            ),
+            "aria-label": L["aria.navigateToHeader"],
+            onClick: b,
+            children: [
+              "​",
+              /* @__PURE__ */ t("div", { className: "mint:w-6 mint:h-6 mint:rounded-md mint:flex mint:items-center mint:justify-center mint:shadow-sm mint:text-gray-400 mint:dark:text-white/50 mint:dark:bg-background-dark mint:dark:brightness-[1.35] mint:dark:ring-1 mint:dark:hover:brightness-150 mint:bg-white mint:ring-1 mint:ring-gray-400/30 mint:dark:ring-gray-700/25 mint:hover:ring-gray-400/60 mint:dark:hover:ring-white/20 mint:group-focus/link:border-2 mint:group-focus/link:border-primary mint:dark:group-focus/link:border-primary-light", children: /* @__PURE__ */ t(J, {}) })
+            ]
+          }
+        ) }),
+        p == null ? void 0 : p.map((n, m) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: "mint:px-2 mint:py-0.5 mint:mb-2 mint:rounded-md mint:bg-gray-100/50 mint:dark:bg-white/5 mint:text-gray-600 mint:dark:text-gray-200",
+            "data-component-part": "field-meta-pre",
+            children: n
+          },
+          m
+        )),
+        (r || e) && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "mint:font-semibold mint:text-[#643FB2] mint:mt-2 mint:mb-2 mint:dark:text-[#C9AAF9] mint:cursor-pointer mint:overflow-wrap-anywhere",
+            "data-component-part": "field-name",
+            onClick: b,
+            children: j
+          }
+        ),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            ref: x,
+            className: f(
+              "mint:inline mint:items-center mint:gap-2 mint:text-xs mint:font-medium mint:[&_div]:inline mint:[&_div]:mr-2",
+              P ? "mint:[&_div]:leading-6" : "mint:[&_div]:leading-5"
+            ),
+            "data-component-part": "field-meta",
+            children: [
+              s && s.length > 1 && h ? /* @__PURE__ */ t(
+                A,
+                {
+                  options: s,
+                  selectedIndex: I,
+                  onSelectOption: h
+                }
+              ) : o && /* @__PURE__ */ t(u, { children: o }),
+              c && /* @__PURE__ */ t(u, { children: c }),
+              l != null && /* @__PURE__ */ t(u, { prefix: "default:", children: typeof l == "string" ? l === "" ? '""' : l : JSON.stringify(l) }),
+              w && /* @__PURE__ */ t(K, {}),
+              N && /* @__PURE__ */ t(Q, {}),
+              g == null ? void 0 : g.map((n, m) => /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-gray-100/50 mint:dark:bg-white/5 mint:text-gray-600 mint:dark:text-gray-200",
+                  "data-component-part": "field-meta-post",
+                  children: n
+                },
+                m
+              ))
+            ]
+          }
+        )
+      ] }) })
+    },
+    i
+  );
+}
+export {
+  Q as DeprecatedPill,
+  u as InfoPill,
+  mt as ParamHead,
+  K as RequiredPill
+};
+//# sourceMappingURL=Param.js.map

package/dist/components/Api/Param.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Param.js","sources":["../../../src/components/Api/Param.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useRef, useState, useMemo, useContext } from 'react';\n\nimport { buildRecursiveParamFieldId } from '@/api-playground/EndpointFields/ParamFields/RecursiveParamField';\nimport { OptionDropdown } from '@/api-playground/EndpointFields/components/OptionDropdown';\nimport { EndpointLocationContext } from '@/contexts/EndpointLocationContext';\nimport { useSelectedLocale } from '@/utils/locales';\nimport { LinkMultipleRegular } from '@fluentui/react-icons';\nimport { setParamFieldDefault } from '@/utils/api-playground/paramFieldDefaults';\nimport { parseDefaultByType } from '@/utils/api-playground/parseDefaultByType';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\nimport { scrollElementIntoView } from '@/utils/scrollElementIntoView';\nimport { FieldType } from '@/api-playground-2/types/api';\nimport { Classes } from '@/api-playground-2/types';\n\nconst MAX_DEFAULT_VALUE_LENGTH = 50;\n\nexport type ParamProps = {\n  query?: string;\n  path?: string;\n  body?: string;\n  header?: string;\n  children: React.ReactNode;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  default?: any;\n  type?: string;\n  location?: string;\n  required?: boolean;\n  deprecated?: boolean;\n  hidden?: boolean;\n  placeholder?: string;\n  enum?: string[];\n  id?: string;\n  pre?: string[];\n  post?: string[];\n};\n\nexport function InfoPill({\n  children,\n  prefix,\n  className,\n}: {\n  children: React.ReactNode;\n  prefix?: string;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        'mint:flex mint:items-center mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-gray-100/50 mint:dark:bg-white/5 mint:text-gray-600 mint:dark:text-gray-200 mint:font-medium mint:break-all',\n        className\n      )}\n      data-component-part=\"field-info-pill\"\n    >\n      {prefix && <span className=\"mint:text-gray-400 mint:dark:text-gray-500\">{prefix}</span>}\n      <span>{children}</span>\n    </div>\n  );\n}\n\nexport function RequiredPill() {\n  return (\n    <div\n      className=\"mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-red-100/50 mint:dark:bg-red-400/10 mint:text-red-600 mint:dark:text-red-300 mint:font-medium mint:whitespace-nowrap\"\n      data-component-part=\"field-required-pill\"\n    >\n      required\n    </div>\n  );\n}\n\nexport function DeprecatedPill() {\n  return (\n    <div\n      className=\"mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-amber-100/50 mint:dark:bg-amber-400/10 mint:text-amber-600 mint:dark:text-amber-300 mint:font-medium mint:whitespace-nowrap\"\n      data-component-part=\"field-deprecated-pill\"\n    >\n      deprecated\n    </div>\n  );\n}\n\nexport function ParamField({\n  query,\n  path,\n  body,\n  header,\n  children,\n  default: defaultValue,\n  type,\n  location,\n  required = false,\n  deprecated = false,\n  hidden = false,\n  id,\n  pre,\n  post,\n}: ParamProps) {\n  const name = query || path || body || header;\n\n  useEffect(() => {\n    if (name && defaultValue !== undefined) {\n      const loc = query ? 'query' : path ? 'path' : header ? 'header' : body ? 'body' : undefined;\n\n      if (loc) {\n        const parsed = parseDefaultByType(\n          type,\n          typeof defaultValue === 'string' ? defaultValue : JSON.stringify(defaultValue)\n        );\n        setParamFieldDefault(loc, name, parsed);\n      }\n    }\n  }, [name, defaultValue, query, path, header, location]);\n\n  if (name == null) {\n    return null;\n  }\n\n  return (\n    <GenericParam\n      name={name}\n      defaultValue={defaultValue}\n      type={type}\n      location={location}\n      required={required}\n      deprecated={deprecated}\n      hidden={hidden}\n      id={id}\n      pre={pre}\n      post={post}\n    >\n      {children}\n    </GenericParam>\n  );\n}\n\nexport function ParamHead({\n  name,\n  typeLabel,\n  location,\n  required,\n  deprecated,\n  fieldType,\n  defaultValue,\n  typeOptions,\n  selectedTypeOptionIndex,\n  onSelectTypeOption,\n  parentName,\n  id,\n  pre,\n  post,\n  style,\n  explode,\n}: {\n  name?: string | null;\n  typeLabel?: string;\n  fieldType?: FieldType;\n  location?: string;\n  required?: boolean;\n  deprecated?: boolean;\n  defaultValue?: unknown;\n  typeOptions?: string[];\n  selectedTypeOptionIndex?: number;\n  onSelectTypeOption?: (index: number) => void;\n  parentName?: string;\n  id?: string;\n  pre?: string[];\n  post?: string[];\n  style?: string;\n  explode?: boolean;\n}) {\n  const { hasScrolledToAnchorRef } = useContext(EndpointLocationContext);\n  const locale = useSelectedLocale();\n  const pillsRef = useRef<HTMLDivElement>(null);\n  const [isMultiLine, setIsMultiLine] = useState(false);\n  const paramId = id ?? buildRecursiveParamFieldId(fieldType, name, parentName);\n\n  const copyAnchorLink = useCallback(() => {\n    if (paramId) {\n      void copyToClipboard(window.location.href.split('#')[0] + '#' + paramId);\n      window.location.hash = paramId;\n    }\n  }, [paramId]);\n\n  useEffect(() => {\n    const ref = pillsRef.current;\n    if (!ref) return;\n\n    function checkHeight() {\n      const height = ref?.offsetHeight ?? 0;\n      setIsMultiLine(height > 28);\n    }\n\n    checkHeight();\n    const resizeObserver = new ResizeObserver(checkHeight);\n    resizeObserver.observe(ref);\n\n    return () => {\n      resizeObserver.unobserve(ref);\n    };\n  }, []);\n\n  useEffect(() => {\n    scrollElementIntoView({\n      id: paramId,\n      shouldReturnEarly: !!hasScrolledToAnchorRef?.current || !paramId || !!parentName,\n      checkIfShouldScroll(_targetEl, hash) {\n        return hash === paramId;\n      },\n      postScrollCallback() {\n        if (hasScrolledToAnchorRef) hasScrolledToAnchorRef.current = true;\n      },\n    });\n  }, [hasScrolledToAnchorRef, paramId, parentName]);\n\n  const paramInfo = !parentName ? (\n    name\n  ) : style === 'deepObject' && explode ? (\n    <>\n      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">{parentName}</span>\n      {name}\n      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">]</span>\n    </>\n  ) : (\n    <>\n      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">{parentName}</span>\n      {name}\n    </>\n  );\n\n  return name == null ? null : (\n    <div\n      className='mint:flex mint:font-mono mint:text-sm mint:group/param-head mint:param-head mint:break-all mint:relative'\n      id={paramId}\n      key={paramId}\n    >\n      <div className=\"mint:flex-1 mint:flex mint:content-start mint:py-0.5 mint:mr-5\">\n        <div className=\"mint:flex mint:items-center mint:flex-wrap mint:gap-2 mint:mt-2\">\n          {paramId && (\n            <div className=\"mint:absolute\">\n              <a\n                href={`#${paramId}`}\n                className={cn(\n                  parentName ? 'mint:-ml-[2.1rem]' : 'mint:-ml-10',\n                  'mint:flex mint:items-center mint:opacity-0 mint:border-0 mint:group-hover/param-head:opacity-100 mint:focus:opacity-100 mint:focus:outline-0 mint:py-2 mint:[.expandable-content_&]:-ml-[2.1rem] mint:group/link'\n                )}\n                aria-label={locale['aria.navigateToHeader']}\n                onClick={copyAnchorLink}\n              >\n                &#8203;\n                <div className=\"mint:w-6 mint:h-6 mint:rounded-md mint:flex mint:items-center mint:justify-center mint:shadow-sm mint:text-gray-400 mint:dark:text-white/50 mint:dark:bg-background-dark mint:dark:brightness-[1.35] mint:dark:ring-1 mint:dark:hover:brightness-150 mint:bg-white mint:ring-1 mint:ring-gray-400/30 mint:dark:ring-gray-700/25 mint:hover:ring-gray-400/60 mint:dark:hover:ring-white/20 mint:group-focus/link:border-2 mint:group-focus/link:border-primary mint:dark:group-focus/link:border-primary-light\">\n                  <LinkMultipleRegular />\n                </div>\n              </a>\n            </div>\n          )}\n          {pre?.map((item, i) => (\n            <div\n              key={i}\n              className=\"mint:px-2 mint:py-0.5 mint:mb-2 mint:rounded-md mint:bg-gray-100/50 mint:dark:bg-white/5 mint:text-gray-600 mint:dark:text-gray-200\"\n              data-component-part=\"field-meta-pre\"\n            >\n              {item}\n            </div>\n          ))}\n          {(parentName || name) && (\n            <div\n              className=\"mint:font-semibold mint:text-[#643FB2] mint:mt-2 mint:mb-2 mint:dark:text-[#C9AAF9] mint:cursor-pointer mint:overflow-wrap-anywhere\"\n              data-component-part=\"field-name\"\n              onClick={copyAnchorLink}\n            >\n              {paramInfo}\n            </div>\n          )}\n          <div\n            ref={pillsRef}\n            className={cn(\n              'mint:inline mint:items-center mint:gap-2 mint:text-xs mint:font-medium mint:[&_div]:inline mint:[&_div]:mr-2',\n              isMultiLine ? 'mint:[&_div]:leading-6' : 'mint:[&_div]:leading-5'\n            )}\n            data-component-part=\"field-meta\"\n          >\n            {typeOptions && typeOptions.length > 1 && onSelectTypeOption ? (\n              <OptionDropdown\n                options={typeOptions}\n                selectedIndex={selectedTypeOptionIndex}\n                onSelectOption={onSelectTypeOption}\n              />\n            ) : (\n              typeLabel && <InfoPill>{typeLabel}</InfoPill>\n            )}\n            {location && <InfoPill>{location}</InfoPill>}\n            {defaultValue != null && (\n              <InfoPill prefix=\"default:\">\n                {typeof defaultValue === 'string'\n                  ? defaultValue === ''\n                    ? '\"\"'\n                    : defaultValue\n                  : JSON.stringify(defaultValue)}\n              </InfoPill>\n            )}\n            {required && <RequiredPill />}\n            {deprecated && <DeprecatedPill />}\n            {post?.map((item, i) => (\n              <div\n                key={i}\n                className=\"mint:px-2 mint:py-0.5 mint:rounded-md mint:bg-gray-100/50 mint:dark:bg-white/5 mint:text-gray-600 mint:dark:text-gray-200\"\n                data-component-part=\"field-meta-post\"\n              >\n                {item}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// TODO: Remove from components\nexport type GenericParamProps = {\n  name: string;\n  type?: string;\n  location?: string;\n  defaultValue?: string;\n  required?: boolean;\n  deprecated?: boolean;\n  hidden?: boolean;\n  id?: string;\n  children: React.ReactNode;\n  pre?: string[];\n  post?: string[];\n};\n\nexport function GenericParam({\n  name,\n  type,\n  location,\n  defaultValue,\n  required = false,\n  deprecated = false,\n  hidden = false,\n  id,\n  pre,\n  post,\n  children,\n}: GenericParamProps) {\n  const stringifiedDefaultValue = useMemo(() => {\n    if (typeof defaultValue === 'object') {\n      // don't display values with nested objects; looks bad on one line\n      const containsNestedObject = Object.values(defaultValue).some(\n        (value) => typeof value === 'object'\n      );\n      if (containsNestedObject) {\n        return null;\n      }\n    }\n\n    const stringifiedValue = JSON.stringify(defaultValue);\n    if (\n      stringifiedValue &&\n      stringifiedValue.length > 0 &&\n      stringifiedValue.length < MAX_DEFAULT_VALUE_LENGTH\n    ) {\n      return stringifiedValue;\n    }\n    return null;\n  }, [defaultValue]);\n\n  if (hidden) {\n    return null;\n  }\n  return (\n    <div\n      className={cn(\n        Classes.Field,\n        'mint:pt-2.5 mint:pb-5 mint:my-2.5 mint:border-gray-50 mint:dark:border-gray-800/50 mint:border-b'\n      )}\n    >\n      <ParamHead\n        name={name}\n        typeLabel={type}\n        location={location}\n        required={required}\n        deprecated={deprecated}\n        defaultValue={stringifiedDefaultValue}\n        id={id}\n        pre={pre}\n        post={post}\n      />\n      {children && (\n        <div\n          className=\"mint:mt-4 mint:mb-4 mint:prose-sm mint:prose-gray mint:dark:prose-invert mint:[&_.prose>p:first-child]:mt-0 mint:[&_.prose>p:last-child]:mb-0\"\n          data-component-part=\"field-content\"\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["InfoPill","children","prefix","className","jsxs","cn","jsx","RequiredPill","DeprecatedPill","ParamHead","name","typeLabel","location","required","deprecated","fieldType","defaultValue","typeOptions","selectedTypeOptionIndex","onSelectTypeOption","parentName","id","pre","post","style","explode","hasScrolledToAnchorRef","useContext","EndpointLocationContext","locale","useSelectedLocale","pillsRef","useRef","isMultiLine","setIsMultiLine","useState","paramId","buildRecursiveParamFieldId","copyAnchorLink","useCallback","copyToClipboard","useEffect","ref","checkHeight","height","resizeObserver","scrollElementIntoView","_targetEl","hash","paramInfo","Fragment","LinkMultipleRegular","item","i","OptionDropdown"],"mappings":";;;;;;;;;;;;AAuCO,SAASA,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAIG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAEF,uBAAoB;AAAA,MAEnB,UAAA;AAAA,QAAAD,KAAU,gBAAAI,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAJ,GAAO;AAAA,QAChF,gBAAAI,EAAC,UAAM,UAAAL,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtB;AAEO,SAASM,IAAe;AAC7B,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,uBAAoB;AAAA,MACrB,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;AAEO,SAASE,IAAiB;AAC/B,SACE,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,uBAAoB;AAAA,MACrB,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;AAwDO,SAASG,GAAU;AAAA,EACxB,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,GAiBG;AACD,QAAM,EAAE,wBAAAC,EAAA,IAA2BC,EAAWC,CAAuB,GAC/DC,IAASC,EAAA,GACTC,IAAWC,EAAuB,IAAI,GACtC,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAUf,KAAMgB,EAA2BtB,GAAWL,GAAMU,CAAU,GAEtEkB,IAAiBC,EAAY,MAAM;AACvC,IAAIH,MACGI,EAAgB,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,MAAMJ,CAAO,GACvE,OAAO,SAAS,OAAOA;AAAA,EAE3B,GAAG,CAACA,CAAO,CAAC;AAEZ,EAAAK,EAAU,MAAM;AACd,UAAMC,IAAMX,EAAS;AACrB,QAAI,CAACW,EAAK;AAEV,aAASC,IAAc;AACrB,YAAMC,KAASF,KAAA,gBAAAA,EAAK,iBAAgB;AACpC,MAAAR,EAAeU,IAAS,EAAE;AAAA,IAC5B;AAEA,IAAAD,EAAA;AACA,UAAME,IAAiB,IAAI,eAAeF,CAAW;AACrD,WAAAE,EAAe,QAAQH,CAAG,GAEnB,MAAM;AACX,MAAAG,EAAe,UAAUH,CAAG;AAAA,IAC9B;AAAA,EACF,GAAG,CAAA,CAAE,GAELD,EAAU,MAAM;AACd,IAAAK,EAAsB;AAAA,MACpB,IAAIV;AAAA,MACJ,mBAAmB,CAAC,EAACV,KAAA,QAAAA,EAAwB,YAAW,CAACU,KAAW,CAAC,CAAChB;AAAA,MACtE,oBAAoB2B,GAAWC,GAAM;AACnC,eAAOA,MAASZ;AAAA,MAClB;AAAA,MACA,qBAAqB;AACnB,QAAIV,QAA+C,UAAU;AAAA,MAC/D;AAAA,IAAA,CACD;AAAA,EACH,GAAG,CAACA,GAAwBU,GAAShB,CAAU,CAAC;AAEhD,QAAM6B,IAAa7B,IAEfI,MAAU,gBAAgBC,IAC5B,gBAAArB,EAAA8C,GAAA,EACE,UAAA;AAAA,IAAA,gBAAA5C,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAc,GAAW;AAAA,IACxEV;AAAA,IACD,gBAAAJ,EAAC,QAAA,EAAK,WAAU,8CAA6C,UAAA,IAAA,CAAC;AAAA,EAAA,EAAA,CAChE,IAEA,gBAAAF,EAAA8C,GAAA,EACE,UAAA;AAAA,IAAA,gBAAA5C,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAc,GAAW;AAAA,IACxEV;AAAA,EAAA,GACH,IAXAA;AAcF,SAAOA,KAAQ,OAAO,OACpB,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI8B;AAAA,MAGJ,4BAAC,OAAA,EAAI,WAAU,kEACb,UAAA,gBAAAhC,EAAC,OAAA,EAAI,WAAU,mEACZ,UAAA;AAAA,QAAAgC,KACC,gBAAA9B,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM,IAAIgC,CAAO;AAAA,YACjB,WAAW/B;AAAA,cACTe,IAAa,sBAAsB;AAAA,cACnC;AAAA,YAAA;AAAA,YAEF,cAAYS,EAAO,uBAAuB;AAAA,YAC1C,SAASS;AAAA,YACV,UAAA;AAAA,cAAA;AAAA,gCAEE,OAAA,EAAI,WAAU,ifACb,UAAA,gBAAAhC,EAAC6C,KAAoB,EAAA,CACvB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QAED7B,KAAA,gBAAAA,EAAK,IAAI,CAAC8B,GAAMC,MACf,gBAAA/C;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,uBAAoB;AAAA,YAEnB,UAAA8C;AAAA,UAAA;AAAA,UAJIC;AAAA,QAAA;AAAA,SAOPjC,KAAcV,MACd,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,uBAAoB;AAAA,YACpB,SAASgC;AAAA,YAER,UAAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAA7C;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK2B;AAAA,YACL,WAAW1B;AAAA,cACT;AAAA,cACA4B,IAAc,2BAA2B;AAAA,YAAA;AAAA,YAE3C,uBAAoB;AAAA,YAEnB,UAAA;AAAA,cAAAhB,KAAeA,EAAY,SAAS,KAAKE,IACxC,gBAAAb;AAAA,gBAACgD;AAAA,gBAAA;AAAA,kBACC,SAASrC;AAAA,kBACT,eAAeC;AAAA,kBACf,gBAAgBC;AAAA,gBAAA;AAAA,cAAA,IAGlBR,KAAa,gBAAAL,EAACN,GAAA,EAAU,UAAAW,EAAA,CAAU;AAAA,cAEnCC,KAAY,gBAAAN,EAACN,GAAA,EAAU,UAAAY,EAAA,CAAS;AAAA,cAChCI,KAAgB,QACf,gBAAAV,EAACN,GAAA,EAAS,QAAO,YACd,UAAA,OAAOgB,KAAiB,WACrBA,MAAiB,KACf,OACAA,IACF,KAAK,UAAUA,CAAY,GACjC;AAAA,cAEDH,uBAAaN,GAAA,EAAa;AAAA,cAC1BO,uBAAeN,GAAA,EAAe;AAAA,cAC9Be,KAAA,gBAAAA,EAAM,IAAI,CAAC6B,GAAMC,MAChB,gBAAA/C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,WAAU;AAAA,kBACV,uBAAoB;AAAA,kBAEnB,UAAA8C;AAAA,gBAAA;AAAA,gBAJIC;AAAA,cAAA;AAAA,YAMR;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,IAhFKjB;AAAA,EAAA;AAmFX;"}

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

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import v, { useState as y, useEffect as N } from "react";
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import N, { useState as C, useEffect as B } from "react";
 import b from "prismjs";
 import "prismjs/components/prism-javascript.js";
 import "prismjs/components/prism-typescript.js";
@@ -9,119 +9,125 @@ import "prismjs/components/prism-json.js";
 import "prismjs/components/prism-markdown.js";
 import "prismjs/components/prism-csharp.js";
 import "prismjs/components/prism-powershell.js";
-import { getNodeText as T } from "../../utils/get-node-text.js";
+import { getNodeText as I } from "../../utils/get-node-text.js";
 import { cn as h } from "../../utils/cn.js";
-import { ClipboardCheckmarkRegular as B, Copy20Regular as I } from "@fluentui/react-icons";
-const A = ["image/png", "text/plain"];
-function w() {
-  const [t, e] = y(!1), n = async (m) => {
+import { ClipboardCheckmarkRegular as A, Copy20Regular as R } from "@fluentui/react-icons";
+const w = ["image/png", "text/plain"];
+function g() {
+  const [t, e] = C(!1), o = async (r) => {
     try {
-      await navigator.clipboard.writeText(m), e(!0), setTimeout(() => e(!1), 2e3);
-    } catch (c) {
-      console.error("Failed to copy to clipboard:", c);
+      await navigator.clipboard.writeText(r), e(!0), setTimeout(() => e(!1), 2e3);
+    } catch (l) {
+      console.error("Failed to copy to clipboard:", l);
     }
   };
-  return { isCopied: t, copy: n, copyBlob: async (m, c) => {
+  return { isCopied: t, copy: o, copyBlob: async (r, l) => {
     try {
-      if (A.includes(c)) {
-        const o = await m.arrayBuffer(), i = new Blob([o], { type: c }), a = new ClipboardItem({
-          [c]: i
+      if (w.includes(l)) {
+        const i = await r.arrayBuffer(), a = new Blob([i], { type: l }), m = new ClipboardItem({
+          [l]: a
         });
-        await navigator.clipboard.write([a]), e(!0), setTimeout(() => e(!1), 2e3);
+        await navigator.clipboard.write([m]), e(!0), setTimeout(() => e(!1), 2e3);
       } else {
-        const o = await m.text();
-        await n(o);
+        const i = await r.text();
+        await o(i);
       }
-    } catch (o) {
-      console.error("Failed to copy blob to clipboard:", o);
+    } catch (i) {
+      console.error("Failed to copy blob to clipboard:", i);
       try {
-        const i = await m.text();
-        await n(i);
-      } catch (i) {
-        console.error("Failed to copy as text fallback:", i);
+        const a = await r.text();
+        await o(a);
+      } catch (a) {
+        console.error("Failed to copy as text fallback:", a);
       }
     }
   } };
 }
-function R({ onClick: t, isCopied: e, showTooltip: n = !0 }) {
-  return /* @__PURE__ */ k("div", { className: "mint:relative", children: [
-    n && e && /* @__PURE__ */ r("div", { className: "mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]", children: "Copied!" }),
-    /* @__PURE__ */ r(
+function _({ onClick: t, isCopied: e, showTooltip: o = !0 }) {
+  return /* @__PURE__ */ v("div", { className: "mint:relative", children: [
+    o && e && /* @__PURE__ */ n("div", { className: "mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]", children: "Copied!" }),
+    /* @__PURE__ */ n(
       "button",
       {
         onClick: t,
         className: "mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]",
         "aria-label": e ? "Copied" : "Copy code",
-        children: e ? /* @__PURE__ */ r(B, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ r(I, { className: "mint:w-5 mint:h-5" })
+        children: e ? /* @__PURE__ */ n(A, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ n(R, { className: "mint:w-5 mint:h-5" })
       }
     )
   ] });
 }
 function q({ textToCopy: t, showTooltip: e = !0 }) {
-  const { isCopied: n, copy: p } = w();
-  return /* @__PURE__ */ r(R, { onClick: () => {
+  const { isCopied: o, copy: p } = g();
+  return /* @__PURE__ */ n(_, { onClick: () => {
     p(t);
-  }, isCopied: n, showTooltip: e });
+  }, isCopied: o, showTooltip: e });
 }
-function G({
+function G({ data: t, showTooltip: e = !0 }) {
+  const { isCopied: o, copy: p, copyBlob: r } = g();
+  return /* @__PURE__ */ n(_, { onClick: () => {
+    t.contentType && w.includes(t.contentType) ? r(t.blob, t.contentType) : t.type === "other" && t.content ? p(t.content) : console.error("Unsupported content type for clipboard");
+  }, isCopied: o, showTooltip: e });
+}
+function J({
   children: t,
   className: e,
-  fileName: n,
+  fileName: o,
   language: p,
-  blob: m,
-  contentType: c
+  blob: r,
+  contentType: l
 }) {
-  const [o, i] = y("");
-  w();
-  const a = p || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = T(t), _ = !!n, u = v.useMemo(() => {
-    var f, g;
+  const [i, a] = C("");
+  g();
+  const m = p || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = I(t), k = !!o, x = N.useMemo(() => {
+    var f, y;
     if (typeof t != "object" || t == null)
       return !1;
     const s = Array.isArray(t) ? t : [t];
-    for (const l of s)
-      if (typeof l == "object" && l != null && "props" in l && ((f = l.props) != null && f.children)) {
-        const C = Array.isArray(l.props.children) ? l.props.children : [l.props.children];
-        for (const x of C)
-          if (typeof x == "object" && x != null && "props" in x && ((g = x.props) != null && g.className))
+    for (const c of s)
+      if (typeof c == "object" && c != null && "props" in c && ((f = c.props) != null && f.children)) {
+        const T = Array.isArray(c.props.children) ? c.props.children : [c.props.children];
+        for (const u of T)
+          if (typeof u == "object" && u != null && "props" in u && ((y = u.props) != null && y.className))
             return !0;
       }
     return !1;
   }, [t]);
-  return N(() => {
-    if (!u)
+  return B(() => {
+    if (!x)
       try {
-        const s = b.languages[a] || b.languages.plaintext, f = b.highlight(d, s, a);
-        i(f);
+        const s = b.languages[m] || b.languages.plaintext, f = b.highlight(d, s, m);
+        a(f);
       } catch (s) {
-        console.error("Failed to highlight code:", s), i(d);
+        console.error("Failed to highlight code:", s), a(d);
       }
-  }, [d, a, u]), /* @__PURE__ */ r(
+  }, [d, m, x]), /* @__PURE__ */ n(
     "div",
     {
-      className: _ ? "mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden" : void 0,
-      children: /* @__PURE__ */ r("div", { className: "not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]", children: /* @__PURE__ */ r("div", { className: "mint:code-scrollbar mint:overflow-x-auto", children: /* @__PURE__ */ r("pre", { className: "mint:px-4 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm", children: u ? /* @__PURE__ */ r(
+      className: k ? "mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden" : void 0,
+      children: /* @__PURE__ */ n("div", { className: "not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]", children: /* @__PURE__ */ n("div", { className: "mint:code-scrollbar mint:overflow-x-auto", children: /* @__PURE__ */ n("pre", { className: "mint:px-4 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm", children: x ? /* @__PURE__ */ n(
         "code",
         {
           className: h(
-            `language-${a}`,
+            `language-${m}`,
             "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
           ),
           children: t
         }
-      ) : o ? /* @__PURE__ */ r(
+      ) : i ? /* @__PURE__ */ n(
         "code",
         {
           className: h(
-            `language-${a}`,
+            `language-${m}`,
             "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
           ),
-          dangerouslySetInnerHTML: { __html: o }
+          dangerouslySetInnerHTML: { __html: i }
         }
-      ) : /* @__PURE__ */ r(
+      ) : /* @__PURE__ */ n(
         "code",
         {
           className: h(
-            `language-${a}`,
+            `language-${m}`,
             "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
           ),
           children: d
@@ -131,9 +137,10 @@ function G({
   );
 }
 export {
-  G as CodeBlock,
-  R as CopyIconButton,
+  J as CodeBlock,
+  G as CopyDataToClipboardButton,
+  _ as CopyIconButton,
   q as CopyToClipboardButton,
-  w as useCopyToClipboard
+  g as useCopyToClipboard
 };
 //# sourceMappingURL=code-block.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/components/prism-javascript.js\";\nimport \"prismjs/components/prism-typescript.js\";\nimport \"prismjs/components/prism-python.js\";\nimport \"prismjs/components/prism-bash.js\";\nimport \"prismjs/components/prism-json.js\";\nimport \"prismjs/components/prism-markdown.js\";\nimport \"prismjs/components/prism-csharp.js\";\nimport \"prismjs/components/prism-powershell.js\";\nimport { getNodeText } from \"../../utils/get-node-text\";\nimport { capitalize } from \"../../utils/string\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  Copy20Regular,\n  ClipboardCheckmarkRegular,\n} from \"@fluentui/react-icons\";\n\nconst SUPPORTED_CLIPBOARD_CONTENT_TYPES = [\"image/png\", \"text/plain\"];\n\n// Hook for clipboard operations\nexport function 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  const copyBlob = async (blob: Blob, contentType: string) => {\n    try {\n      // image/png, text/plain, and text/html are the only filetypes supported in the chromium\n      // clipboard - however, text/html crashes chrome for some reason\n      if (SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(contentType)) {\n        const buffer = await blob.arrayBuffer();\n        const newBlob = new Blob([buffer], { type: contentType });\n        const clipboardItem = new ClipboardItem({\n          [contentType]: newBlob,\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        setIsCopied(true);\n        setTimeout(() => setIsCopied(false), 2000);\n      } else {\n        // Fallback to text copy for unsupported types\n        const text = await blob.text();\n        await copy(text);\n      }\n    } catch (error) {\n      console.error(\"Failed to copy blob to clipboard:\", error);\n      // Fallback to text copy if blob copy fails\n      try {\n        const text = await blob.text();\n        await copy(text);\n      } catch (fallbackError) {\n        console.error(\"Failed to copy as text fallback:\", fallbackError);\n      }\n    }\n  };\n\n  return { isCopied, copy, copyBlob };\n}\n\n// Base copy icon button component\ninterface CopyIconButtonProps {\n  onClick: () => void;\n  isCopied: boolean;\n  showTooltip?: boolean;\n}\n\nexport function CopyIconButton({ onClick, isCopied, showTooltip = true }: CopyIconButtonProps) {\n  return (\n    <div className=\"mint:relative\">\n      {showTooltip && isCopied && (\n        <div className=\"mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]\">\n          Copied!\n        </div>\n      )}\n      <button\n        onClick={onClick}\n        className=\"mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]\"\n        aria-label={isCopied ? \"Copied\" : \"Copy code\"}\n      >\n        {isCopied ? (\n          <ClipboardCheckmarkRegular className=\"mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n        ) : (\n          <Copy20Regular className=\"mint:w-5 mint:h-5\" />\n        )}\n      </button>\n    </div>\n  );\n}\n\n// Convenience component that handles text copying\ninterface CopyToClipboardButtonProps {\n  textToCopy: string;\n  showTooltip?: boolean;\n}\n\nexport function CopyToClipboardButton({ textToCopy, showTooltip = true }: CopyToClipboardButtonProps) {\n  const { isCopied, copy } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    copy(textToCopy);\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\n// Convenience component that handles blob/data copying\ninterface CopyDataToClipboardButtonProps {\n  data: {\n    type: 'image' | 'audio' | 'video' | 'other';\n    blob: Blob;\n    contentType?: string;\n    content?: string;\n  };\n  showTooltip?: boolean;\n}\n\nexport function CopyDataToClipboardButton({ data, showTooltip = true }: CopyDataToClipboardButtonProps) {\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    // Check if we can copy as blob (for images, etc.)\n    if (data.contentType && SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(data.contentType)) {\n      copyBlob(data.blob, data.contentType);\n    } else if (data.type === 'other' && data.content) {\n      // For text content, copy as text\n      copy(data.content);\n    } else {\n      console.error('Unsupported content type for clipboard');\n    }\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\ninterface CodeBlockProps {\n  children: React.ReactNode;\n  className?: string;\n  language?: string;\n  fileName?: string;\n  // Support for copying blobs (images, etc.)\n  blob?: Blob;\n  contentType?: string;\n}\n\nexport function CodeBlock({\n  children,\n  className,\n  fileName,\n  language,\n  blob,\n  contentType,\n}: CodeBlockProps) {\n  const [highlightedCode, setHighlightedCode] = useState<string>(\"\");\n  const { isCopied, copy, copyBlob } = 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    // If blob and contentType are provided, use blob copying\n    if (blob && contentType) {\n      copyBlob(blob, contentType);\n    } else {\n      // Otherwise, use text copying\n      copy(codeText);\n    }\n  };\n\n  return (\n    <div\n      className={\n        showContainer\n          ? \"mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden\"\n          : undefined\n      }\n    >\n      <div className=\"not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]\">\n        <div className=\"mint:code-scrollbar mint:overflow-x-auto\">\n          <pre className=\"mint:px-4 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm\">\n            {isSSRHighlighted ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {children}\n              </code>\n            ) : highlightedCode ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedCode }}\n              />\n            ) : (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {codeText}\n              </code>\n            )}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SUPPORTED_CLIPBOARD_CONTENT_TYPES","useCopyToClipboard","isCopied","setIsCopied","useState","copy","text","error","blob","contentType","buffer","newBlob","clipboardItem","fallbackError","CopyIconButton","onClick","showTooltip","jsxs","jsx","ClipboardCheckmarkRegular","Copy20Regular","CopyToClipboardButton","textToCopy","CodeBlock","children","className","fileName","language","highlightedCode","setHighlightedCode","lang","codeText","getNodeText","showContainer","isSSRHighlighted","React","childrenArray","child","_a","codeChildren","codeChild","_b","useEffect","grammar","Prism","html","cn"],"mappings":"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"}
+{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/components/prism-javascript.js\";\nimport \"prismjs/components/prism-typescript.js\";\nimport \"prismjs/components/prism-python.js\";\nimport \"prismjs/components/prism-bash.js\";\nimport \"prismjs/components/prism-json.js\";\nimport \"prismjs/components/prism-markdown.js\";\nimport \"prismjs/components/prism-csharp.js\";\nimport \"prismjs/components/prism-powershell.js\";\nimport { getNodeText } from \"../../utils/get-node-text\";\nimport { capitalize } from \"../../utils/string\";\nimport { cn } from \"../../utils/cn\";\nimport {\n  Copy20Regular,\n  ClipboardCheckmarkRegular,\n} from \"@fluentui/react-icons\";\n\nconst SUPPORTED_CLIPBOARD_CONTENT_TYPES = [\"image/png\", \"text/plain\"];\n\n// Hook for clipboard operations\nexport function 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  const copyBlob = async (blob: Blob, contentType: string) => {\n    try {\n      // image/png, text/plain, and text/html are the only filetypes supported in the chromium\n      // clipboard - however, text/html crashes chrome for some reason\n      if (SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(contentType)) {\n        const buffer = await blob.arrayBuffer();\n        const newBlob = new Blob([buffer], { type: contentType });\n        const clipboardItem = new ClipboardItem({\n          [contentType]: newBlob,\n        });\n        await navigator.clipboard.write([clipboardItem]);\n        setIsCopied(true);\n        setTimeout(() => setIsCopied(false), 2000);\n      } else {\n        // Fallback to text copy for unsupported types\n        const text = await blob.text();\n        await copy(text);\n      }\n    } catch (error) {\n      console.error(\"Failed to copy blob to clipboard:\", error);\n      // Fallback to text copy if blob copy fails\n      try {\n        const text = await blob.text();\n        await copy(text);\n      } catch (fallbackError) {\n        console.error(\"Failed to copy as text fallback:\", fallbackError);\n      }\n    }\n  };\n\n  return { isCopied, copy, copyBlob };\n}\n\n// Base copy icon button component\ninterface CopyIconButtonProps {\n  onClick: () => void;\n  isCopied: boolean;\n  showTooltip?: boolean;\n}\n\nexport function CopyIconButton({ onClick, isCopied, showTooltip = true }: CopyIconButtonProps) {\n  return (\n    <div className=\"mint:relative\">\n      {showTooltip && isCopied && (\n        <div className=\"mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]\">\n          Copied!\n        </div>\n      )}\n      <button\n        onClick={onClick}\n        className=\"mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]\"\n        aria-label={isCopied ? \"Copied\" : \"Copy code\"}\n      >\n        {isCopied ? (\n          <ClipboardCheckmarkRegular className=\"mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n        ) : (\n          <Copy20Regular className=\"mint:w-5 mint:h-5\" />\n        )}\n      </button>\n    </div>\n  );\n}\n\n// Convenience component that handles text copying\ninterface CopyToClipboardButtonProps {\n  textToCopy: string;\n  showTooltip?: boolean;\n}\n\nexport function CopyToClipboardButton({ textToCopy, showTooltip = true }: CopyToClipboardButtonProps) {\n  const { isCopied, copy } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    copy(textToCopy);\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\n// Convenience component that handles blob/data copying\ninterface CopyDataToClipboardButtonProps {\n  data: {\n    type: 'image' | 'audio' | 'video' | 'other';\n    blob: Blob;\n    contentType?: string;\n    content?: string;\n  };\n  showTooltip?: boolean;\n}\n\nexport function CopyDataToClipboardButton({ data, showTooltip = true }: CopyDataToClipboardButtonProps) {\n  const { isCopied, copy, copyBlob } = useCopyToClipboard();\n\n  const handleCopy = () => {\n    // Check if we can copy as blob (for images, etc.)\n    if (data.contentType && SUPPORTED_CLIPBOARD_CONTENT_TYPES.includes(data.contentType)) {\n      copyBlob(data.blob, data.contentType);\n    } else if (data.type === 'other' && data.content) {\n      // For text content, copy as text\n      copy(data.content);\n    } else {\n      console.error('Unsupported content type for clipboard');\n    }\n  };\n\n  return <CopyIconButton onClick={handleCopy} isCopied={isCopied} showTooltip={showTooltip} />;\n}\n\ninterface CodeBlockProps {\n  children: React.ReactNode;\n  className?: string;\n  language?: string;\n  fileName?: string;\n  // Support for copying blobs (images, etc.)\n  blob?: Blob;\n  contentType?: string;\n}\n\nexport function CodeBlock({\n  children,\n  className,\n  fileName,\n  language,\n  blob,\n  contentType,\n}: CodeBlockProps) {\n  const [highlightedCode, setHighlightedCode] = useState<string>(\"\");\n  const { isCopied, copy, copyBlob } = 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    // If blob and contentType are provided, use blob copying\n    if (blob && contentType) {\n      copyBlob(blob, contentType);\n    } else {\n      // Otherwise, use text copying\n      copy(codeText);\n    }\n  };\n\n  return (\n    <div\n      className={\n        showContainer\n          ? \"mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden\"\n          : undefined\n      }\n    >\n      <div className=\"not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]\">\n        <div className=\"mint:code-scrollbar mint:overflow-x-auto\">\n          <pre className=\"mint:px-4 mint:pb-3 mint:pt-2 mint:m-0 mint:whitespace-pre mint:text-sm\">\n            {isSSRHighlighted ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {children}\n              </code>\n            ) : highlightedCode ? (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n                dangerouslySetInnerHTML={{ __html: highlightedCode }}\n              />\n            ) : (\n              <code\n                className={cn(\n                  `language-${lang}`,\n                  \"mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]\"\n                )}\n              >\n                {codeText}\n              </code>\n            )}\n          </pre>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["SUPPORTED_CLIPBOARD_CONTENT_TYPES","useCopyToClipboard","isCopied","setIsCopied","useState","copy","text","error","blob","contentType","buffer","newBlob","clipboardItem","fallbackError","CopyIconButton","onClick","showTooltip","jsxs","jsx","ClipboardCheckmarkRegular","Copy20Regular","CopyToClipboardButton","textToCopy","CopyDataToClipboardButton","data","copyBlob","CodeBlock","children","className","fileName","language","highlightedCode","setHighlightedCode","lang","codeText","getNodeText","showContainer","isSSRHighlighted","React","childrenArray","child","_a","codeChildren","codeChild","_b","useEffect","grammar","Prism","html","cn"],"mappings":"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"}