@mintlify/msft-sdk 1.1.16 → 1.1.18

package/dist/api-playground-2/components/Example/GeneratedRequestExample.js

@@ -1,140 +1,145 @@
-import { jsx as T } from "react/jsx-runtime";
-import { useState as y, useEffect as B } from "react";
+import { jsx as y } from "react/jsx-runtime";
+import { useState as M, useEffect as B } from "react";
 import { generateRequest as E } from "@/api-playground-2/generators/generateRequest";
 import { generateSnippet as I } from "@/api-playground-2/generators/generateSnippet";
-import { getFirstExampleValue as w } from "@/api-playground-2/schemaGraph/processExamples";
-import { CodeGroupSelect as A } from "../../../components/content-components/CodeGroupSelect/index.js";
-import { CodeSnippets as G } from "../../../components/content-components/code-snippets.js";
-import { langToPresetMap as P } from "../../../constants/snippetPresets.js";
+import { getFirstExampleValue as a } from "@/api-playground-2/schemaGraph/processExamples";
+import { CodeGroupSelect as w } from "../../../components/content-components/CodeGroupSelect/index.js";
+import { CodeSnippets as A } from "../../../components/content-components/code-snippets.js";
+import { langToPresetMap as G } from "../../../constants/snippetPresets.js";
 const Q = ({
-  baseUrl: r,
+  baseUrl: s,
   apiReferenceData: t,
-  inputs: e,
-  requestExampleLanguages: l,
-  requiredOnly: s,
-  maxHeight: n
+  inputs: n,
+  requestExampleLanguages: c,
+  requiredOnly: p,
+  maxHeight: o
 }) => {
-  var f, S, u, x, o;
-  const c = (f = t.dependencies) == null ? void 0 : f.requestBody;
-  if (!c)
-    return /* @__PURE__ */ T(
+  var f, S, r, x, d;
+  const m = (f = t.dependencies) == null ? void 0 : f.requestBody;
+  if (!m)
+    return /* @__PURE__ */ y(
       C,
       {
         apiReferenceData: t,
-        baseUrl: r,
-        inputs: e,
-        requestExampleLanguages: l,
-        requiredOnly: s,
-        maxHeight: n
+        baseUrl: s,
+        inputs: n,
+        requestExampleLanguages: c,
+        requiredOnly: p,
+        maxHeight: o
       }
     );
-  const i = w(c.content);
+  const i = a(m.content);
   if (!i) return null;
-  const p = Object.entries(c.content).map(
-    ([h, d]) => ({
-      contentType: h,
-      examples: d.examples
+  const l = Object.entries(m.content).map(
+    ([e, T]) => ({
+      contentType: e,
+      examples: T.examples
     })
-  ), m = 0;
-  return ((S = p[m]) == null ? void 0 : S.examples.length) > 1 ? /* @__PURE__ */ T(
-    V,
+  ), u = 0;
+  return ((S = l[u]) == null ? void 0 : S.examples.length) > 1 ? /* @__PURE__ */ y(
+    P,
     {
       apiReferenceData: t,
-      selectedBodyContentType: (u = p[m]) == null ? void 0 : u.contentType,
-      baseUrl: r,
-      inputs: e,
-      examples: (x = p[m]) == null ? void 0 : x.examples,
-      requiredOnly: s,
-      maxHeight: n
+      selectedBodyContentType: (r = l[u]) == null ? void 0 : r.contentType,
+      baseUrl: s,
+      inputs: n,
+      examples: (x = l[u]) == null ? void 0 : x.examples,
+      requiredOnly: p,
+      maxHeight: o
     }
-  ) : /* @__PURE__ */ T(
+  ) : /* @__PURE__ */ y(
     C,
     {
       apiReferenceData: t,
-      selectedBodyContentType: (o = p[m]) == null ? void 0 : o.contentType,
-      baseUrl: r,
-      inputs: e,
+      selectedBodyContentType: (d = l[u]) == null ? void 0 : d.contentType,
+      baseUrl: s,
+      inputs: n,
       exampleValue: i,
-      requestExampleLanguages: l,
-      requiredOnly: s,
-      maxHeight: n
+      requestExampleLanguages: c,
+      requiredOnly: p,
+      maxHeight: o
     }
   );
 }, C = ({
-  baseUrl: r,
+  baseUrl: s,
   apiReferenceData: t,
-  inputs: e,
-  selectedBodyContentType: l,
-  exampleValue: s,
-  requestExampleLanguages: n,
-  requiredOnly: c,
+  inputs: n,
+  selectedBodyContentType: c,
+  exampleValue: p,
+  requestExampleLanguages: o,
+  requiredOnly: m,
   maxHeight: i
 }) => {
-  const [p, m] = y(null), [f, S] = y(null);
+  const [l, u] = M(null), [f, S] = M(null);
   return B(() => {
-    const u = E({
-      baseUrl: r,
+    let r = !1;
+    const x = E({
+      baseUrl: s,
       apiReferenceData: t,
-      inputs: e,
-      selectedBodyContentType: l,
-      exampleData: s,
-      requiredOnly: c
-    }), x = n == null ? void 0 : n.reduce((o, h) => {
-      const d = P[h];
-      return d && o.push(d), o;
+      inputs: n,
+      selectedBodyContentType: c,
+      exampleData: p,
+      requiredOnly: m
+    }), d = o == null ? void 0 : o.reduce((e, T) => {
+      const h = G[T];
+      return h && e.push(h), e;
     }, []);
-    I({
+    return I({
       apiReferenceData: t,
-      pathInputs: e.path,
-      request: u,
-      snippetPresets: x
-    }).then(m).catch((o) => {
-      console.error(o), S(o);
-    });
-  }, [r, t, e, l, s, n, c]), f || !p ? null : /* @__PURE__ */ T(G, { snippets: p, dropdown: !0, maxHeight: i });
-}, V = ({
-  baseUrl: r,
+      pathInputs: n.path,
+      request: x,
+      snippetPresets: d
+    }).then((e) => {
+      r || u(e);
+    }).catch((e) => {
+      r || (console.error(e), S(e));
+    }), () => {
+      r = !0;
+    };
+  }, [s, t, n, c, p, o, m]), f || !l ? null : /* @__PURE__ */ y(A, { snippets: l, dropdown: !0, maxHeight: i });
+}, P = ({
+  baseUrl: s,
   apiReferenceData: t,
-  inputs: e,
-  selectedBodyContentType: l,
-  examples: s,
-  requiredOnly: n,
-  maxHeight: c
+  inputs: n,
+  selectedBodyContentType: c,
+  examples: p,
+  requiredOnly: o,
+  maxHeight: m
 }) => {
-  const [i, p] = y({}), [m, f] = y(null);
+  const [i, l] = M({}), [u, f] = M(null);
   return B(() => {
-    const S = e.path, u = {};
+    const S = n.path, r = {};
     (async () => {
-      for (const [o, { value: h }] of Object.entries(s)) {
-        if (!h) continue;
-        const d = E({
-          baseUrl: r,
+      for (const [d, { value: e }] of Object.entries(p)) {
+        if (!e) continue;
+        const T = E({
+          baseUrl: s,
           apiReferenceData: t,
-          inputs: e,
-          selectedBodyContentType: l,
-          exampleData: h,
-          requiredOnly: n
+          inputs: n,
+          selectedBodyContentType: c,
+          exampleData: e,
+          requiredOnly: o
         });
         try {
           (await I({
             apiReferenceData: t,
             pathInputs: S,
-            request: d,
+            request: T,
             isMultipleRequest: !0
           })).forEach((j) => {
-            u[j.filename] = {
-              ...u[j.filename],
-              [o]: j
+            r[j.filename] = {
+              ...r[j.filename],
+              [d]: j
             };
           });
-        } catch (M) {
-          console.error(M), f(M);
+        } catch (h) {
+          console.error(h), f(h);
           return;
         }
       }
-      p(u);
+      l(r);
     })();
-  }, [r, t, e, l, s, n]), m || Object.keys(i).length === 0 ? null : /* @__PURE__ */ T(A, { snippets: i, maxHeight: c });
+  }, [s, t, n, c, p, o]), u || Object.keys(i).length === 0 ? null : /* @__PURE__ */ y(w, { snippets: i, maxHeight: m });
 };
 export {
   Q as GeneratedRequestExample

package/dist/api-playground-2/components/Example/GeneratedRequestExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneratedRequestExample.js","sources":["../../../../src/api-playground-2/components/Example/GeneratedRequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs, ExampleSchema } from '@mintlify/validation';\nimport { JSX, useState, useEffect } from 'react';\n\nimport { generateRequest } from '@/api-playground-2/generators/generateRequest';\nimport { generateSnippet } from '@/api-playground-2/generators/generateSnippet';\nimport { getFirstExampleValue } from '@/api-playground-2/schemaGraph/processExamples';\nimport type { ApiReferenceDataV2 } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { langToPresetMap, SnippetPreset } from '../../../constants/snippetPresets';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nexport type GeneratedRequestExampleParams = {\n  baseUrl: string;\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n};\n\nexport const GeneratedRequestExample = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: GeneratedRequestExampleParams): JSX.Element | null => {\n  const requestBody = apiReferenceData.dependencies?.requestBody;\n\n  if (!requestBody) {\n    return (\n      <SingleRequest\n        apiReferenceData={apiReferenceData}\n        baseUrl={baseUrl}\n        inputs={inputs}\n        requestExampleLanguages={requestExampleLanguages}\n        requiredOnly={requiredOnly}\n        maxHeight={maxHeight}\n      />\n    );\n  }\n\n  const firstExampleValue = getFirstExampleValue(requestBody.content);\n\n  if (!firstExampleValue) return null;\n\n  const examplesByContentType = Object.entries(requestBody.content).map(\n    ([contentType, content]) => {\n      return {\n        contentType,\n        examples: content.examples,\n      };\n    }\n  );\n  const selectedContentTypeIndex = 0;\n\n  return examplesByContentType[selectedContentTypeIndex]?.examples.length > 1 ? (\n    <MultipleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      examples={examplesByContentType[selectedContentTypeIndex]?.examples}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n    />\n  ) : (\n    <SingleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      exampleValue={firstExampleValue}\n      requestExampleLanguages={requestExampleLanguages}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n    />\n  );\n};\n\ntype SingleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  exampleValue?: unknown;\n};\n\nconst SingleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  exampleValue,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: SingleRequestParams) => {\n  const [snippets, setSnippets] = useState<ExampleCodeSnippet[] | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const request = generateRequest({\n      baseUrl,\n      apiReferenceData,\n      inputs: inputs,\n      selectedBodyContentType,\n      exampleData: exampleValue,\n      requiredOnly,\n    });\n\n    const snippetPresets = requestExampleLanguages?.reduce<SnippetPreset[]>((acc, lang) => {\n      const preset = langToPresetMap[lang];\n      if (preset) acc.push(preset);\n      return acc;\n    }, []);\n\n    generateSnippet({\n      apiReferenceData,\n      pathInputs: inputs.path,\n      request,\n      snippetPresets,\n    })\n      .then(setSnippets)\n      .catch((err) => {\n        console.error(err);\n        setError(err);\n      });\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, exampleValue, requestExampleLanguages, requiredOnly]);\n\n  if (error) return null;\n  if (!snippets) return null; // or a loading spinner\n\n  return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n};\n\ntype MultipleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  examples: Record<string, ExampleSchema>;\n};\n\nconst MultipleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  examples,\n  requiredOnly,\n  maxHeight,\n}: MultipleRequestParams): JSX.Element | null => {\n  const [nameToSnippetExamplesMap, setNameToSnippetExamplesMap] = useState<\n    Record<string, Record<string, ExampleCodeSnippet>>\n  >({});\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const pathInputs = inputs.path;\n    const snippetMap: Record<string, Record<string, ExampleCodeSnippet>> = {};\n\n    const generateAllSnippets = async () => {\n      for (const [name, { value: exampleData }] of Object.entries(examples)) {\n        if (!exampleData) continue;\n\n        const request = generateRequest({\n          baseUrl,\n          apiReferenceData,\n          inputs,\n          selectedBodyContentType,\n          exampleData,\n          requiredOnly,\n        });\n\n        try {\n          const snippets = await generateSnippet({\n            apiReferenceData,\n            pathInputs,\n            request,\n            isMultipleRequest: true,\n          });\n\n          snippets.forEach((snippet) => {\n            snippetMap[snippet.filename] = {\n              ...snippetMap[snippet.filename],\n              [name]: snippet,\n            };\n          });\n        } catch (err) {\n          console.error(err);\n          setError(err as Error);\n          return;\n        }\n      }\n      setNameToSnippetExamplesMap(snippetMap);\n    };\n\n    generateAllSnippets();\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, examples, requiredOnly]);\n\n  if (error) return null;\n  if (Object.keys(nameToSnippetExamplesMap).length === 0) return null;\n\n  return <CodeGroupSelect snippets={nameToSnippetExamplesMap} maxHeight={maxHeight} />;\n};\n"],"names":["GeneratedRequestExample","baseUrl","apiReferenceData","inputs","requestExampleLanguages","requiredOnly","maxHeight","requestBody","_a","jsx","SingleRequest","firstExampleValue","getFirstExampleValue","examplesByContentType","contentType","content","selectedContentTypeIndex","_b","MultipleRequest","_c","_d","_e","selectedBodyContentType","exampleValue","snippets","setSnippets","useState","error","setError","useEffect","request","generateRequest","snippetPresets","acc","lang","preset","langToPresetMap","generateSnippet","err","CodeSnippets","examples","nameToSnippetExamplesMap","setNameToSnippetExamplesMap","pathInputs","snippetMap","name","exampleData","snippet","CodeGroupSelect"],"mappings":"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"}
+{"version":3,"file":"GeneratedRequestExample.js","sources":["../../../../src/api-playground-2/components/Example/GeneratedRequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs, ExampleSchema } from '@mintlify/validation';\nimport { JSX, useState, useEffect } from 'react';\n\nimport { generateRequest } from '@/api-playground-2/generators/generateRequest';\nimport { generateSnippet } from '@/api-playground-2/generators/generateSnippet';\nimport { getFirstExampleValue } from '@/api-playground-2/schemaGraph/processExamples';\nimport type { ApiReferenceDataV2 } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { langToPresetMap, SnippetPreset } from '../../../constants/snippetPresets';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nexport type GeneratedRequestExampleParams = {\n  baseUrl: string;\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n};\n\nexport const GeneratedRequestExample = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: GeneratedRequestExampleParams): JSX.Element | null => {\n  const requestBody = apiReferenceData.dependencies?.requestBody;\n\n  if (!requestBody) {\n    return (\n      <SingleRequest\n        apiReferenceData={apiReferenceData}\n        baseUrl={baseUrl}\n        inputs={inputs}\n        requestExampleLanguages={requestExampleLanguages}\n        requiredOnly={requiredOnly}\n        maxHeight={maxHeight}\n      />\n    );\n  }\n\n  const firstExampleValue = getFirstExampleValue(requestBody.content);\n\n  if (!firstExampleValue) return null;\n\n  const examplesByContentType = Object.entries(requestBody.content).map(\n    ([contentType, content]) => {\n      return {\n        contentType,\n        examples: content.examples,\n      };\n    }\n  );\n  const selectedContentTypeIndex = 0;\n\n  return examplesByContentType[selectedContentTypeIndex]?.examples.length > 1 ? (\n    <MultipleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      examples={examplesByContentType[selectedContentTypeIndex]?.examples}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n    />\n  ) : (\n    <SingleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      exampleValue={firstExampleValue}\n      requestExampleLanguages={requestExampleLanguages}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n    />\n  );\n};\n\ntype SingleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  exampleValue?: unknown;\n};\n\nconst SingleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  exampleValue,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: SingleRequestParams) => {\n  const [snippets, setSnippets] = useState<ExampleCodeSnippet[] | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    \n    const request = generateRequest({\n      baseUrl,\n      apiReferenceData,\n      inputs: inputs,\n      selectedBodyContentType,\n      exampleData: exampleValue,\n      requiredOnly,\n    });\n\n    const snippetPresets = requestExampleLanguages?.reduce<SnippetPreset[]>((acc, lang) => {\n      const preset = langToPresetMap[lang];\n      if (preset) acc.push(preset);\n      return acc;\n    }, []);\n\n    generateSnippet({\n      apiReferenceData,\n      pathInputs: inputs.path,\n      request,\n      snippetPresets,\n    })\n      .then((result) => {\n        if (!cancelled) {\n          setSnippets(result);\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          console.error(err);\n          setError(err);\n        }\n      });\n    \n    return () => {\n      cancelled = true;\n    };\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, exampleValue, requestExampleLanguages, requiredOnly]);\n\n  if (error) return null;\n  if (!snippets) return null;\n\n  return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n};\n\ntype MultipleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  examples: Record<string, ExampleSchema>;\n};\n\nconst MultipleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  examples,\n  requiredOnly,\n  maxHeight,\n}: MultipleRequestParams): JSX.Element | null => {\n  const [nameToSnippetExamplesMap, setNameToSnippetExamplesMap] = useState<\n    Record<string, Record<string, ExampleCodeSnippet>>\n  >({});\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const pathInputs = inputs.path;\n    const snippetMap: Record<string, Record<string, ExampleCodeSnippet>> = {};\n\n    const generateAllSnippets = async () => {\n      for (const [name, { value: exampleData }] of Object.entries(examples)) {\n        if (!exampleData) continue;\n\n        const request = generateRequest({\n          baseUrl,\n          apiReferenceData,\n          inputs,\n          selectedBodyContentType,\n          exampleData,\n          requiredOnly,\n        });\n\n        try {\n          const snippets = await generateSnippet({\n            apiReferenceData,\n            pathInputs,\n            request,\n            isMultipleRequest: true,\n          });\n\n          snippets.forEach((snippet) => {\n            snippetMap[snippet.filename] = {\n              ...snippetMap[snippet.filename],\n              [name]: snippet,\n            };\n          });\n        } catch (err) {\n          console.error(err);\n          setError(err as Error);\n          return;\n        }\n      }\n      setNameToSnippetExamplesMap(snippetMap);\n    };\n\n    generateAllSnippets();\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, examples, requiredOnly]);\n\n  if (error) return null;\n  if (Object.keys(nameToSnippetExamplesMap).length === 0) return null;\n\n  return <CodeGroupSelect snippets={nameToSnippetExamplesMap} maxHeight={maxHeight} />;\n};\n"],"names":["GeneratedRequestExample","baseUrl","apiReferenceData","inputs","requestExampleLanguages","requiredOnly","maxHeight","requestBody","_a","jsx","SingleRequest","firstExampleValue","getFirstExampleValue","examplesByContentType","contentType","content","selectedContentTypeIndex","_b","MultipleRequest","_c","_d","_e","selectedBodyContentType","exampleValue","snippets","setSnippets","useState","error","setError","useEffect","cancelled","request","generateRequest","snippetPresets","acc","lang","preset","langToPresetMap","generateSnippet","result","err","CodeSnippets","examples","nameToSnippetExamplesMap","setNameToSnippetExamplesMap","pathInputs","snippetMap","name","exampleData","snippet","CodeGroupSelect"],"mappings":"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"}

package/dist/api-playground-2/components/Example/RequestExample.js

@@ -1,89 +1,89 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useState as b, useEffect as q } from "react";
-import { initialApiPlaygroundInputs as y } from "@/api-playground-2/constants";
-import { generateSnippetMap as E } from "@/api-playground-2/generators/generateSnippetMap";
-import { CodeGroupSelect as x } from "../../../components/content-components/CodeGroupSelect/index.js";
-import { CodeSnippets as M } from "../../../components/content-components/code-snippets.js";
-import { CodeBlock as O } from "../../../components/content-components/code-block.js";
-import { CodeGroup as T } from "../../../components/content-components/code-group.js";
-import { prismLangToDisplayLang as U } from "../../../constants/prism-languages.js";
-import { useApiPlaygroundDisplay as j } from "../../../hooks/useApiPlaygroundDisplay.js";
-import { GeneratedRequestExample as w } from "./GeneratedRequestExample.js";
+import { jsx as l } from "react/jsx-runtime";
+import { useState as q, useEffect as y } from "react";
+import { initialApiPlaygroundInputs as E } from "@/api-playground-2/constants";
+import { generateSnippetMap as x } from "@/api-playground-2/generators/generateSnippetMap";
+import { CodeGroupSelect as M } from "../../../components/content-components/CodeGroupSelect/index.js";
+import { CodeSnippets as O } from "../../../components/content-components/code-snippets.js";
+import { CodeBlock as T } from "../../../components/content-components/code-block.js";
+import { CodeGroup as U } from "../../../components/content-components/code-group.js";
+import { prismLangToDisplayLang as j } from "../../../constants/prism-languages.js";
+import { useApiPlaygroundDisplay as w } from "../../../hooks/useApiPlaygroundDisplay.js";
+import { GeneratedRequestExample as C } from "./GeneratedRequestExample.js";
 const F = ({
   apiReferenceData: o,
-  inputs: m = y,
-  maxHeight: l
+  inputs: m = E,
+  maxHeight: p
 }) => {
   var r, s, c, e, g;
-  const p = (r = o.operation) == null ? void 0 : r.requestExamples, a = j(), i = (s = o.operation) == null ? void 0 : s.requestExampleLanguages, t = (c = o.operation) == null ? void 0 : c.requiredOnlyExamples, d = (e = o.operation) == null ? void 0 : e.requestExampleType;
+  const u = (r = o.operation) == null ? void 0 : r.requestExamples, a = w(), i = (s = o.operation) == null ? void 0 : s.requestExampleLanguages, t = (c = o.operation) == null ? void 0 : c.requiredOnlyExamples, d = (e = o.operation) == null ? void 0 : e.requestExampleType;
   switch (console.log("requestExampleType", d), (g = o.operation) == null ? void 0 : g.requestExampleType) {
     case "mdx":
-      if (!p) return null;
-      const f = p.some((u) => u.dropdown ?? !1);
-      return /* @__PURE__ */ n(T, { isSmallText: !0, dropdown: f, noMargins: !0, className: l, children: p.map((u) => /* @__PURE__ */ n(
-        O,
+      if (!u) return null;
+      const f = u.some((n) => n.dropdown ?? !1);
+      return /* @__PURE__ */ l(U, { isSmallText: !0, dropdown: f, noMargins: !0, className: p, children: u.map((n, b) => /* @__PURE__ */ l(
+        T,
         {
-          language: u.language,
-          fileName: u.filename,
-          children: /* @__PURE__ */ n("span", { children: u.code })
+          language: n.language,
+          fileName: n.filename,
+          children: /* @__PURE__ */ l("span", { children: n.code })
         },
-        u.filename
+        `${n.filename}-${n.language}-${b}`
       )) });
     case "codeSamples":
-      return o.operation.codeSamples ? /* @__PURE__ */ n(
-        C,
+      return o.operation.codeSamples ? /* @__PURE__ */ l(
+        L,
         {
           apiReferenceData: o,
           inputs: m,
           apiPlaygroundDisplay: a,
           requestExampleLanguages: i,
           requiredOnly: t,
-          maxHeight: l
+          maxHeight: p
         }
       ) : null;
     case "generated":
       const S = o.operation.baseUrl ?? o.operation.baseUrlOptions[0];
-      return S ? /* @__PURE__ */ n(
-        w,
+      return S ? /* @__PURE__ */ l(
+        C,
         {
           apiReferenceData: o,
           baseUrl: S,
           inputs: m,
           requestExampleLanguages: i,
           requiredOnly: t,
-          maxHeight: l
+          maxHeight: p
         }
       ) : null;
   }
-}, C = ({
+}, L = ({
   apiReferenceData: o,
   inputs: m,
-  apiPlaygroundDisplay: l,
-  requestExampleLanguages: p,
+  apiPlaygroundDisplay: p,
+  requestExampleLanguages: u,
   requiredOnly: a,
   maxHeight: i
 }) => {
-  const [t, d] = b(null);
-  if (q(() => {
+  const [t, d] = q(null);
+  if (y(() => {
     var r;
-    (r = o.operation) != null && r.codeSamples && E({
+    (r = o.operation) != null && r.codeSamples && x({
       apiReferenceData: o,
       codeSamples: o.operation.codeSamples,
       baseUrl: o.operation.baseUrl ?? o.operation.baseUrlOptions[0],
-      apiPlaygroundMode: l,
-      requestExampleLanguages: p,
+      apiPlaygroundMode: p,
+      requestExampleLanguages: u,
       requiredOnly: a,
       inputs: m
     }).then(d);
-  }, [o, m, l, p, a]), !t) return null;
+  }, [o, m, p, u, a]), !t) return null;
   if (Object.values(t).every((r) => Object.keys(r).length <= 1)) {
     let s = Object.values(t).flatMap((e) => Object.values(e));
     return new Set(s.map((e) => e.filename)).size !== s.length && (s = s.map((e) => ({
       ...e,
-      filename: U[e.language] ?? e.language
-    }))), /* @__PURE__ */ n(M, { snippets: s, dropdown: !0, maxHeight: i });
+      filename: j[e.language] ?? e.language
+    }))), /* @__PURE__ */ l(O, { snippets: s, dropdown: !0, maxHeight: i });
   }
-  return /* @__PURE__ */ n(x, { snippets: t, maxHeight: i });
+  return /* @__PURE__ */ l(M, { snippets: t, maxHeight: i });
 };
 export {
   F as RequestExample

package/dist/api-playground-2/components/Example/RequestExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestExample.js","sources":["../../../../src/api-playground-2/components/Example/RequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs } from '@mintlify/validation';\nimport { useState, useEffect } from 'react';\n\nimport { initialApiPlaygroundInputs } from '@/api-playground-2/constants';\nimport { generateSnippetMap } from '@/api-playground-2/generators/generateSnippetMap';\nimport type { ApiReferenceDataV2, CodeExample } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippet } from '../../../components/content-components/code-snippet';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { CodeBlock } from '../../../components/content-components/code-block';\nimport { CodeGroup } from '../../../components/content-components/code-group';\nimport { prismLangToDisplayLang } from '../../../constants/prism-languages';\nimport { useApiPlaygroundDisplay } from '../../../hooks/useApiPlaygroundDisplay';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nimport { GeneratedRequestExample } from './GeneratedRequestExample';\n\nexport const RequestExample = ({\n  apiReferenceData,\n  inputs = initialApiPlaygroundInputs,\n  maxHeight,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  maxHeight?: string;\n}) => {\n  const requestExamples = apiReferenceData.operation?.requestExamples;\n  const apiPlaygroundDisplay = useApiPlaygroundDisplay();\n  const requestExampleLanguages = apiReferenceData.operation?.requestExampleLanguages;\n  const requiredOnly = apiReferenceData.operation?.requiredOnlyExamples;\n\n  const requestExampleType = apiReferenceData.operation?.requestExampleType;\n\n  console.log('requestExampleType', requestExampleType);\n\n  switch (apiReferenceData.operation?.requestExampleType) {\n    case 'mdx':\n      if (!requestExamples) return null;\n      const dropdown = requestExamples.some((example: CodeExample) => example.dropdown ?? false);\n      return (\n        <CodeGroup isSmallText dropdown={dropdown} noMargins className={maxHeight}>\n          {requestExamples.map((example: CodeExample) => (\n            <CodeBlock\n              language={example.language}\n              fileName={example.filename}\n              key={example.filename}\n            >\n              <span>{example.code}</span>\n            </CodeBlock>\n          ))}\n        </CodeGroup>\n      );\n    case 'codeSamples':\n      if (!apiReferenceData.operation.codeSamples) return null;\n      return (\n        <CodeSamplesExample\n          apiReferenceData={apiReferenceData}\n          inputs={inputs}\n          apiPlaygroundDisplay={apiPlaygroundDisplay}\n          requestExampleLanguages={requestExampleLanguages}\n          requiredOnly={requiredOnly}\n          maxHeight={maxHeight}\n        />\n      );\n    case 'generated':\n      const baseUrl =\n        apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0];\n      if (!baseUrl) return null;\n      return (\n          <GeneratedRequestExample\n            apiReferenceData={apiReferenceData}\n            baseUrl={baseUrl}\n            inputs={inputs}\n            requestExampleLanguages={requestExampleLanguages}\n            requiredOnly={requiredOnly}\n            maxHeight={maxHeight}\n          />\n      );\n  }\n};\n\nconst CodeSamplesExample = ({\n  apiReferenceData,\n  inputs,\n  apiPlaygroundDisplay,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  apiPlaygroundDisplay: 'none' | 'simple' | 'interactive';\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n}) => {\n  const [snippetMap, setSnippetMap] = useState<Record<string, Record<string, ExampleCodeSnippet>> | null>(null);\n\n  useEffect(() => {\n    if (!apiReferenceData.operation?.codeSamples) return;\n\n    generateSnippetMap({\n      apiReferenceData,\n      codeSamples: apiReferenceData.operation.codeSamples,\n      baseUrl: apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0],\n      apiPlaygroundMode: apiPlaygroundDisplay,\n      requestExampleLanguages,\n      requiredOnly,\n      inputs,\n    }).then(setSnippetMap);\n  }, [apiReferenceData, inputs, apiPlaygroundDisplay, requestExampleLanguages, requiredOnly]);\n\n  if (!snippetMap) return null;\n\n  if (Object.values(snippetMap).every((value) => Object.keys(value).length <= 1)) {\n    const codeSnippetMap = Object.values(snippetMap);\n    let snippets = codeSnippetMap.flatMap((record) => Object.values(record));\n    const uniqueLabels = new Set(snippets.map((snippet) => snippet.filename));\n    if (uniqueLabels.size !== snippets.length) {\n      snippets = snippets.map((snippet) => ({\n        ...snippet,\n        filename: prismLangToDisplayLang[snippet.language] ?? snippet.language,\n      }));\n    }\n    return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n  }\n\n  return <CodeGroupSelect snippets={snippetMap} maxHeight={maxHeight} />;\n};\n"],"names":["RequestExample","apiReferenceData","inputs","initialApiPlaygroundInputs","maxHeight","requestExamples","_a","apiPlaygroundDisplay","useApiPlaygroundDisplay","requestExampleLanguages","_b","requiredOnly","_c","requestExampleType","_d","_e","dropdown","example","jsx","CodeGroup","CodeBlock","CodeSamplesExample","baseUrl","GeneratedRequestExample","snippetMap","setSnippetMap","useState","useEffect","generateSnippetMap","value","snippets","record","snippet","prismLangToDisplayLang","CodeSnippets","CodeGroupSelect"],"mappings":"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"}
+{"version":3,"file":"RequestExample.js","sources":["../../../../src/api-playground-2/components/Example/RequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs } from '@mintlify/validation';\nimport { useState, useEffect } from 'react';\n\nimport { initialApiPlaygroundInputs } from '@/api-playground-2/constants';\nimport { generateSnippetMap } from '@/api-playground-2/generators/generateSnippetMap';\nimport type { ApiReferenceDataV2, CodeExample } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippet } from '../../../components/content-components/code-snippet';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { CodeBlock } from '../../../components/content-components/code-block';\nimport { CodeGroup } from '../../../components/content-components/code-group';\nimport { prismLangToDisplayLang } from '../../../constants/prism-languages';\nimport { useApiPlaygroundDisplay } from '../../../hooks/useApiPlaygroundDisplay';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nimport { GeneratedRequestExample } from './GeneratedRequestExample';\n\nexport const RequestExample = ({\n  apiReferenceData,\n  inputs = initialApiPlaygroundInputs,\n  maxHeight,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  maxHeight?: string;\n}) => {\n  const requestExamples = apiReferenceData.operation?.requestExamples;\n  const apiPlaygroundDisplay = useApiPlaygroundDisplay();\n  const requestExampleLanguages = apiReferenceData.operation?.requestExampleLanguages;\n  const requiredOnly = apiReferenceData.operation?.requiredOnlyExamples;\n\n  const requestExampleType = apiReferenceData.operation?.requestExampleType;\n\n  console.log('requestExampleType', requestExampleType);\n\n  switch (apiReferenceData.operation?.requestExampleType) {\n    case 'mdx':\n      if (!requestExamples) return null;\n      const dropdown = requestExamples.some((example: CodeExample) => example.dropdown ?? false);\n      return (\n        <CodeGroup isSmallText dropdown={dropdown} noMargins className={maxHeight}>\n          {requestExamples.map((example: CodeExample, index) => (\n            <CodeBlock\n              language={example.language}\n              fileName={example.filename}\n              key={`${example.filename}-${example.language}-${index}`}\n            >\n              <span>{example.code}</span>\n            </CodeBlock>\n          ))}\n        </CodeGroup>\n      );\n    case 'codeSamples':\n      if (!apiReferenceData.operation.codeSamples) return null;\n      return (\n        <CodeSamplesExample\n          apiReferenceData={apiReferenceData}\n          inputs={inputs}\n          apiPlaygroundDisplay={apiPlaygroundDisplay}\n          requestExampleLanguages={requestExampleLanguages}\n          requiredOnly={requiredOnly}\n          maxHeight={maxHeight}\n        />\n      );\n    case 'generated':\n      const baseUrl =\n        apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0];\n      if (!baseUrl) return null;\n      return (\n          <GeneratedRequestExample\n            apiReferenceData={apiReferenceData}\n            baseUrl={baseUrl}\n            inputs={inputs}\n            requestExampleLanguages={requestExampleLanguages}\n            requiredOnly={requiredOnly}\n            maxHeight={maxHeight}\n          />\n      );\n  }\n};\n\nconst CodeSamplesExample = ({\n  apiReferenceData,\n  inputs,\n  apiPlaygroundDisplay,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  apiPlaygroundDisplay: 'none' | 'simple' | 'interactive';\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n}) => {\n  const [snippetMap, setSnippetMap] = useState<Record<string, Record<string, ExampleCodeSnippet>> | null>(null);\n\n  useEffect(() => {\n    if (!apiReferenceData.operation?.codeSamples) return;\n\n    generateSnippetMap({\n      apiReferenceData,\n      codeSamples: apiReferenceData.operation.codeSamples,\n      baseUrl: apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0],\n      apiPlaygroundMode: apiPlaygroundDisplay,\n      requestExampleLanguages,\n      requiredOnly,\n      inputs,\n    }).then(setSnippetMap);\n  }, [apiReferenceData, inputs, apiPlaygroundDisplay, requestExampleLanguages, requiredOnly]);\n\n  if (!snippetMap) return null;\n\n  if (Object.values(snippetMap).every((value) => Object.keys(value).length <= 1)) {\n    const codeSnippetMap = Object.values(snippetMap);\n    let snippets = codeSnippetMap.flatMap((record) => Object.values(record));\n    const uniqueLabels = new Set(snippets.map((snippet) => snippet.filename));\n    if (uniqueLabels.size !== snippets.length) {\n      snippets = snippets.map((snippet) => ({\n        ...snippet,\n        filename: prismLangToDisplayLang[snippet.language] ?? snippet.language,\n      }));\n    }\n    return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n  }\n\n  return <CodeGroupSelect snippets={snippetMap} maxHeight={maxHeight} />;\n};\n"],"names":["RequestExample","apiReferenceData","inputs","initialApiPlaygroundInputs","maxHeight","requestExamples","_a","apiPlaygroundDisplay","useApiPlaygroundDisplay","requestExampleLanguages","_b","requiredOnly","_c","requestExampleType","_d","_e","dropdown","example","jsx","CodeGroup","index","CodeBlock","CodeSamplesExample","baseUrl","GeneratedRequestExample","snippetMap","setSnippetMap","useState","useEffect","generateSnippetMap","value","snippets","record","snippet","prismLangToDisplayLang","CodeSnippets","CodeGroupSelect"],"mappings":"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"}

package/dist/api-playground-2/components/Example/ResponseExample.js

@@ -1,18 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { CodeBlock as t } from "../../../components/content-components/code-block.js";
+import { jsx as e } from "react/jsx-runtime";
+import { CodeBlock as a } from "../../../components/content-components/code-block.js";
 import { CodeGroup as i } from "../../../components/content-components/code-group.js";
-import { GeneratedResponseExample as a } from "./GeneratedResponseExample.js";
-const x = ({ apiReferenceData: r, maxHeight: s }) => {
+import { GeneratedResponseExample as d } from "./GeneratedResponseExample.js";
+const E = ({ apiReferenceData: r, maxHeight: s }) => {
   var l, p;
   const n = (l = r.operation) == null ? void 0 : l.responseExamples;
   if (((p = r.operation) == null ? void 0 : p.responseExampleType) === "mdx") {
     if (!n) return null;
-    const m = n.some((e) => e.dropdown ?? !1);
-    return /* @__PURE__ */ o(i, { isSmallText: !0, dropdown: m, noMargins: !0, className: s, children: n.map((e) => /* @__PURE__ */ o(t, { language: e.language, fileName: e.filename, children: /* @__PURE__ */ o("span", { children: e.code }) }, e.filename)) });
+    const m = n.some((o) => o.dropdown ?? !1);
+    return /* @__PURE__ */ e(i, { isSmallText: !0, dropdown: m, noMargins: !0, className: s, children: n.map((o, t) => /* @__PURE__ */ e(a, { language: o.language, fileName: o.filename, children: /* @__PURE__ */ e("span", { children: o.code }) }, `${o.filename}-${o.language}-${t}`)) });
   } else
-    return /* @__PURE__ */ o(a, { apiReferenceData: r, maxHeight: s });
+    return /* @__PURE__ */ e(d, { apiReferenceData: r, maxHeight: s });
 };
 export {
-  x as ResponseExample
+  E as ResponseExample
 };
 //# sourceMappingURL=ResponseExample.js.map

package/dist/api-playground-2/components/Example/ResponseExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseExample.js","sources":["../../../../src/api-playground-2/components/Example/ResponseExample.tsx"],"sourcesContent":["'use client';\n\nimport type { ApiReferenceDataV2, CodeExample } from '@/api-playground-2/types';\nimport { CodeBlock } from '../../../components/content-components/code-block';\nimport { CodeGroup } from '../../../components/content-components/code-group';\n\nimport { GeneratedResponseExample } from './GeneratedResponseExample';\n\nexport const ResponseExample = ({ apiReferenceData, maxHeight }: { apiReferenceData: ApiReferenceDataV2; maxHeight?: string }) => {\n  const responseExamples = apiReferenceData.operation?.responseExamples;\n\n  if (apiReferenceData.operation?.responseExampleType === 'mdx') {\n    if (!responseExamples) return null;\n    const dropdown = responseExamples.some((example: CodeExample) => example.dropdown ?? false);\n    return (\n      <CodeGroup isSmallText dropdown={dropdown} noMargins className={maxHeight}>\n        {responseExamples.map((example: CodeExample) => (\n          <CodeBlock language={example.language} fileName={example.filename} key={example.filename}>\n            <span>{example.code}</span>\n          </CodeBlock>\n        ))}\n      </CodeGroup>\n    );\n  } else {\n    return <GeneratedResponseExample apiReferenceData={apiReferenceData} maxHeight={maxHeight} />;\n  }\n};\n"],"names":["ResponseExample","apiReferenceData","maxHeight","responseExamples","_a","_b","dropdown","example","jsx","CodeGroup","CodeBlock","GeneratedResponseExample"],"mappings":";;;;AAQO,MAAMA,IAAkB,CAAC,EAAE,kBAAAC,GAAkB,WAAAC,QAA8E;;AAChI,QAAMC,KAAmBC,IAAAH,EAAiB,cAAjB,gBAAAG,EAA4B;AAErD,QAAIC,IAAAJ,EAAiB,cAAjB,gBAAAI,EAA4B,yBAAwB,OAAO;AAC7D,QAAI,CAACF,EAAkB,QAAO;AAC9B,UAAMG,IAAWH,EAAiB,KAAK,CAACI,MAAyBA,EAAQ,YAAY,EAAK;AAC1F,WACE,gBAAAC,EAACC,GAAA,EAAU,aAAW,IAAC,UAAAH,GAAoB,WAAS,IAAC,WAAWJ,GAC7D,UAAAC,EAAiB,IAAI,CAACI,MACrB,gBAAAC,EAACE,GAAA,EAAU,UAAUH,EAAQ,UAAU,UAAUA,EAAQ,UACvD,UAAA,gBAAAC,EAAC,QAAA,EAAM,UAAAD,EAAQ,MAAK,EAAA,GADkDA,EAAQ,QAEhF,CACD,GACH;AAAA,EAEJ;AACE,WAAO,gBAAAC,EAACG,GAAA,EAAyB,kBAAAV,GAAoC,WAAAC,EAAA,CAAsB;AAE/F;"}
+{"version":3,"file":"ResponseExample.js","sources":["../../../../src/api-playground-2/components/Example/ResponseExample.tsx"],"sourcesContent":["'use client';\n\nimport type { ApiReferenceDataV2, CodeExample } from '@/api-playground-2/types';\nimport { CodeBlock } from '../../../components/content-components/code-block';\nimport { CodeGroup } from '../../../components/content-components/code-group';\n\nimport { GeneratedResponseExample } from './GeneratedResponseExample';\n\nexport const ResponseExample = ({ apiReferenceData, maxHeight }: { apiReferenceData: ApiReferenceDataV2; maxHeight?: string }) => {\n  const responseExamples = apiReferenceData.operation?.responseExamples;\n\n  if (apiReferenceData.operation?.responseExampleType === 'mdx') {\n    if (!responseExamples) return null;\n    const dropdown = responseExamples.some((example: CodeExample) => example.dropdown ?? false);\n    return (\n      <CodeGroup isSmallText dropdown={dropdown} noMargins className={maxHeight}>\n        {responseExamples.map((example: CodeExample, index) => (\n          <CodeBlock language={example.language} fileName={example.filename} key={`${example.filename}-${example.language}-${index}`}>\n            <span>{example.code}</span>\n          </CodeBlock>\n        ))}\n      </CodeGroup>\n    );\n  } else {\n    return <GeneratedResponseExample apiReferenceData={apiReferenceData} maxHeight={maxHeight} />;\n  }\n};\n"],"names":["ResponseExample","apiReferenceData","maxHeight","responseExamples","_a","_b","dropdown","example","CodeGroup","index","jsx","CodeBlock","GeneratedResponseExample"],"mappings":";;;;AAQO,MAAMA,IAAkB,CAAC,EAAE,kBAAAC,GAAkB,WAAAC,QAA8E;;AAChI,QAAMC,KAAmBC,IAAAH,EAAiB,cAAjB,gBAAAG,EAA4B;AAErD,QAAIC,IAAAJ,EAAiB,cAAjB,gBAAAI,EAA4B,yBAAwB,OAAO;AAC7D,QAAI,CAACF,EAAkB,QAAO;AAC9B,UAAMG,IAAWH,EAAiB,KAAK,CAACI,MAAyBA,EAAQ,YAAY,EAAK;AAC1F,6BACGC,GAAA,EAAU,aAAW,IAAC,UAAAF,GAAoB,WAAS,IAAC,WAAWJ,GAC7D,UAAAC,EAAiB,IAAI,CAACI,GAAsBE,MAC3C,gBAAAC,EAACC,KAAU,UAAUJ,EAAQ,UAAU,UAAUA,EAAQ,UACvD,UAAA,gBAAAG,EAAC,QAAA,EAAM,UAAAH,EAAQ,MAAK,EAAA,GADkD,GAAGA,EAAQ,QAAQ,IAAIA,EAAQ,QAAQ,IAAIE,CAAK,EAExH,CACD,GACH;AAAA,EAEJ;AACE,WAAO,gBAAAC,EAACE,GAAA,EAAyB,kBAAAX,GAAoC,WAAAC,EAAA,CAAsB;AAE/F;"}

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

@@ -1,67 +1,67 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import * as p from "@radix-ui/react-tabs";
-import F, { forwardRef as k, useRef as L, useState as V, useCallback as G } from "react";
-import { ChevronDownFilled as z } from "@fluentui/react-icons";
+import * as d from "@radix-ui/react-tabs";
+import j, { forwardRef as k, useRef as F, useState as L, useCallback as V } from "react";
+import { ChevronDownFilled as G } from "@fluentui/react-icons";
 import { cn as g } from "../../utils/cn.js";
-import { CopyToClipboardButton as B } from "./code-block.js";
-import { getNodeText as D } from "../../utils/get-node-text.js";
-import { capitalize as _ } from "../../utils/string.js";
-const Q = k(function({ children: m, onChange: r, className: o, dropdown: l, noMargins: x, ...T }, C) {
+import { CopyToClipboardButton as z } from "./code-block.js";
+import { getNodeText as B } from "../../utils/get-node-text.js";
+import { capitalize as D } from "../../utils/string.js";
+const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMargins: x, ...T }, C) {
   var N, w;
-  const { defaultValue: c, ...S } = T, h = L(/* @__PURE__ */ new Map()), i = Array.isArray(m) ? m : F.Children.toArray(m), [b, A] = V(0), v = G(
+  const { defaultValue: f, ...S } = T, b = F(/* @__PURE__ */ new Map()), i = Array.isArray(r) ? r : j.Children.toArray(r), [h, A] = L(0), v = V(
     (n) => {
       var s;
-      const t = Number(n), a = ((s = document.activeElement) == null ? void 0 : s.getAttribute("role")) === "tab";
-      A(t), r == null || r(t), a && requestAnimationFrame(() => {
-        const f = h.current.get(t);
-        f && f.focus();
+      const t = Number(n), m = ((s = document.activeElement) == null ? void 0 : s.getAttribute("role")) === "tab";
+      A(t), a == null || a(t), m && requestAnimationFrame(() => {
+        const p = b.current.get(t);
+        p && p.focus();
       });
     },
-    [r]
+    [a]
   );
-  if (!m)
+  if (!r)
     return null;
   if (i.length === 0)
     return console.warn("CodeGroup has no children, expected at least one CodeBlock child."), null;
-  const d = Number(b), I = () => {
+  const c = Number(h), I = () => {
     var n;
-    return /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-1.5 mint:text-xs mint:font-medium mint:min-w-0", children: /* @__PURE__ */ e("span", { className: "mint:truncate mint:text-[#171717] mint:dark:text-[#fafafa]", children: (n = i[d]) == null ? void 0 : n.props.fileName }) });
-  }, R = () => /* @__PURE__ */ e(p.List, { className: "mint:flex-1 mint:min-w-0 mint:text-xs mint:leading-6 mint:rounded-tl-xl mint:gap-1 mint:flex mint:overflow-x-auto mint:overflow-y-hidden", children: i.map((n, t) => /* @__PURE__ */ e(
-    q,
+    return /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-1.5 mint:text-xs mint:font-medium mint:min-w-0", children: /* @__PURE__ */ e("span", { className: "mint:truncate mint:text-[#171717] mint:dark:text-[#fafafa]", children: (n = i[c]) == null ? void 0 : n.props.fileName }) });
+  }, $ = () => /* @__PURE__ */ e(d.List, { className: "mint:flex-1 mint:min-w-0 mint:text-xs mint:leading-6 mint:rounded-tl-xl mint:gap-1 mint:flex mint:overflow-x-auto mint:overflow-y-hidden", children: i.map((n, t) => /* @__PURE__ */ e(
+    _,
     {
       value: String(t),
-      isSelected: d === t,
+      isSelected: c === t,
       tabsLength: i.length,
-      ref: (a) => {
-        a && h.current.set(t, a);
+      ref: (m) => {
+        m && b.current.set(t, m);
       },
       children: n.props.fileName
     },
     n.props.fileName + "TabItem" + t
-  )) }), j = () => {
+  )) }), R = () => {
     var n;
     return /* @__PURE__ */ u("div", { className: "mint:relative", children: [
       /* @__PURE__ */ e(
         "select",
         {
-          value: ((n = i[d]) == null ? void 0 : n.props.language) || "",
+          value: ((n = i[c]) == null ? void 0 : n.props.language) || "",
           onChange: (t) => {
-            const a = t.target.value, s = i.findIndex((f) => f.props.language === a);
+            const m = t.target.value, s = i.findIndex((p) => p.props.language === m);
             s !== -1 && v(String(s));
           },
           className: "mint:appearance-none mint:bg-transparent mint:border mint:border-[#e5e5e5] mint:dark:border-[#262626] mint:rounded-lg mint:px-2.5 mint:pr-7 mint:py-1 mint:text-xs mint:font-medium mint:text-[#171717] mint:dark:text-[#fafafa] mint:cursor-pointer mint:focus:outline-0",
-          children: i.map((t) => /* @__PURE__ */ e("option", { value: t.props.language, children: _(t.props.language || "") }, t.props.language))
+          children: i.map((t, m) => /* @__PURE__ */ e("option", { value: t.props.language, children: D(t.props.language || "") }, `${t.props.language}-${t.props.fileName}-${m}`))
         }
       ),
-      /* @__PURE__ */ e(z, { className: "mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:w-3.5 mint:h-3.5 mint:pointer-events-none mint:text-[#737373] mint:dark:text-[#a3a3a3]" })
+      /* @__PURE__ */ e(G, { className: "mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:w-3.5 mint:h-3.5 mint:pointer-events-none mint:text-[#737373] mint:dark:text-[#a3a3a3]" })
     ] });
   };
   return /* @__PURE__ */ u(
-    p.Root,
+    d.Root,
     {
-      defaultValue: c == null ? void 0 : typeof c == "string" ? c : String(c),
+      defaultValue: f == null ? void 0 : typeof f == "string" ? f : String(f),
       ref: C,
-      value: String(b),
+      value: String(h),
       onValueChange: v,
       className: g(
         !x && "mint:mt-4 mint:mb-4",
@@ -79,13 +79,13 @@ const Q = k(function({ children: m, onChange: r, className: o, dropdown: l, noMa
               ""
             ),
             children: [
-              l ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(R, {}),
+              l ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e($, {}),
               /* @__PURE__ */ u("div", { className: "mint:flex mint:items-center mint:justify-end mint:shrink-0 mint:gap-1.5", children: [
-                l && /* @__PURE__ */ e(j, {}),
+                l && /* @__PURE__ */ e(R, {}),
                 /* @__PURE__ */ e(
-                  B,
+                  z,
                   {
-                    textToCopy: D((w = (N = i[d]) == null ? void 0 : N.props) == null ? void 0 : w.children),
+                    textToCopy: B((w = (N = i[c]) == null ? void 0 : N.props) == null ? void 0 : w.children),
                     showTooltip: !0
                   }
                 )
@@ -94,24 +94,24 @@ const Q = k(function({ children: m, onChange: r, className: o, dropdown: l, noMa
           }
         ),
         /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-1 mint:overflow-hidden", children: i.map((n, t) => /* @__PURE__ */ e(
-          p.Content,
+          d.Content,
           {
             value: String(t),
             className: "mint:w-full mint:min-w-full mint:max-w-full mint:h-full mint:max-h-full",
             tabIndex: -1,
             children: /* @__PURE__ */ e("div", { className: "mint:overflow-auto mint:max-h-[calc(40vh-3rem)]", children: n })
           },
-          n.props.fileName
+          `${n.props.fileName}-${n.props.language}-${t}`
         )) })
       ]
     }
   );
-}), q = k(function({ children: m, value: r, isSelected: o, tabsLength: l }, x) {
+}), _ = k(function({ children: r, value: a, isSelected: o, tabsLength: l }, x) {
   return /* @__PURE__ */ u(
-    p.Trigger,
+    d.Trigger,
     {
       ref: x,
-      value: r,
+      value: a,
       className: g(
         "mint:group mint:flex mint:items-center mint:relative mint:gap-1.5 mint:my-1 mint:mb-1.5 mint:outline-0 mint:whitespace-nowrap mint:font-medium mint:ml-0! mint:first:ml-2.5! mint:focus:outline-2",
         o && "mint:text-[#9263f1] mint:dark:text-[#c9aaf9]",
@@ -125,7 +125,7 @@ const Q = k(function({ children: m, onChange: r, className: o, dropdown: l, noMa
               "mint:flex mint:items-center mint:gap-1.5 mint:px-1.5 mint:rounded-lg mint:z-10",
               l > 1 && "mint:group-hover:bg-[#f5f5f5] mint:group-hover:dark:bg-[#1a1a1a] mint:group-hover:text-[#9263f1] mint:group-hover:dark:text-[#c9aaf9]"
             ),
-            children: m
+            children: r
           }
         ),
         o && /* @__PURE__ */ e("div", { className: "mint:absolute mint:-bottom-1.5 mint:left-0 mint:right-0 mint:h-0.5 mint:rounded-full mint:bg-[#9263f1] mint:dark:bg-[#c9aaf9]" })
@@ -134,6 +134,6 @@ const Q = k(function({ children: m, onChange: r, className: o, dropdown: l, noMa
   );
 });
 export {
-  Q as CodeGroup
+  K as CodeGroup
 };
 //# sourceMappingURL=code-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"code-group.js","sources":["../../../src/components/content-components/code-group.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport React, {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useState,\n  useRef,\n} from 'react';\nimport { ChevronDownFilled } from '@fluentui/react-icons';\n\nimport { cn } from '../../utils/cn';\nimport { CodeBlock } from './code-block';\nimport { CopyToClipboardButton } from './code-block';\nimport { getNodeText } from '../../utils/get-node-text';\nimport { capitalize } from '../../utils/string';\n\ntype CodeBlockProps = ComponentPropsWithoutRef<typeof CodeBlock>;\n\nexport type CodeGroupPropsBase = {\n  dropdown?: boolean;\n  isSmallText?: boolean;\n  noMargins?: boolean;\n  children?: ReactElement<CodeBlockProps>[] | ReactElement<CodeBlockProps>;\n  onChange?: (index: number) => void;\n};\n\nexport type CodeGroupProps = CodeGroupPropsBase &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof CodeGroupPropsBase | 'dir'>;\n\ntype CodeBlockChild = Exclude<React.ReactElement<CodeBlockProps>, boolean | null | undefined>;\n\nexport const CodeGroup = forwardRef<HTMLDivElement, CodeGroupProps>(function CodeGroup(\n  { children, onChange, className, dropdown, noMargins, ...restProps },\n  ref\n) {\n  // Filter out props that are incompatible with TabsPrimitive.Root\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { defaultValue, ...props } = restProps as any;\n  const triggerRefs = useRef<Map<number, HTMLButtonElement>>(new Map());\n  const childArr = Array.isArray(children)\n    ? children\n    : (React.Children.toArray(children) as Array<CodeBlockChild>);\n\n  const [selectedTab, setSelectedTab] = useState(0);\n\n  const handleValueChange = useCallback(\n    (value: string) => {\n      const index = Number(value);\n      const wasFocusOnTab = document.activeElement?.getAttribute('role') === 'tab';\n\n      setSelectedTab(index);\n      onChange?.(index);\n\n      if (wasFocusOnTab) {\n        requestAnimationFrame(() => {\n          const trigger = triggerRefs.current.get(index);\n          if (trigger) {\n            trigger.focus();\n          }\n        });\n      }\n    },\n    [onChange]\n  );\n\n  if (!children) {\n    return null;\n  }\n\n  if (childArr.length === 0) {\n    console.warn('CodeGroup has no children, expected at least one CodeBlock child.');\n    return null;\n  }\n\n  const selectedIndex = Number(selectedTab);\n\n  const SelectedFilename = () => {\n    return (\n      <div className=\"mint:flex mint:items-center mint:gap-1.5 mint:text-xs mint:font-medium mint:min-w-0\">\n        <span className=\"mint:truncate mint:text-[#171717] mint:dark:text-[#fafafa]\">\n          {childArr[selectedIndex]?.props.fileName}\n        </span>\n      </div>\n    );\n  };\n\n  const TabList = () => {\n    return (\n      <TabsPrimitive.List className=\"mint:flex-1 mint:min-w-0 mint:text-xs mint:leading-6 mint:rounded-tl-xl mint:gap-1 mint:flex mint:overflow-x-auto mint:overflow-y-hidden\">\n        {childArr.map((child, index) => (\n          <TabItem\n            key={child.props.fileName + 'TabItem' + index}\n            value={String(index)}\n            isSelected={selectedIndex === index}\n            tabsLength={childArr.length}\n            ref={(el) => {\n              if (el) {\n                triggerRefs.current.set(index, el);\n              }\n            }}\n          >\n            {child.props.fileName}\n          </TabItem>\n        ))}\n      </TabsPrimitive.List>\n    );\n  };\n\n  const LanguageDropdown = () => {\n    return (\n      <div className=\"mint:relative\">\n        <select\n          value={childArr[selectedIndex]?.props.language || ''}\n          onChange={(e) => {\n            const language = e.target.value;\n            const index = childArr.findIndex((child) => child.props.language === language);\n            if (index !== -1) {\n              handleValueChange(String(index));\n            }\n          }}\n          className=\"mint:appearance-none mint:bg-transparent mint:border mint:border-[#e5e5e5] mint:dark:border-[#262626] mint:rounded-lg mint:px-2.5 mint:pr-7 mint:py-1 mint:text-xs mint:font-medium mint:text-[#171717] mint:dark:text-[#fafafa] mint:cursor-pointer mint:focus:outline-0\"\n        >\n          {childArr.map((child) => (\n            <option key={child.props.language} value={child.props.language}>\n              {capitalize(child.props.language || '')}\n            </option>\n          ))}\n        </select>\n        <ChevronDownFilled className=\"mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:w-3.5 mint:h-3.5 mint:pointer-events-none mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n      </div>\n    );\n  };\n\n  return (\n    <TabsPrimitive.Root\n      defaultValue={defaultValue == undefined ? undefined : (typeof defaultValue === 'string' ? defaultValue : String(defaultValue))}\n      ref={ref}\n      value={String(selectedTab)}\n      onValueChange={handleValueChange}\n      className={cn(\n        !noMargins && 'mint:mt-4 mint:mb-4',\n        'mint:flex mint:flex-col not-prose mint:relative mint:overflow-hidden mint:rounded-2xl mint:border mint:border-[#e5e5e5] mint:dark:border-[#262626] mint:bg-white mint:dark:bg-[#0a0a0a]',\n        className\n      )}\n      asChild={false}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      {...(props as any)}\n    >\n      <div\n        className={cn(\n          'mint:flex mint:items-center mint:justify-between mint:gap-2 mint:relative mint:px-2.5 mint:py-2',\n          dropdown ? '' : ''\n        )}\n      >\n        {dropdown ? <SelectedFilename /> : <TabList />}\n        <div className=\"mint:flex mint:items-center mint:justify-end mint:shrink-0 mint:gap-1.5\">\n          {dropdown && <LanguageDropdown />}\n          <CopyToClipboardButton\n            textToCopy={getNodeText(childArr[selectedIndex]?.props?.children)}\n            showTooltip={true}\n          />\n        </div>\n      </div>\n      <div className=\"mint:flex mint:flex-1 mint:overflow-hidden\">\n        {childArr.map((child, index) => {\n          return (\n            <TabsPrimitive.Content\n              key={child.props.fileName}\n              value={String(index)}\n              className=\"mint:w-full mint:min-w-full mint:max-w-full mint:h-full mint:max-h-full\"\n              tabIndex={-1}\n            >\n              <div className=\"mint:overflow-auto mint:max-h-[calc(40vh-3rem)]\">\n                {child}\n              </div>\n            </TabsPrimitive.Content>\n          );\n        })}\n      </div>\n    </TabsPrimitive.Root>\n  );\n});\n\nconst TabItem = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  {\n    children: ReactNode;\n    value: string;\n    isSelected: boolean;\n    tabsLength: number;\n  }\n>(function TabItem({ children, value, isSelected, tabsLength }, ref) {\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      value={value}\n      className={cn(\n        'mint:group mint:flex mint:items-center mint:relative mint:gap-1.5 mint:my-1 mint:mb-1.5 mint:outline-0 mint:whitespace-nowrap mint:font-medium mint:ml-0! mint:first:ml-2.5! mint:focus:outline-2',\n        isSelected && 'mint:text-[#9263f1] mint:dark:text-[#c9aaf9]',\n        !isSelected && 'mint:text-[#737373] mint:dark:text-[#a3a3a3]'\n      )}\n    >\n      <div\n        className={cn(\n          'mint:flex mint:items-center mint:gap-1.5 mint:px-1.5 mint:rounded-lg mint:z-10',\n          tabsLength > 1 &&\n            'mint:group-hover:bg-[#f5f5f5] mint:group-hover:dark:bg-[#1a1a1a] mint:group-hover:text-[#9263f1] mint:group-hover:dark:text-[#c9aaf9]'\n        )}\n      >\n        {children}\n      </div>\n\n      {isSelected && (\n        <div className=\"mint:absolute mint:-bottom-1.5 mint:left-0 mint:right-0 mint:h-0.5 mint:rounded-full mint:bg-[#9263f1] mint:dark:bg-[#c9aaf9]\" />\n      )}\n    </TabsPrimitive.Trigger>\n  );\n});\n\nexport function CodeBlockTooltip({ text }: { text: string }) {\n  return (\n    <div\n      aria-hidden\n      className=\"mint:absolute mint:top-11 mint:left-1/2 mint:transform mint:whitespace-nowrap mint:-translate-x-1/2 mint:-translate-y-1/2 mint:peer-hover:opacity-100 mint:opacity-0 mint:text-white mint:rounded-lg mint:px-1.5 mint:py-0.5 mint:text-xs mint:bg-primary-dark\"\n    >\n      {text}\n    </div>\n  );\n}\n"],"names":["CodeGroup","forwardRef","children","onChange","className","dropdown","noMargins","restProps","ref","defaultValue","props","triggerRefs","useRef","childArr","React","selectedTab","setSelectedTab","useState","handleValueChange","useCallback","value","index","wasFocusOnTab","_a","trigger","selectedIndex","SelectedFilename","jsx","TabList","TabsPrimitive","child","TabItem","el","LanguageDropdown","jsxs","e","language","capitalize","ChevronDownFilled","cn","CopyToClipboardButton","getNodeText","_b","isSelected","tabsLength"],"mappings":"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"}
+{"version":3,"file":"code-group.js","sources":["../../../src/components/content-components/code-group.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport React, {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useState,\n  useRef,\n} from 'react';\nimport { ChevronDownFilled } from '@fluentui/react-icons';\n\nimport { cn } from '../../utils/cn';\nimport { CodeBlock } from './code-block';\nimport { CopyToClipboardButton } from './code-block';\nimport { getNodeText } from '../../utils/get-node-text';\nimport { capitalize } from '../../utils/string';\n\ntype CodeBlockProps = ComponentPropsWithoutRef<typeof CodeBlock>;\n\nexport type CodeGroupPropsBase = {\n  dropdown?: boolean;\n  isSmallText?: boolean;\n  noMargins?: boolean;\n  children?: ReactElement<CodeBlockProps>[] | ReactElement<CodeBlockProps>;\n  onChange?: (index: number) => void;\n};\n\nexport type CodeGroupProps = CodeGroupPropsBase &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof CodeGroupPropsBase | 'dir'>;\n\ntype CodeBlockChild = Exclude<React.ReactElement<CodeBlockProps>, boolean | null | undefined>;\n\nexport const CodeGroup = forwardRef<HTMLDivElement, CodeGroupProps>(function CodeGroup(\n  { children, onChange, className, dropdown, noMargins, ...restProps },\n  ref\n) {\n  // Filter out props that are incompatible with TabsPrimitive.Root\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const { defaultValue, ...props } = restProps as any;\n  const triggerRefs = useRef<Map<number, HTMLButtonElement>>(new Map());\n  const childArr = Array.isArray(children)\n    ? children\n    : (React.Children.toArray(children) as Array<CodeBlockChild>);\n\n  const [selectedTab, setSelectedTab] = useState(0);\n\n  const handleValueChange = useCallback(\n    (value: string) => {\n      const index = Number(value);\n      const wasFocusOnTab = document.activeElement?.getAttribute('role') === 'tab';\n\n      setSelectedTab(index);\n      onChange?.(index);\n\n      if (wasFocusOnTab) {\n        requestAnimationFrame(() => {\n          const trigger = triggerRefs.current.get(index);\n          if (trigger) {\n            trigger.focus();\n          }\n        });\n      }\n    },\n    [onChange]\n  );\n\n  if (!children) {\n    return null;\n  }\n\n  if (childArr.length === 0) {\n    console.warn('CodeGroup has no children, expected at least one CodeBlock child.');\n    return null;\n  }\n\n  const selectedIndex = Number(selectedTab);\n\n  const SelectedFilename = () => {\n    return (\n      <div className=\"mint:flex mint:items-center mint:gap-1.5 mint:text-xs mint:font-medium mint:min-w-0\">\n        <span className=\"mint:truncate mint:text-[#171717] mint:dark:text-[#fafafa]\">\n          {childArr[selectedIndex]?.props.fileName}\n        </span>\n      </div>\n    );\n  };\n\n  const TabList = () => {\n    return (\n      <TabsPrimitive.List className=\"mint:flex-1 mint:min-w-0 mint:text-xs mint:leading-6 mint:rounded-tl-xl mint:gap-1 mint:flex mint:overflow-x-auto mint:overflow-y-hidden\">\n        {childArr.map((child, index) => (\n          <TabItem\n            key={child.props.fileName + 'TabItem' + index}\n            value={String(index)}\n            isSelected={selectedIndex === index}\n            tabsLength={childArr.length}\n            ref={(el) => {\n              if (el) {\n                triggerRefs.current.set(index, el);\n              }\n            }}\n          >\n            {child.props.fileName}\n          </TabItem>\n        ))}\n      </TabsPrimitive.List>\n    );\n  };\n\n  const LanguageDropdown = () => {\n    return (\n      <div className=\"mint:relative\">\n        <select\n          value={childArr[selectedIndex]?.props.language || ''}\n          onChange={(e) => {\n            const language = e.target.value;\n            const index = childArr.findIndex((child) => child.props.language === language);\n            if (index !== -1) {\n              handleValueChange(String(index));\n            }\n          }}\n          className=\"mint:appearance-none mint:bg-transparent mint:border mint:border-[#e5e5e5] mint:dark:border-[#262626] mint:rounded-lg mint:px-2.5 mint:pr-7 mint:py-1 mint:text-xs mint:font-medium mint:text-[#171717] mint:dark:text-[#fafafa] mint:cursor-pointer mint:focus:outline-0\"\n        >\n          {childArr.map((child, index) => (\n            <option key={`${child.props.language}-${child.props.fileName}-${index}`} value={child.props.language}>\n              {capitalize(child.props.language || '')}\n            </option>\n          ))}\n        </select>\n        <ChevronDownFilled className=\"mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:w-3.5 mint:h-3.5 mint:pointer-events-none mint:text-[#737373] mint:dark:text-[#a3a3a3]\" />\n      </div>\n    );\n  };\n\n  return (\n    <TabsPrimitive.Root\n      defaultValue={defaultValue == undefined ? undefined : (typeof defaultValue === 'string' ? defaultValue : String(defaultValue))}\n      ref={ref}\n      value={String(selectedTab)}\n      onValueChange={handleValueChange}\n      className={cn(\n        !noMargins && 'mint:mt-4 mint:mb-4',\n        'mint:flex mint:flex-col not-prose mint:relative mint:overflow-hidden mint:rounded-2xl mint:border mint:border-[#e5e5e5] mint:dark:border-[#262626] mint:bg-white mint:dark:bg-[#0a0a0a]',\n        className\n      )}\n      asChild={false}\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      {...(props as any)}\n    >\n      <div\n        className={cn(\n          'mint:flex mint:items-center mint:justify-between mint:gap-2 mint:relative mint:px-2.5 mint:py-2',\n          dropdown ? '' : ''\n        )}\n      >\n        {dropdown ? <SelectedFilename /> : <TabList />}\n        <div className=\"mint:flex mint:items-center mint:justify-end mint:shrink-0 mint:gap-1.5\">\n          {dropdown && <LanguageDropdown />}\n          <CopyToClipboardButton\n            textToCopy={getNodeText(childArr[selectedIndex]?.props?.children)}\n            showTooltip={true}\n          />\n        </div>\n      </div>\n      <div className=\"mint:flex mint:flex-1 mint:overflow-hidden\">\n        {childArr.map((child, index) => {\n          return (\n            <TabsPrimitive.Content\n              key={`${child.props.fileName}-${child.props.language}-${index}`}\n              value={String(index)}\n              className=\"mint:w-full mint:min-w-full mint:max-w-full mint:h-full mint:max-h-full\"\n              tabIndex={-1}\n            >\n              <div className=\"mint:overflow-auto mint:max-h-[calc(40vh-3rem)]\">\n                {child}\n              </div>\n            </TabsPrimitive.Content>\n          );\n        })}\n      </div>\n    </TabsPrimitive.Root>\n  );\n});\n\nconst TabItem = forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  {\n    children: ReactNode;\n    value: string;\n    isSelected: boolean;\n    tabsLength: number;\n  }\n>(function TabItem({ children, value, isSelected, tabsLength }, ref) {\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      value={value}\n      className={cn(\n        'mint:group mint:flex mint:items-center mint:relative mint:gap-1.5 mint:my-1 mint:mb-1.5 mint:outline-0 mint:whitespace-nowrap mint:font-medium mint:ml-0! mint:first:ml-2.5! mint:focus:outline-2',\n        isSelected && 'mint:text-[#9263f1] mint:dark:text-[#c9aaf9]',\n        !isSelected && 'mint:text-[#737373] mint:dark:text-[#a3a3a3]'\n      )}\n    >\n      <div\n        className={cn(\n          'mint:flex mint:items-center mint:gap-1.5 mint:px-1.5 mint:rounded-lg mint:z-10',\n          tabsLength > 1 &&\n            'mint:group-hover:bg-[#f5f5f5] mint:group-hover:dark:bg-[#1a1a1a] mint:group-hover:text-[#9263f1] mint:group-hover:dark:text-[#c9aaf9]'\n        )}\n      >\n        {children}\n      </div>\n\n      {isSelected && (\n        <div className=\"mint:absolute mint:-bottom-1.5 mint:left-0 mint:right-0 mint:h-0.5 mint:rounded-full mint:bg-[#9263f1] mint:dark:bg-[#c9aaf9]\" />\n      )}\n    </TabsPrimitive.Trigger>\n  );\n});\n\nexport function CodeBlockTooltip({ text }: { text: string }) {\n  return (\n    <div\n      aria-hidden\n      className=\"mint:absolute mint:top-11 mint:left-1/2 mint:transform mint:whitespace-nowrap mint:-translate-x-1/2 mint:-translate-y-1/2 mint:peer-hover:opacity-100 mint:opacity-0 mint:text-white mint:rounded-lg mint:px-1.5 mint:py-0.5 mint:text-xs mint:bg-primary-dark\"\n    >\n      {text}\n    </div>\n  );\n}\n"],"names":["CodeGroup","forwardRef","children","onChange","className","dropdown","noMargins","restProps","ref","defaultValue","props","triggerRefs","useRef","childArr","React","selectedTab","setSelectedTab","useState","handleValueChange","useCallback","value","index","wasFocusOnTab","_a","trigger","selectedIndex","SelectedFilename","jsx","TabList","TabsPrimitive","child","TabItem","el","LanguageDropdown","jsxs","e","language","capitalize","ChevronDownFilled","cn","CopyToClipboardButton","getNodeText","_b","isSelected","tabsLength"],"mappings":"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"}

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

@@ -1,22 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-import { CodeBlock as n } from "./code-block.js";
-import { CodeGroup as g } from "./code-group.js";
-import { CodeSnippet as t } from "./code-snippet.js";
-const p = ({
-  snippets: a,
+import { jsx as a } from "react/jsx-runtime";
+import { CodeBlock as i } from "./code-block.js";
+import { CodeGroup as u } from "./code-group.js";
+import { CodeSnippet as d } from "./code-snippet.js";
+const h = ({
+  snippets: o,
   dropdown: r,
   maxHeight: l,
   ...m
-}) => /* @__PURE__ */ o(g, { isSmallText: !0, ...m, dropdown: r, noMargins: !0, className: l, children: a.map(({ code: i, ...e }) => /* @__PURE__ */ o(
-  n,
+}) => /* @__PURE__ */ a(u, { isSmallText: !0, ...m, dropdown: r, noMargins: !0, className: l, children: o.map(({ code: g, ...e }, n) => /* @__PURE__ */ a(
+  i,
   {
     language: e.language,
     fileName: e.filename,
-    children: /* @__PURE__ */ o(t, { language: e.language, children: i })
+    children: /* @__PURE__ */ a(d, { language: e.language, children: g })
   },
-  e.filename
+  `${e.filename}-${e.language}-${n}`
 )) });
 export {
-  p as CodeSnippets
+  h as CodeSnippets
 };
 //# sourceMappingURL=code-snippets.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"code-snippets.js","sources":["../../../src/components/content-components/code-snippets.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef } from 'react';\n\nimport { CodeBlock } from './code-block';\nimport { CodeGroup } from './code-group';\nimport { ExampleCodeSnippet } from '../../constants/snippetPresets';\n\nimport { CodeSnippet } from './code-snippet';\n\nexport interface CodeSnippetsProps {\n  dropdown?: boolean;\n  snippets: ExampleCodeSnippet[];\n  maxHeight?: string;\n}\n\nexport const CodeSnippets = ({\n  snippets,\n  dropdown,\n  maxHeight,\n  ...props\n}: CodeSnippetsProps & ComponentPropsWithoutRef<typeof CodeGroup>) => (\n  <CodeGroup isSmallText {...props} dropdown={dropdown} noMargins className={maxHeight}>\n    {snippets.map(({ code, ...snippet }: ExampleCodeSnippet) => (\n      <CodeBlock\n        language={snippet.language}\n        fileName={snippet.filename}\n        key={snippet.filename}\n      >\n        <CodeSnippet language={snippet.language}>{code}</CodeSnippet>\n      </CodeBlock>\n    ))}\n  </CodeGroup>\n);\n"],"names":["CodeSnippets","snippets","dropdown","maxHeight","props","CodeGroup","code","snippet","jsx","CodeBlock","CodeSnippet"],"mappings":";;;;AAgBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,wBACGC,GAAA,EAAU,aAAW,IAAE,GAAGD,GAAO,UAAAF,GAAoB,WAAS,IAAC,WAAWC,GACxE,YAAS,IAAI,CAAC,EAAE,MAAAG,GAAM,GAAGC,QACxB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUF,EAAQ;AAAA,IAClB,UAAUA,EAAQ;AAAA,IAGlB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAUH,EAAQ,UAAW,UAAAD,EAAA,CAAK;AAAA,EAAA;AAAA,EAF1CC,EAAQ;AAGf,CACD,EAAA,CACH;"}
+{"version":3,"file":"code-snippets.js","sources":["../../../src/components/content-components/code-snippets.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef } from 'react';\n\nimport { CodeBlock } from './code-block';\nimport { CodeGroup } from './code-group';\nimport { ExampleCodeSnippet } from '../../constants/snippetPresets';\n\nimport { CodeSnippet } from './code-snippet';\n\nexport interface CodeSnippetsProps {\n  dropdown?: boolean;\n  snippets: ExampleCodeSnippet[];\n  maxHeight?: string;\n}\n\nexport const CodeSnippets = ({\n  snippets,\n  dropdown,\n  maxHeight,\n  ...props\n}: CodeSnippetsProps & ComponentPropsWithoutRef<typeof CodeGroup>) => (\n  <CodeGroup isSmallText {...props} dropdown={dropdown} noMargins className={maxHeight}>\n    {snippets.map(({ code, ...snippet }: ExampleCodeSnippet, index) => (\n      <CodeBlock\n        language={snippet.language}\n        fileName={snippet.filename}\n        key={`${snippet.filename}-${snippet.language}-${index}`}\n      >\n        <CodeSnippet language={snippet.language}>{code}</CodeSnippet>\n      </CodeBlock>\n    ))}\n  </CodeGroup>\n);\n"],"names":["CodeSnippets","snippets","dropdown","maxHeight","props","CodeGroup","code","snippet","index","jsx","CodeBlock","CodeSnippet"],"mappings":";;;;AAgBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,wBACGC,GAAA,EAAU,aAAW,IAAE,GAAGD,GAAO,UAAAF,GAAoB,WAAS,IAAC,WAAWC,GACxE,UAAAF,EAAS,IAAI,CAAC,EAAE,MAAAK,GAAM,GAAGC,KAA+BC,MACvD,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUH,EAAQ;AAAA,IAClB,UAAUA,EAAQ;AAAA,IAGlB,UAAA,gBAAAE,EAACE,GAAA,EAAY,UAAUJ,EAAQ,UAAW,UAAAD,EAAA,CAAK;AAAA,EAAA;AAAA,EAF1C,GAAGC,EAAQ,QAAQ,IAAIA,EAAQ,QAAQ,IAAIC,CAAK;AAGvD,CACD,EAAA,CACH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/msft-sdk",
-  "version": "1.1.16",
+  "version": "1.1.18",
   "description": "Lightweight SDK for Microsoft documentation with MDX rendering",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -67,7 +67,7 @@
     "hast-util-to-mdast": "^10.1.2",
     "hast-util-to-string": "^3.0.1",
     "html-react-parser": "^5.2.8",
-    "httpsnippet-lite": "^3.0.5",
+    "@readme/httpsnippet": "^11.0.0",
     "lodash": "^4.17.21",
     "lucide-react": "^0.552.0",
     "mdast-util-mdx-jsx": "^3.2.0",