@mintlify/msft-sdk 1.1.27 → 1.1.28

package/dist/api-playground/ApiPlayground/index.js

@@ -1,5 +1,5 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useContext as U, useState as n, useEffect as b } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as U, useState as o, useEffect as b } from "react";
 import { DocsConfigContext as L } from "../../contexts/ConfigContext.js";
 import { EndpointLocationProvider as T } from "../../contexts/EndpointLocationContext.js";
 import { useBaseUrlOptions as j } from "../../hooks/useBaseUrlOptions.js";
@@ -11,9 +11,9 @@ import { useSendPlaygroundRequest as N } from "../../hooks/useSendPlaygroundRequ
 import Q from "../../components/Api/ErrorBoundary.js";
 import { ApiPlaygroundContext as W } from "./ApiPlaygroundContext.js";
 import { Request as _ } from "./Request/index.js";
-const oe = ({ endpoint: r, display: f, pathname: x }) => {
-  var m, p;
-  const { docsConfig: a } = U(L), h = F(), I = D(), g = K(), e = j(), [c, P] = n(0), [l, i] = n(!1), [S, w] = n(!1), [E, B] = n(), [k, z] = n(0), v = Object.keys(r.request.body)[k], [A, C] = n(0), R = (e == null ? void 0 : e[c]) ?? (e == null ? void 0 : e[0]) ?? "";
+const se = ({ endpoint: r, display: f, pathname: x }) => {
+  var p, m;
+  const { docsConfig: a } = U(L), h = F(), I = D(), g = K(), e = j(), [c, P] = o(0), [l, i] = o(!1), [S, w] = o(!1), [E, B] = o(), [k, z] = o(0), v = Object.keys(r.request.body)[k], [A, C] = o(0), R = (e == null ? void 0 : e[c]) ?? (e == null ? void 0 : e[0]) ?? "";
   b(() => {
     new URLSearchParams(window.location.search).has("playground") && requestAnimationFrame(() => {
       i(!0);
@@ -29,21 +29,21 @@ const oe = ({ endpoint: r, display: f, pathname: x }) => {
     P(t), g(t);
   }, u = (t) => {
     if (i(t), t) {
-      const o = new URL(window.location.href);
-      o.searchParams.set("playground", "open"), window.history.replaceState({}, "", o);
+      const s = new URL(window.location.href);
+      s.searchParams.set("playground", "open"), window.history.replaceState({}, "", s);
     } else {
-      const o = new URL(window.location.href);
-      o.searchParams.delete("playground"), window.history.replaceState({}, "", o);
+      const s = new URL(window.location.href);
+      s.searchParams.delete("playground"), window.history.replaceState({}, "", s);
     }
   };
   return y({
     key: "Enter",
-    callback: ((p = (m = a == null ? void 0 : a.api) == null ? void 0 : m.playground) == null ? void 0 : p.display) === "interactive" ? d : void 0
+    callback: ((m = (p = a == null ? void 0 : a.api) == null ? void 0 : p.playground) == null ? void 0 : m.display) === "interactive" ? d : void 0
   }), y({
     key: "Escape",
     callback: l ? () => u(!1) : void 0,
     isSingleKey: !0
-  }), /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(
+  }), /* @__PURE__ */ n(Q, { children: /* @__PURE__ */ n(
     W.Provider,
     {
       value: {
@@ -58,11 +58,11 @@ const oe = ({ endpoint: r, display: f, pathname: x }) => {
         selectedExampleIndex: A,
         setSelectedExampleIndex: C
       },
-      children: /* @__PURE__ */ s("div", { className: "mint:mt-6 mint:flex mint:w-full mint:flex-col mint:space-y-4", children: /* @__PURE__ */ s(T, { location: "request", children: /* @__PURE__ */ s(_, { inputs: h, setInputs: I, endpoint: r, display: f, pathname: x }) }) })
+      children: /* @__PURE__ */ n("div", { className: "mint:flex mint:w-full mint:flex-col mint:space-y-4", children: /* @__PURE__ */ n(T, { location: "request", children: /* @__PURE__ */ n(_, { inputs: h, setInputs: I, endpoint: r, display: f, pathname: x }) }) })
     }
   ) });
 };
 export {
-  oe as ApiPlayground
+  se as ApiPlayground
 };
 //# sourceMappingURL=index.js.map

package/dist/api-playground/ApiPlayground/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/api-playground/ApiPlayground/index.tsx"],"sourcesContent":["\nimport { ApiPlaygroundResultType, ApiPlaygroundDisplayType } from '@mintlify/models';\nimport { Endpoint } from '@mintlify/validation';\nimport { useContext, useEffect, useState } from 'react';\n\nimport { DocsConfigContext } from '@/contexts/ConfigContext';\nimport { EndpointLocationProvider } from '@/contexts/EndpointLocationContext';\nimport { useBaseUrlOptions } from '../../hooks/useBaseUrlOptions';\nimport { useKeyboardShortcut } from '@/hooks/useKeyboardShortcut';\nimport { useApiPlaygroundInputs } from '@/hooks/useMDXContentController/useApiPlaygroundInputs';\nimport { useSetApiBaseIndexCallback } from '@/hooks/useMDXContentController/useMDXContentCallbacks/useSetApiBaseIndexCallback';\nimport { useSetApiPlaygroundInputsCallback } from '@/hooks/useMDXContentController/useMDXContentCallbacks/useSetApiPlaygroundInputsCallback';\nimport { useSendPlaygroundRequest } from '@/hooks/useSendPlaygroundRequest';\nimport ErrorBoundary from '@/components/Api/ErrorBoundary';\n\nimport { ApiPlaygroundContext } from './ApiPlaygroundContext';\nimport { Request } from './Request';\nimport { cn } from \"../../utils/cn\";\n\ntype ApiPlaygroundParams = {\n  endpoint: Endpoint;\n  display: ApiPlaygroundDisplayType;\n  pathname: string;\n};\n\nexport const ApiPlayground = ({ endpoint, display, pathname }: ApiPlaygroundParams) => {\n  const { docsConfig } = useContext(DocsConfigContext);\n  const inputs = useApiPlaygroundInputs();\n  const setInputs = useSetApiPlaygroundInputsCallback();\n  const setApiBaseIndex = useSetApiBaseIndexCallback();\n\n  const baseUrlOptions = useBaseUrlOptions();\n  const [selectedBaseUrlIndex, setSelectedBaseUrlIndex] = useState(0);\n  const [isPlaygroundExpanded, setIsPlaygroundExpanded] = useState(false);\n\n  const [isSending, setIsSending] = useState(false);\n  const [result, setResult] = useState<ApiPlaygroundResultType>();\n\n  const [selectedContentTypeIndex, _setSelectedContentTypeIndex] = useState(0);\n  const contentType = Object.keys(endpoint.request.body)[selectedContentTypeIndex];\n  const [selectedExampleIndex, setSelectedExampleIndex] = useState(0);\n\n  const baseUrl = baseUrlOptions?.[selectedBaseUrlIndex] ?? baseUrlOptions?.[0] ?? '';\n\n  useEffect(() => {\n    const searchParams = new URLSearchParams(window.location.search);\n    if (searchParams.has('playground')) {\n      requestAnimationFrame(() => {\n        setIsPlaygroundExpanded(true);\n      });\n    }\n  }, []);\n\n  const sendRequest = useSendPlaygroundRequest({\n    endpoint,\n    baseUrl,\n    contentType: contentType ?? 'application/json',\n    setIsFetching: setIsSending,\n    setResult,\n  });\n\n  const setBaseUrlIndex = (index: number) => {\n    setSelectedBaseUrlIndex(index);\n    setApiBaseIndex(index);\n  };\n\n  const setIsPlaygroundExpandedWithQueryParam = (expanded: boolean) => {\n    setIsPlaygroundExpanded(expanded);\n    if (expanded) {\n      const url = new URL(window.location.href);\n      url.searchParams.set('playground', 'open');\n      window.history.replaceState({}, '', url);\n    } else {\n      const url = new URL(window.location.href);\n      url.searchParams.delete('playground');\n      window.history.replaceState({}, '', url);\n    }\n  };\n\n  useKeyboardShortcut({\n    key: 'Enter',\n    callback: docsConfig?.api?.playground?.display === 'interactive' ? sendRequest : undefined,\n  });\n  useKeyboardShortcut({\n    key: 'Escape',\n    callback: isPlaygroundExpanded ? () => setIsPlaygroundExpandedWithQueryParam(false) : undefined,\n    isSingleKey: true,\n  });\n\n  return (\n    <ErrorBoundary>\n      <ApiPlaygroundContext.Provider\n        value={{\n          isSending,\n          sendRequest,\n          result,\n          setSelectedBaseUrlIndex: setBaseUrlIndex,\n          selectedBaseUrlIndex,\n          baseUrlOptions,\n          isPlaygroundExpanded,\n          setIsPlaygroundExpanded: setIsPlaygroundExpandedWithQueryParam,\n          selectedExampleIndex,\n          setSelectedExampleIndex,\n        }}\n      >\n        <div className=\"mint:mt-6 mint:flex mint:w-full mint:flex-col mint:space-y-4\">\n          <EndpointLocationProvider location=\"request\">\n            <Request inputs={inputs} setInputs={setInputs} endpoint={endpoint} display={display} pathname={pathname} />\n          </EndpointLocationProvider>\n        </div>\n      </ApiPlaygroundContext.Provider>\n    </ErrorBoundary>\n  );\n};\n"],"names":["ApiPlayground","endpoint","display","pathname","docsConfig","useContext","DocsConfigContext","inputs","useApiPlaygroundInputs","setInputs","useSetApiPlaygroundInputsCallback","setApiBaseIndex","useSetApiBaseIndexCallback","baseUrlOptions","useBaseUrlOptions","selectedBaseUrlIndex","setSelectedBaseUrlIndex","useState","isPlaygroundExpanded","setIsPlaygroundExpanded","isSending","setIsSending","result","setResult","selectedContentTypeIndex","_setSelectedContentTypeIndex","contentType","selectedExampleIndex","setSelectedExampleIndex","baseUrl","useEffect","sendRequest","useSendPlaygroundRequest","setBaseUrlIndex","index","setIsPlaygroundExpandedWithQueryParam","expanded","url","useKeyboardShortcut","_b","_a","ErrorBoundary","jsx","ApiPlaygroundContext","EndpointLocationProvider","Request"],"mappings":";;;;;;;;;;;;;AAyBO,MAAMA,KAAgB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,QAAoC;;AACrF,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAWC,CAAiB,GAC7CC,IAASC,EAAA,GACTC,IAAYC,EAAA,GACZC,IAAkBC,EAAA,GAElBC,IAAiBC,EAAA,GACjB,CAACC,GAAsBC,CAAuB,IAAIC,EAAS,CAAC,GAC5D,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,EAAK,GAEhE,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1C,CAACK,GAAQC,CAAS,IAAIN,EAAA,GAEtB,CAACO,GAA0BC,CAA4B,IAAIR,EAAS,CAAC,GACrES,IAAc,OAAO,KAAKzB,EAAS,QAAQ,IAAI,EAAEuB,CAAwB,GACzE,CAACG,GAAsBC,CAAuB,IAAIX,EAAS,CAAC,GAE5DY,KAAUhB,KAAA,gBAAAA,EAAiBE,QAAyBF,KAAA,gBAAAA,EAAiB,OAAM;AAEjF,EAAAiB,EAAU,MAAM;AAEd,IADqB,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAC9C,IAAI,YAAY,KAC/B,sBAAsB,MAAM;AAC1B,MAAAX,EAAwB,EAAI;AAAA,IAC9B,CAAC;AAAA,EAEL,GAAG,CAAA,CAAE;AAEL,QAAMY,IAAcC,EAAyB;AAAA,IAC3C,UAAA/B;AAAA,IACA,SAAA4B;AAAA,IACA,aAAaH,KAAe;AAAA,IAC5B,eAAeL;AAAA,IACf,WAAAE;AAAA,EAAA,CACD,GAEKU,IAAkB,CAACC,MAAkB;AACzC,IAAAlB,EAAwBkB,CAAK,GAC7BvB,EAAgBuB,CAAK;AAAA,EACvB,GAEMC,IAAwC,CAACC,MAAsB;AAEnE,QADAjB,EAAwBiB,CAAQ,GAC5BA,GAAU;AACZ,YAAMC,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,MAAAA,EAAI,aAAa,IAAI,cAAc,MAAM,GACzC,OAAO,QAAQ,aAAa,CAAA,GAAI,IAAIA,CAAG;AAAA,IACzC,OAAO;AACL,YAAMA,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,MAAAA,EAAI,aAAa,OAAO,YAAY,GACpC,OAAO,QAAQ,aAAa,CAAA,GAAI,IAAIA,CAAG;AAAA,IACzC;AAAA,EACF;AAEA,SAAAC,EAAoB;AAAA,IAClB,KAAK;AAAA,IACL,YAAUC,KAAAC,IAAApC,KAAA,gBAAAA,EAAY,QAAZ,gBAAAoC,EAAiB,eAAjB,gBAAAD,EAA6B,aAAY,gBAAgBR,IAAc;AAAA,EAAA,CAClF,GACDO,EAAoB;AAAA,IAClB,KAAK;AAAA,IACL,UAAUpB,IAAuB,MAAMiB,EAAsC,EAAK,IAAI;AAAA,IACtF,aAAa;AAAA,EAAA,CACd,qBAGEM,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL,WAAAvB;AAAA,QACA,aAAAW;AAAA,QACA,QAAAT;AAAA,QACA,yBAAyBW;AAAA,QACzB,sBAAAlB;AAAA,QACA,gBAAAF;AAAA,QACA,sBAAAK;AAAA,QACA,yBAAyBiB;AAAA,QACzB,sBAAAR;AAAA,QACA,yBAAAC;AAAA,MAAA;AAAA,MAGF,4BAAC,OAAA,EAAI,WAAU,gEACb,UAAA,gBAAAc,EAACE,KAAyB,UAAS,WACjC,UAAA,gBAAAF,EAACG,GAAA,EAAQ,QAAAtC,GAAgB,WAAAE,GAAsB,UAAAR,GAAoB,SAAAC,GAAkB,UAAAC,GAAoB,GAC3G,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/api-playground/ApiPlayground/index.tsx"],"sourcesContent":["\nimport { ApiPlaygroundResultType, ApiPlaygroundDisplayType } from '@mintlify/models';\nimport { Endpoint } from '@mintlify/validation';\nimport { useContext, useEffect, useState } from 'react';\n\nimport { DocsConfigContext } from '@/contexts/ConfigContext';\nimport { EndpointLocationProvider } from '@/contexts/EndpointLocationContext';\nimport { useBaseUrlOptions } from '../../hooks/useBaseUrlOptions';\nimport { useKeyboardShortcut } from '@/hooks/useKeyboardShortcut';\nimport { useApiPlaygroundInputs } from '@/hooks/useMDXContentController/useApiPlaygroundInputs';\nimport { useSetApiBaseIndexCallback } from '@/hooks/useMDXContentController/useMDXContentCallbacks/useSetApiBaseIndexCallback';\nimport { useSetApiPlaygroundInputsCallback } from '@/hooks/useMDXContentController/useMDXContentCallbacks/useSetApiPlaygroundInputsCallback';\nimport { useSendPlaygroundRequest } from '@/hooks/useSendPlaygroundRequest';\nimport ErrorBoundary from '@/components/Api/ErrorBoundary';\n\nimport { ApiPlaygroundContext } from './ApiPlaygroundContext';\nimport { Request } from './Request';\nimport { cn } from \"../../utils/cn\";\n\ntype ApiPlaygroundParams = {\n  endpoint: Endpoint;\n  display: ApiPlaygroundDisplayType;\n  pathname: string;\n};\n\nexport const ApiPlayground = ({ endpoint, display, pathname }: ApiPlaygroundParams) => {\n  const { docsConfig } = useContext(DocsConfigContext);\n  const inputs = useApiPlaygroundInputs();\n  const setInputs = useSetApiPlaygroundInputsCallback();\n  const setApiBaseIndex = useSetApiBaseIndexCallback();\n\n  const baseUrlOptions = useBaseUrlOptions();\n  const [selectedBaseUrlIndex, setSelectedBaseUrlIndex] = useState(0);\n  const [isPlaygroundExpanded, setIsPlaygroundExpanded] = useState(false);\n\n  const [isSending, setIsSending] = useState(false);\n  const [result, setResult] = useState<ApiPlaygroundResultType>();\n\n  const [selectedContentTypeIndex, _setSelectedContentTypeIndex] = useState(0);\n  const contentType = Object.keys(endpoint.request.body)[selectedContentTypeIndex];\n  const [selectedExampleIndex, setSelectedExampleIndex] = useState(0);\n\n  const baseUrl = baseUrlOptions?.[selectedBaseUrlIndex] ?? baseUrlOptions?.[0] ?? '';\n\n  useEffect(() => {\n    const searchParams = new URLSearchParams(window.location.search);\n    if (searchParams.has('playground')) {\n      requestAnimationFrame(() => {\n        setIsPlaygroundExpanded(true);\n      });\n    }\n  }, []);\n\n  const sendRequest = useSendPlaygroundRequest({\n    endpoint,\n    baseUrl,\n    contentType: contentType ?? 'application/json',\n    setIsFetching: setIsSending,\n    setResult,\n  });\n\n  const setBaseUrlIndex = (index: number) => {\n    setSelectedBaseUrlIndex(index);\n    setApiBaseIndex(index);\n  };\n\n  const setIsPlaygroundExpandedWithQueryParam = (expanded: boolean) => {\n    setIsPlaygroundExpanded(expanded);\n    if (expanded) {\n      const url = new URL(window.location.href);\n      url.searchParams.set('playground', 'open');\n      window.history.replaceState({}, '', url);\n    } else {\n      const url = new URL(window.location.href);\n      url.searchParams.delete('playground');\n      window.history.replaceState({}, '', url);\n    }\n  };\n\n  useKeyboardShortcut({\n    key: 'Enter',\n    callback: docsConfig?.api?.playground?.display === 'interactive' ? sendRequest : undefined,\n  });\n  useKeyboardShortcut({\n    key: 'Escape',\n    callback: isPlaygroundExpanded ? () => setIsPlaygroundExpandedWithQueryParam(false) : undefined,\n    isSingleKey: true,\n  });\n\n  return (\n    <ErrorBoundary>\n      <ApiPlaygroundContext.Provider\n        value={{\n          isSending,\n          sendRequest,\n          result,\n          setSelectedBaseUrlIndex: setBaseUrlIndex,\n          selectedBaseUrlIndex,\n          baseUrlOptions,\n          isPlaygroundExpanded,\n          setIsPlaygroundExpanded: setIsPlaygroundExpandedWithQueryParam,\n          selectedExampleIndex,\n          setSelectedExampleIndex,\n        }}\n      >\n        <div className=\"mint:flex mint:w-full mint:flex-col mint:space-y-4\">\n          <EndpointLocationProvider location=\"request\">\n            <Request inputs={inputs} setInputs={setInputs} endpoint={endpoint} display={display} pathname={pathname} />\n          </EndpointLocationProvider>\n        </div>\n      </ApiPlaygroundContext.Provider>\n    </ErrorBoundary>\n  );\n};\n"],"names":["ApiPlayground","endpoint","display","pathname","docsConfig","useContext","DocsConfigContext","inputs","useApiPlaygroundInputs","setInputs","useSetApiPlaygroundInputsCallback","setApiBaseIndex","useSetApiBaseIndexCallback","baseUrlOptions","useBaseUrlOptions","selectedBaseUrlIndex","setSelectedBaseUrlIndex","useState","isPlaygroundExpanded","setIsPlaygroundExpanded","isSending","setIsSending","result","setResult","selectedContentTypeIndex","_setSelectedContentTypeIndex","contentType","selectedExampleIndex","setSelectedExampleIndex","baseUrl","useEffect","sendRequest","useSendPlaygroundRequest","setBaseUrlIndex","index","setIsPlaygroundExpandedWithQueryParam","expanded","url","useKeyboardShortcut","_b","_a","ErrorBoundary","jsx","ApiPlaygroundContext","EndpointLocationProvider","Request"],"mappings":";;;;;;;;;;;;;AAyBO,MAAMA,KAAgB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,UAAAC,QAAoC;;AACrF,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAWC,CAAiB,GAC7CC,IAASC,EAAA,GACTC,IAAYC,EAAA,GACZC,IAAkBC,EAAA,GAElBC,IAAiBC,EAAA,GACjB,CAACC,GAAsBC,CAAuB,IAAIC,EAAS,CAAC,GAC5D,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,EAAK,GAEhE,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1C,CAACK,GAAQC,CAAS,IAAIN,EAAA,GAEtB,CAACO,GAA0BC,CAA4B,IAAIR,EAAS,CAAC,GACrES,IAAc,OAAO,KAAKzB,EAAS,QAAQ,IAAI,EAAEuB,CAAwB,GACzE,CAACG,GAAsBC,CAAuB,IAAIX,EAAS,CAAC,GAE5DY,KAAUhB,KAAA,gBAAAA,EAAiBE,QAAyBF,KAAA,gBAAAA,EAAiB,OAAM;AAEjF,EAAAiB,EAAU,MAAM;AAEd,IADqB,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAC9C,IAAI,YAAY,KAC/B,sBAAsB,MAAM;AAC1B,MAAAX,EAAwB,EAAI;AAAA,IAC9B,CAAC;AAAA,EAEL,GAAG,CAAA,CAAE;AAEL,QAAMY,IAAcC,EAAyB;AAAA,IAC3C,UAAA/B;AAAA,IACA,SAAA4B;AAAA,IACA,aAAaH,KAAe;AAAA,IAC5B,eAAeL;AAAA,IACf,WAAAE;AAAA,EAAA,CACD,GAEKU,IAAkB,CAACC,MAAkB;AACzC,IAAAlB,EAAwBkB,CAAK,GAC7BvB,EAAgBuB,CAAK;AAAA,EACvB,GAEMC,IAAwC,CAACC,MAAsB;AAEnE,QADAjB,EAAwBiB,CAAQ,GAC5BA,GAAU;AACZ,YAAMC,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,MAAAA,EAAI,aAAa,IAAI,cAAc,MAAM,GACzC,OAAO,QAAQ,aAAa,CAAA,GAAI,IAAIA,CAAG;AAAA,IACzC,OAAO;AACL,YAAMA,IAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,MAAAA,EAAI,aAAa,OAAO,YAAY,GACpC,OAAO,QAAQ,aAAa,CAAA,GAAI,IAAIA,CAAG;AAAA,IACzC;AAAA,EACF;AAEA,SAAAC,EAAoB;AAAA,IAClB,KAAK;AAAA,IACL,YAAUC,KAAAC,IAAApC,KAAA,gBAAAA,EAAY,QAAZ,gBAAAoC,EAAiB,eAAjB,gBAAAD,EAA6B,aAAY,gBAAgBR,IAAc;AAAA,EAAA,CAClF,GACDO,EAAoB;AAAA,IAClB,KAAK;AAAA,IACL,UAAUpB,IAAuB,MAAMiB,EAAsC,EAAK,IAAI;AAAA,IACtF,aAAa;AAAA,EAAA,CACd,qBAGEM,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL,WAAAvB;AAAA,QACA,aAAAW;AAAA,QACA,QAAAT;AAAA,QACA,yBAAyBW;AAAA,QACzB,sBAAAlB;AAAA,QACA,gBAAAF;AAAA,QACA,sBAAAK;AAAA,QACA,yBAAyBiB;AAAA,QACzB,sBAAAR;AAAA,QACA,yBAAAC;AAAA,MAAA;AAAA,MAGF,4BAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAc,EAACE,KAAyB,UAAS,WACjC,UAAA,gBAAAF,EAACG,GAAA,EAAQ,QAAAtC,GAAgB,WAAAE,GAAsB,UAAAR,GAAoB,SAAAC,GAAkB,UAAAC,GAAoB,GAC3G,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/api-playground/EndpointFields/ParamFields/RecursiveParamField.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
-import $ from "@sindresorhus/slugify";
-const c = (r, e, t, i) => $(
-  `${r ? `${r}-` : ""}${t ? `${t}-` : ""}${e || ""}-`,
+import i from "@sindresorhus/slugify";
+import "../../../contexts/EndpointLocationContext.js";
+const s = (r, t, e, $) => i(
+  `${r ? `${r}-` : ""}${e ? `${e}-` : ""}${t || ""}-`,
   {
     decamelize: !0
   }
-), s = (r, e) => r ? `${e ? `${e}` : ""}${r}.` : "";
+), m = (r, t) => r ? `${t ? `${t}` : ""}${r}.` : "";
 export {
-  c as buildRecursiveParamFieldId,
-  s as getRecursiveParentName
+  s as buildRecursiveParamFieldId,
+  m as getRecursiveParentName
 };
 //# sourceMappingURL=RecursiveParamField.js.map

package/dist/api-playground/EndpointFields/ParamFields/RecursiveParamField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecursiveParamField.js","sources":["../../../../src/api-playground/EndpointFields/ParamFields/RecursiveParamField.tsx"],"sourcesContent":["\nimport { DataSchema, DataSchemaArray, IncrementalDataSchemaArray } from '@mintlify/validation';\nimport slugify from '@sindresorhus/slugify';\n\nimport { useEndpointLocation } from '@/contexts/EndpointLocationContext';\nimport { getConstFilteredSchemaArray } from '@/openapi/filterEnums';\nimport {\n  getAuthFilteredSchemaArray,\n  isDataSchemaArrayOrIncrementalDataSchemaArray,\n} from '@/openapi/getAuthFilteredSchemaArray';\nimport { getNextPropertiesByType } from '@/utils/api-reference/getNextPropertiesByType';\n\nimport { RecursiveParamFieldWithChildrenObserver } from './RecursiveParamFieldWithChildrenObserver';\nimport { RecursiveParamFieldWithObserver } from './RecursiveParamFieldWithObserver';\nimport { FieldType, RenderedRefs } from '@/api-playground-2/types/api';\n\nexport type RecursiveParamFieldParams = {\n  fieldType: FieldType;\n  schemaArray: DataSchemaArray | IncrementalDataSchemaArray;\n  renderedRefs?: RenderedRefs;\n  name?: string | null;\n  location?: string;\n  parentName?: string;\n  depth?: number;\n  hideDescription?: boolean;\n  circularRefs?: string[];\n  paramId?: string;\n  style?: string;\n  explode?: boolean;\n};\n\nexport const RecursiveParamField = ({\n  fieldType,\n  schemaArray,\n  name,\n  location,\n  parentName,\n  depth = 0,\n  hideDescription = false,\n  renderedRefs = new Set(),\n  circularRefs,\n  paramId,\n  style,\n  explode,\n}: RecursiveParamFieldParams) => {\n  const { anchor } = useEndpointLocation();\n  let filteredSchemaArray: DataSchemaArray | IncrementalDataSchemaArray | null = schemaArray;\n  filteredSchemaArray = getAuthFilteredSchemaArray({ schemaArray, userGroups: undefined });\n\n  if (\n    filteredSchemaArray &&\n    filteredSchemaArray.some((schema) => 'enum' in schema && 'const' in schema)\n  ) {\n    filteredSchemaArray = getConstFilteredSchemaArray({ schemaArray });\n  }\n\n  if (!isDataSchemaArrayOrIncrementalDataSchemaArray(filteredSchemaArray)) {\n    return null;\n  }\n\n  const RecursiveParamFieldType = anchor\n    ? RecursiveParamFieldWithChildrenObserver\n    : RecursiveParamFieldWithObserver;\n\n  return (\n    <RecursiveParamFieldType\n      fieldType={fieldType}\n      schemaArray={filteredSchemaArray}\n      name={name}\n      location={location}\n      parentName={parentName}\n      depth={depth}\n      style={style}\n      explode={explode}\n      hideDescription={hideDescription}\n      renderedRefs={renderedRefs}\n      circularRefs={circularRefs}\n      paramId={paramId}\n    />\n  );\n};\n\ntype RenderNextPropertiesRecursivelyParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  depth: number;\n  refs: Set<string>;\n  parentName?: string;\n  name?: string | null;\n  currentSchemaRef: string | undefined;\n  style?: string;\n  explode?: boolean;\n  hideParentName?: boolean;\n};\n\nexport const renderNextPropertiesRecursively = ({\n  currentSchemaRef,\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n  refs,\n  style,\n  explode,\n  hideParentName,\n}: RenderNextPropertiesRecursivelyParams) => {\n  // Create a new set with the current refs for this level\n  const currentLevelRefs = new Set(refs);\n\n  if (currentSchemaRef) {\n    currentLevelRefs.add(currentSchemaRef);\n  }\n\n  if (currentLevelRefs.size > 0) {\n    return properties.map((property) => {\n      const [propertyName, schemaArray] = property;\n      const nextSchemaArray = schemaArray[0];\n      const nextSchemaArrayProperties = getNextPropertiesByType(nextSchemaArray);\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      let circularReferences: string[] = [];\n      if (\n        Object.values(nextSchemaArrayProperties).some(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        )\n      ) {\n        circularReferences = Object.values(nextSchemaArrayProperties).filter(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        );\n      }\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set(currentLevelRefs)}\n          circularRefs={circularReferences}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  } else {\n    return properties.map(([propertyName, schemaArray]) => {\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set()}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  }\n};\n\ntype RenderTruncatedNextPropertiesParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  parentName?: string;\n  name?: string | null;\n  depth: number;\n};\n\nexport const renderTruncatedNextProperties = ({\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n}: RenderTruncatedNextPropertiesParams) => {\n  return properties.map((property) => {\n    const [propertyName, schemaArray] = property;\n    const nextSchemaArray = schemaArray[0];\n    const baseSchema: DataSchema = nextSchemaArray as DataSchema;\n    if (baseSchema.type === 'array') {\n      baseSchema.items = [{ type: 'any' }];\n    } else if (baseSchema.type === 'object') {\n      baseSchema.properties = {};\n    }\n    const paramId = buildRecursiveParamFieldId(fieldType, name, parentName);\n    const id = `${paramId}-${propertyName}`;\n    return (\n      <RecursiveParamField\n        fieldType={fieldType}\n        key={propertyName}\n        schemaArray={[baseSchema]}\n        name={propertyName}\n        paramId={id}\n        depth={depth + 1}\n        renderedRefs={new Set()}\n      />\n    );\n  });\n};\n\nexport const buildRecursiveParamFieldId = (\n  fieldType: FieldType | undefined,\n  name: string | undefined | null,\n  parentName: string | undefined,\n  propertyName?: string | undefined\n) => {\n  return slugify(\n    `${fieldType ? `${fieldType}-` : ''}${parentName ? `${parentName}-` : ''}${name ? name : ''}-${propertyName ? propertyName : ''}`,\n    {\n      decamelize: true,\n    }\n  );\n};\n\nexport const getRecursiveParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return `${parentName ? `${parentName}` : ''}${name}.`;\n};\n\nexport const getDeepObjectParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return parentName ? `${parentName}${name}][` : `${name}[`;\n};\n"],"names":["buildRecursiveParamFieldId","fieldType","name","parentName","propertyName","slugify","getRecursiveParentName"],"mappings":";;AAyNO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,GACAC,MAEOC;AAAA,EACL,GAAGJ,IAAY,GAAGA,CAAS,MAAM,EAAE,GAAGE,IAAa,GAAGA,CAAU,MAAM,EAAE,GAAGD,KAAc,EAAE;AAAA,EAC3F;AAAA,IACE,YAAY;AAAA,EAAA;AACd,GAISI,IAAyB,CAACJ,GAAsBC,MACtDD,IAIE,GAAGC,IAAa,GAAGA,CAAU,KAAK,EAAE,GAAGD,CAAI,MAHzC;"}
+{"version":3,"file":"RecursiveParamField.js","sources":["../../../../src/api-playground/EndpointFields/ParamFields/RecursiveParamField.tsx"],"sourcesContent":["\nimport { DataSchema, DataSchemaArray, IncrementalDataSchemaArray } from '@mintlify/validation';\nimport slugify from '@sindresorhus/slugify';\n\nimport { useEndpointLocation } from '@/contexts/EndpointLocationContext';\nimport { getConstFilteredSchemaArray } from '@/openapi/filterEnums';\nimport {\n  getAuthFilteredSchemaArray,\n  isDataSchemaArrayOrIncrementalDataSchemaArray,\n} from '@/openapi/getAuthFilteredSchemaArray';\nimport { getNextPropertiesByType } from '@/utils/api-reference/getNextPropertiesByType';\n\nimport { RecursiveParamFieldWithChildrenObserver } from './RecursiveParamFieldWithChildrenObserver';\nimport { RecursiveParamFieldWithObserver } from './RecursiveParamFieldWithObserver';\nimport { FieldType, RenderedRefs } from '@/api-playground-2/types/api';\n\nexport type RecursiveParamFieldParams = {\n  fieldType: FieldType;\n  schemaArray: DataSchemaArray | IncrementalDataSchemaArray;\n  renderedRefs?: RenderedRefs;\n  name?: string | null;\n  location?: string;\n  parentName?: string;\n  depth?: number;\n  hideDescription?: boolean;\n  circularRefs?: string[];\n  paramId?: string;\n  style?: string;\n  explode?: boolean;\n};\n\nexport const RecursiveParamField = ({\n  fieldType,\n  schemaArray,\n  name,\n  location,\n  parentName,\n  depth = 0,\n  hideDescription = false,\n  renderedRefs = new Set(),\n  circularRefs,\n  paramId,\n  style,\n  explode,\n}: RecursiveParamFieldParams) => {\n  const { anchor } = useEndpointLocation();\n  let filteredSchemaArray: DataSchemaArray | IncrementalDataSchemaArray | null = schemaArray;\n  filteredSchemaArray = getAuthFilteredSchemaArray({ schemaArray, userGroups: undefined });\n\n  if (\n    filteredSchemaArray &&\n    filteredSchemaArray.some((schema) => 'enum' in schema && 'const' in schema)\n  ) {\n    filteredSchemaArray = getConstFilteredSchemaArray({ schemaArray });\n  }\n\n  if (!isDataSchemaArrayOrIncrementalDataSchemaArray(filteredSchemaArray)) {\n    return null;\n  }\n\n  const RecursiveParamFieldType = anchor\n    ? RecursiveParamFieldWithChildrenObserver\n    : RecursiveParamFieldWithObserver;\n\n  return (\n    <RecursiveParamFieldType\n      fieldType={fieldType}\n      schemaArray={filteredSchemaArray}\n      name={name}\n      location={location}\n      parentName={parentName}\n      depth={depth}\n      style={style}\n      explode={explode}\n      hideDescription={hideDescription}\n      renderedRefs={renderedRefs}\n      circularRefs={circularRefs}\n      paramId={paramId}\n    />\n  );\n};\n\ntype RenderNextPropertiesRecursivelyParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  depth: number;\n  refs: Set<string>;\n  parentName?: string;\n  name?: string | null;\n  currentSchemaRef: string | undefined;\n  style?: string;\n  explode?: boolean;\n  hideParentName?: boolean;\n};\n\nexport const renderNextPropertiesRecursively = ({\n  currentSchemaRef,\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n  refs,\n  style,\n  explode,\n  hideParentName,\n}: RenderNextPropertiesRecursivelyParams) => {\n  // Create a new set with the current refs for this level\n  const currentLevelRefs = new Set(refs);\n\n  if (currentSchemaRef) {\n    currentLevelRefs.add(currentSchemaRef);\n  }\n\n  if (currentLevelRefs.size > 0) {\n    return properties.map((property) => {\n      const [propertyName, schemaArray] = property;\n      const nextSchemaArray = schemaArray[0];\n      const nextSchemaArrayProperties = getNextPropertiesByType(nextSchemaArray);\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      let circularReferences: string[] = [];\n      if (\n        Object.values(nextSchemaArrayProperties).some(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        )\n      ) {\n        circularReferences = Object.values(nextSchemaArrayProperties).filter(\n          (value: unknown) => typeof value === 'string' && currentLevelRefs.has(value)\n        );\n      }\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set(currentLevelRefs)}\n          circularRefs={circularReferences}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  } else {\n    return properties.map(([propertyName, schemaArray]) => {\n      const paramId = buildRecursiveParamFieldId(fieldType, name, parentName, propertyName);\n      const passedName = hideParentName ? '' : name;\n      return (\n        <RecursiveParamField\n          paramId={paramId}\n          fieldType={fieldType}\n          key={propertyName}\n          schemaArray={schemaArray}\n          name={propertyName}\n          parentName={\n            style === 'deepObject' && explode\n              ? getDeepObjectParentName(passedName, parentName)\n              : getRecursiveParentName(passedName, parentName)\n          }\n          depth={depth + 1}\n          renderedRefs={new Set()}\n          style={style}\n          explode={explode}\n        />\n      );\n    });\n  }\n};\n\ntype RenderTruncatedNextPropertiesParams = {\n  properties: [string, DataSchemaArray | IncrementalDataSchemaArray][];\n  fieldType: FieldType;\n  parentName?: string;\n  name?: string | null;\n  depth: number;\n};\n\nexport const renderTruncatedNextProperties = ({\n  properties,\n  fieldType,\n  parentName,\n  name,\n  depth,\n}: RenderTruncatedNextPropertiesParams) => {\n  return properties.map((property) => {\n    const [propertyName, schemaArray] = property;\n    const nextSchemaArray = schemaArray[0];\n    const baseSchema: DataSchema = nextSchemaArray as DataSchema;\n    if (baseSchema.type === 'array') {\n      baseSchema.items = [{ type: 'any' }];\n    } else if (baseSchema.type === 'object') {\n      baseSchema.properties = {};\n    }\n    const paramId = buildRecursiveParamFieldId(fieldType, name, parentName);\n    const id = `${paramId}-${propertyName}`;\n    return (\n      <RecursiveParamField\n        fieldType={fieldType}\n        key={propertyName}\n        schemaArray={[baseSchema]}\n        name={propertyName}\n        paramId={id}\n        depth={depth + 1}\n        renderedRefs={new Set()}\n      />\n    );\n  });\n};\n\nexport const buildRecursiveParamFieldId = (\n  fieldType: FieldType | undefined,\n  name: string | undefined | null,\n  parentName: string | undefined,\n  propertyName?: string | undefined\n) => {\n  return slugify(\n    `${fieldType ? `${fieldType}-` : ''}${parentName ? `${parentName}-` : ''}${name ? name : ''}-${propertyName ? propertyName : ''}`,\n    {\n      decamelize: true,\n    }\n  );\n};\n\nexport const getRecursiveParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return `${parentName ? `${parentName}` : ''}${name}.`;\n};\n\nexport const getDeepObjectParentName = (name?: string | null, parentName?: string): string => {\n  if (!name) {\n    return '';\n  }\n\n  return parentName ? `${parentName}${name}][` : `${name}[`;\n};\n"],"names":["buildRecursiveParamFieldId","fieldType","name","parentName","propertyName","slugify","getRecursiveParentName"],"mappings":";;;AAyNO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,GACAC,MAEOC;AAAA,EACL,GAAGJ,IAAY,GAAGA,CAAS,MAAM,EAAE,GAAGE,IAAa,GAAGA,CAAU,MAAM,EAAE,GAAGD,KAAc,EAAE;AAAA,EAC3F;AAAA,IACE,YAAY;AAAA,EAAA;AACd,GAISI,IAAyB,CAACJ,GAAsBC,MACtDD,IAIE,GAAGC,IAAa,GAAGA,CAAU,KAAK,EAAE,GAAGD,CAAI,MAHzC;"}

package/dist/api-playground/EndpointFields/index.js

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import { useOpenApiEndpoint as n } from "../../hooks/useEndpoint.js";
-const p = () => (n(), null);
+import "../../contexts/EndpointLocationContext.js";
+import { useOpenApiEndpoint as t } from "../../hooks/useEndpoint.js";
+const i = () => (t(), null);
 export {
-  p as default
+  i as default
 };
 //# sourceMappingURL=index.js.map

package/dist/api-playground/EndpointFields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/api-playground/EndpointFields/index.tsx"],"sourcesContent":["\nimport { EndpointLocationProvider } from '@/contexts/EndpointLocationContext';\nimport { useOpenApiEndpoint } from '@/hooks/useEndpoint';\nimport { getFilteredSecurityOptions } from '@/utils/api-reference/getFilteredSecurityOptions';\n\nimport { EndpointBody } from './EndpointBody';\nimport { EndpointParameters } from './EndpointParameters';\nimport { EndpointResponse } from './EndpointResponse';\nimport { EndpointSecurity } from './EndpointSecurity';\n\nconst EndpointFields = () => {\n  const endpoint = useOpenApiEndpoint();\n  const newApiReferencePage = true;\n\n  if (endpoint === undefined || newApiReferencePage) {\n    return null;\n  }\n\n  // TODO(ronan): remove when all security options are handled (none should be empty)\n  const filteredSecurityOptions = getFilteredSecurityOptions(endpoint);\n\n  return (\n    <>\n      {filteredSecurityOptions.length > 0 && (\n        <EndpointSecurity securityOptions={filteredSecurityOptions} />\n      )}\n      <EndpointParameters parameters={endpoint.request.parameters} />\n      <EndpointLocationProvider location=\"request\">\n        <EndpointBody body={endpoint.request.body} />\n      </EndpointLocationProvider>\n      <EndpointLocationProvider location=\"response\">\n        {Object.entries(endpoint.response)[0] && <EndpointResponse response={endpoint.response} />}\n      </EndpointLocationProvider>\n    </>\n  );\n};\n\nexport default EndpointFields;\n"],"names":["EndpointFields","useOpenApiEndpoint"],"mappings":";;AAUA,MAAMA,IAAiB,OACJC,EAAA,GAIR;"}
+{"version":3,"file":"index.js","sources":["../../../src/api-playground/EndpointFields/index.tsx"],"sourcesContent":["\nimport { EndpointLocationProvider } from '@/contexts/EndpointLocationContext';\nimport { useOpenApiEndpoint } from '@/hooks/useEndpoint';\nimport { getFilteredSecurityOptions } from '@/utils/api-reference/getFilteredSecurityOptions';\n\nimport { EndpointBody } from './EndpointBody';\nimport { EndpointParameters } from './EndpointParameters';\nimport { EndpointResponse } from './EndpointResponse';\nimport { EndpointSecurity } from './EndpointSecurity';\n\nconst EndpointFields = () => {\n  const endpoint = useOpenApiEndpoint();\n  const newApiReferencePage = true;\n\n  if (endpoint === undefined || newApiReferencePage) {\n    return null;\n  }\n\n  // TODO(ronan): remove when all security options are handled (none should be empty)\n  const filteredSecurityOptions = getFilteredSecurityOptions(endpoint);\n\n  return (\n    <>\n      {filteredSecurityOptions.length > 0 && (\n        <EndpointSecurity securityOptions={filteredSecurityOptions} />\n      )}\n      <EndpointParameters parameters={endpoint.request.parameters} />\n      <EndpointLocationProvider location=\"request\">\n        <EndpointBody body={endpoint.request.body} />\n      </EndpointLocationProvider>\n      <EndpointLocationProvider location=\"response\">\n        {Object.entries(endpoint.response)[0] && <EndpointResponse response={endpoint.response} />}\n      </EndpointLocationProvider>\n    </>\n  );\n};\n\nexport default EndpointFields;\n"],"names":["EndpointFields","useOpenApiEndpoint"],"mappings":";;;AAUA,MAAMA,IAAiB,OACJC,EAAA,GAIR;"}

package/dist/api-playground-2/OperationPage.js

@@ -50,7 +50,7 @@ const V = ({
       },
       children: [
         /* @__PURE__ */ i("div", { className: "mint:flex mint:flex-col mint:gap-8", children: [
-          /* @__PURE__ */ i("div", { className: "mint:mt-6 mint:flex mint:w-full mint:flex-col mint:space-y-4", children: [
+          /* @__PURE__ */ i("div", { className: "mint:flex mint:w-full mint:flex-col mint:space-y-4", children: [
             /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center mint:gap-3 mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl mint:p-1.5", children: [
               /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-0 mint:flex-1 mint:bg-white mint:dark:bg-[#1a1a1a] mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl", children: /* @__PURE__ */ e(
                 B,

package/dist/api-playground-2/OperationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationPage.js","sources":["../../src/api-playground-2/OperationPage.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect, useState } from 'react';\n\nimport { SendPill } from '@/api-playground/ApiPlayground/components/SendPill';\nimport { PageContext } from '@/contexts/ConfigContext';\nimport { useApiPlaygroundDisplay } from '@/hooks/useApiPlaygroundDisplay';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { ApiExamples } from './ApiExamples';\nimport { ApiFields } from './ApiFields';\nimport { EndpointHeader } from './EndpointHeader';\nimport { Playground } from './Playground';\nimport { ApiPlaygroundContext } from './contexts/ApiPlaygroundContext';\nimport { joinWithSingleSlash } from './hooks/useSendPlaygroundRequest';\nimport { ApiReferenceDataV2, OperationV2 } from './types';\nimport { cn } from \"../utils/cn\";\nimport { MethodPill } from '../components/Api/MethodPill';\n\nexport const OperationPage = ({\n  apiReferenceData,\n  operation,\n  // eslint-disable-next-line unused-imports/no-unused-vars\n  children,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  operation: OperationV2;\n  children: ReactNode;\n}) => {\n  const { path, method, baseUrl: singleBaseUrl, baseUrlOptions } = operation;\n  const { pageMetadata } = useContext(PageContext);\n  const display = useApiPlaygroundDisplay();\n  const [selectedBaseUrlIndex, setSelectedBaseUrlIndex] = useState(0);\n  const [isPlaygroundExpanded, setIsPlaygroundExpanded] = useState(false);\n  const [isCopiedActive, setIsCopiedActive] = useState(false);\n  const playgroundDisabled = display === 'simple';\n  const baseUrl = baseUrlOptions[selectedBaseUrlIndex] ?? singleBaseUrl ?? '';\n\n  useEffect(() => {\n    // TODO - Api Playground Refactor: SSR playground components\n    if (typeof window === 'undefined') return;\n    const searchParams = new URLSearchParams(window.location.search);\n    if (searchParams.has('playground')) {\n      requestAnimationFrame(() => {\n        setIsPlaygroundExpanded(true);\n      });\n    }\n  }, []);\n\n  const onCopy = async () => {\n    const toCopy = joinWithSingleSlash(baseUrl, path);\n    const result = await copyToClipboard(toCopy);\n    if (result === 'success') {\n      setIsCopiedActive(true);\n      setTimeout(() => {\n        setIsCopiedActive(false);\n      }, 2000);\n    }\n  };\n\n  const setIsPlaygroundExpandedWithQueryParam = (expanded: boolean) => {\n    setIsPlaygroundExpanded(expanded);\n    // TODO - Api Playground Refactor: SSR playground components\n    if (typeof window === 'undefined') return;\n    if (expanded) {\n      const url = new URL(window.location.href);\n      url.searchParams.set('playground', 'open');\n      window.history.replaceState({}, '', url);\n    } else {\n      const url = new URL(window.location.href);\n      url.searchParams.delete('playground');\n      window.history.replaceState({}, '', url);\n    }\n  };\n\n  return (\n    <ApiPlaygroundContext.Provider\n      value={{\n        setSelectedBaseUrlIndex,\n        selectedBaseUrlIndex,\n        baseUrlOptions,\n        isPlaygroundExpanded,\n        setIsPlaygroundExpanded: setIsPlaygroundExpandedWithQueryParam,\n      }}\n    >\n      <div className=\"mint:flex mint:flex-col mint:gap-8\">\n        <div className=\"mint:mt-6 mint:flex mint:w-full mint:flex-col mint:space-y-4\">\n          <div className=\"mint:flex mint:items-center mint:gap-3 mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl mint:p-1.5\">\n            <div className=\"mint:flex mint:items-center mint:gap-0 mint:flex-1 mint:bg-white mint:dark:bg-[#1a1a1a] mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl\">\n              <EndpointHeader\n                onCopy={onCopy}\n                baseUrlOptions={baseUrlOptions}\n                selectedBaseUrlIndex={selectedBaseUrlIndex}\n                setSelectedBaseUrlIndex={setSelectedBaseUrlIndex}\n                isCopiedActive={isCopiedActive}\n                display={display}\n                path={path}\n                method={method}\n                onBaseUrlChange={() => {}}\n                isInPlaygroundModal={false}\n              />\n            </div>\n            {playgroundDisabled ? null : (\n              <SendPill\n                label=\"Try it\"\n                method={method}\n                onClick={() => setIsPlaygroundExpandedWithQueryParam(true)}\n              />\n            )}\n          </div>\n          <div className=\"mint:mt-8 mint:lg:mt-0 mint:flex mint:flex-col mint:gap-6 mint:xl:!hidden mint:max-h-[30rem]\">\n            <ApiExamples noInputs={true} />\n          </div>\n        </div>\n        <ApiFields pageMetadata={pageMetadata} />\n      </div>\n      {!playgroundDisabled && (\n        <Playground\n          isPlaygroundExpanded={isPlaygroundExpanded}\n          setIsPlaygroundExpanded={setIsPlaygroundExpandedWithQueryParam}\n          baseUrl={baseUrl}\n          baseUrlOptions={baseUrlOptions}\n          apiReferenceData={apiReferenceData}\n        />\n      )}\n    </ApiPlaygroundContext.Provider>\n  );\n};\n"],"names":["OperationPage","apiReferenceData","operation","children","path","method","singleBaseUrl","baseUrlOptions","pageMetadata","useContext","PageContext","display","useApiPlaygroundDisplay","selectedBaseUrlIndex","setSelectedBaseUrlIndex","useState","isPlaygroundExpanded","setIsPlaygroundExpanded","isCopiedActive","setIsCopiedActive","playgroundDisabled","baseUrl","useEffect","onCopy","toCopy","joinWithSingleSlash","copyToClipboard","setIsPlaygroundExpandedWithQueryParam","expanded","url","jsxs","ApiPlaygroundContext","jsx","EndpointHeader","SendPill","ApiExamples","ApiFields","Playground"],"mappings":"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"}
+{"version":3,"file":"OperationPage.js","sources":["../../src/api-playground-2/OperationPage.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect, useState } from 'react';\n\nimport { SendPill } from '@/api-playground/ApiPlayground/components/SendPill';\nimport { PageContext } from '@/contexts/ConfigContext';\nimport { useApiPlaygroundDisplay } from '@/hooks/useApiPlaygroundDisplay';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { ApiExamples } from './ApiExamples';\nimport { ApiFields } from './ApiFields';\nimport { EndpointHeader } from './EndpointHeader';\nimport { Playground } from './Playground';\nimport { ApiPlaygroundContext } from './contexts/ApiPlaygroundContext';\nimport { joinWithSingleSlash } from './hooks/useSendPlaygroundRequest';\nimport { ApiReferenceDataV2, OperationV2 } from './types';\nimport { cn } from \"../utils/cn\";\nimport { MethodPill } from '../components/Api/MethodPill';\n\nexport const OperationPage = ({\n  apiReferenceData,\n  operation,\n  // eslint-disable-next-line unused-imports/no-unused-vars\n  children,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  operation: OperationV2;\n  children: ReactNode;\n}) => {\n  const { path, method, baseUrl: singleBaseUrl, baseUrlOptions } = operation;\n  const { pageMetadata } = useContext(PageContext);\n  const display = useApiPlaygroundDisplay();\n  const [selectedBaseUrlIndex, setSelectedBaseUrlIndex] = useState(0);\n  const [isPlaygroundExpanded, setIsPlaygroundExpanded] = useState(false);\n  const [isCopiedActive, setIsCopiedActive] = useState(false);\n  const playgroundDisabled = display === 'simple';\n  const baseUrl = baseUrlOptions[selectedBaseUrlIndex] ?? singleBaseUrl ?? '';\n\n  useEffect(() => {\n    // TODO - Api Playground Refactor: SSR playground components\n    if (typeof window === 'undefined') return;\n    const searchParams = new URLSearchParams(window.location.search);\n    if (searchParams.has('playground')) {\n      requestAnimationFrame(() => {\n        setIsPlaygroundExpanded(true);\n      });\n    }\n  }, []);\n\n  const onCopy = async () => {\n    const toCopy = joinWithSingleSlash(baseUrl, path);\n    const result = await copyToClipboard(toCopy);\n    if (result === 'success') {\n      setIsCopiedActive(true);\n      setTimeout(() => {\n        setIsCopiedActive(false);\n      }, 2000);\n    }\n  };\n\n  const setIsPlaygroundExpandedWithQueryParam = (expanded: boolean) => {\n    setIsPlaygroundExpanded(expanded);\n    // TODO - Api Playground Refactor: SSR playground components\n    if (typeof window === 'undefined') return;\n    if (expanded) {\n      const url = new URL(window.location.href);\n      url.searchParams.set('playground', 'open');\n      window.history.replaceState({}, '', url);\n    } else {\n      const url = new URL(window.location.href);\n      url.searchParams.delete('playground');\n      window.history.replaceState({}, '', url);\n    }\n  };\n\n  return (\n    <ApiPlaygroundContext.Provider\n      value={{\n        setSelectedBaseUrlIndex,\n        selectedBaseUrlIndex,\n        baseUrlOptions,\n        isPlaygroundExpanded,\n        setIsPlaygroundExpanded: setIsPlaygroundExpandedWithQueryParam,\n      }}\n    >\n      <div className=\"mint:flex mint:flex-col mint:gap-8\">\n        <div className=\"mint:flex mint:w-full mint:flex-col mint:space-y-4\">\n          <div className=\"mint:flex mint:items-center mint:gap-3 mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl mint:p-1.5\">\n            <div className=\"mint:flex mint:items-center mint:gap-0 mint:flex-1 mint:bg-white mint:dark:bg-[#1a1a1a] mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl\">\n              <EndpointHeader\n                onCopy={onCopy}\n                baseUrlOptions={baseUrlOptions}\n                selectedBaseUrlIndex={selectedBaseUrlIndex}\n                setSelectedBaseUrlIndex={setSelectedBaseUrlIndex}\n                isCopiedActive={isCopiedActive}\n                display={display}\n                path={path}\n                method={method}\n                onBaseUrlChange={() => {}}\n                isInPlaygroundModal={false}\n              />\n            </div>\n            {playgroundDisabled ? null : (\n              <SendPill\n                label=\"Try it\"\n                method={method}\n                onClick={() => setIsPlaygroundExpandedWithQueryParam(true)}\n              />\n            )}\n          </div>\n          <div className=\"mint:mt-8 mint:lg:mt-0 mint:flex mint:flex-col mint:gap-6 mint:xl:!hidden mint:max-h-[30rem]\">\n            <ApiExamples noInputs={true} />\n          </div>\n        </div>\n        <ApiFields pageMetadata={pageMetadata} />\n      </div>\n      {!playgroundDisabled && (\n        <Playground\n          isPlaygroundExpanded={isPlaygroundExpanded}\n          setIsPlaygroundExpanded={setIsPlaygroundExpandedWithQueryParam}\n          baseUrl={baseUrl}\n          baseUrlOptions={baseUrlOptions}\n          apiReferenceData={apiReferenceData}\n        />\n      )}\n    </ApiPlaygroundContext.Provider>\n  );\n};\n"],"names":["OperationPage","apiReferenceData","operation","children","path","method","singleBaseUrl","baseUrlOptions","pageMetadata","useContext","PageContext","display","useApiPlaygroundDisplay","selectedBaseUrlIndex","setSelectedBaseUrlIndex","useState","isPlaygroundExpanded","setIsPlaygroundExpanded","isCopiedActive","setIsCopiedActive","playgroundDisabled","baseUrl","useEffect","onCopy","toCopy","joinWithSingleSlash","copyToClipboard","setIsPlaygroundExpandedWithQueryParam","expanded","url","jsxs","ApiPlaygroundContext","jsx","EndpointHeader","SendPill","ApiExamples","ApiFields","Playground"],"mappings":"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"}

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

@@ -54,7 +54,7 @@ function h({ type: n, children: e }) {
             children: i.icon
           }
         ),
-        /* @__PURE__ */ t("div", { className: "mint:text-sm mint:min-w-0 mint:w-full mint:prose mint:dark:prose-invert mint:[&>p:first-child]:font-semibold", children: e })
+        /* @__PURE__ */ t("div", { className: "mint:text-sm mint:min-w-0 mint:w-full mint:max-w-none mint:prose mint:dark:prose-invert mint:[&>p:first-child]:font-semibold", children: e })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"callouts.js","sources":["../../../src/components/content-components/callouts.tsx"],"sourcesContent":["import {\n  Lightbulb20Regular,\n  InfoFilled,\n  Warning20Regular,\n  DismissCircle20Regular,\n  Info20Regular,\n} from \"@fluentui/react-icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport type CalloutType =\n  | \"note\"\n  | \"tip\"\n  | \"important\"\n  | \"caution\"\n  | \"warning\"\n  | \"nextstepaction\";\n\ninterface CalloutProps {\n  type: CalloutType;\n  children: React.ReactNode;\n}\n\nconst calloutConfig: Record<\n  CalloutType,\n  {\n    icon?: React.ReactNode;\n    className: string;\n  }\n> = {\n  tip: {\n    icon: <Lightbulb20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#f1faf1] mint:border-[#9fd89f] mint:text-[#0c5e0c] mint:dark:bg-[#052505] mint:dark:border-[#54b054] mint:dark:text-[#54b054]\",\n  },\n  note: {\n    icon: <Info20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#f5f5f5] mint:border-[#d1d1d1] mint:text-[#242424] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white\",\n  },\n  warning: {\n    icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#fff9f5] mint:border-[#fdcfb4] mint:text-[#8a3707] mint:dark:bg-[#4a1e04] mint:dark:border-[#de590b] mint:dark:text-[#faa06b]\",\n  },\n  caution: {\n    icon: (\n      <DismissCircle20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />\n    ),\n    className:\n      \"mint:bg-[#fdf3f4] mint:border-[#eeacb2] mint:text-[#960b18] mint:dark:bg-[#3b0509] mint:dark:border-[#c50f1f] mint:dark:text-[#dc626d]\",\n  },\n  important: {\n    icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#e1cefc] mint:border-[#8251ee] mint:text-[#643fb2] mint:dark:bg-[#1a1326] mint:dark:border-[#9263f1] mint:dark:text-[#9263f1]\",\n  },\n  nextstepaction: {\n    icon: (\n      <InfoFilled className=\"mint:w-5 mint:h-5 mint:shrink-0 mint:text-[#616161] mint:dark:text-white\" />\n    ),\n    className:\n      \"mint:bg-[#f9fafb] mint:border-[#d1d1d1] mint:text-[#141414] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white\",\n  },\n};\n\nconst calloutLabels: Record<CalloutType, string> = {\n  note: \"Note\",\n  tip: \"Tip\",\n  important: \"Important\",\n  caution: \"Caution\",\n  warning: \"Warning\",\n  nextstepaction: \"Next step action\",\n};\n\nexport function Callout({ type, children }: CalloutProps) {\n  const config = calloutConfig[type];\n  const label = calloutLabels[type];\n\n  return (\n    <aside\n      role=\"note\"\n      aria-label={label}\n      className={cn(\n        \"mint:my-4 mint:flex mint:gap-2 mint:px-3 mint:py-2.5 mint:rounded-lg mint:border mint:overflow-hidden\",\n        config.className\n      )}\n    >\n      {config.icon && (\n        <div\n          className=\"mint:flex mint:items-start mint:justify-center\"\n          aria-hidden=\"true\"\n        >\n          {config.icon}\n        </div>\n      )}\n      <div className=\"mint:text-sm mint:min-w-0 mint:w-full mint:prose mint:dark:prose-invert mint:[&>p:first-child]:font-semibold\">\n        {children}\n      </div>\n    </aside>\n  );\n}\n"],"names":["calloutConfig","jsx","Lightbulb20Regular","Info20Regular","Warning20Regular","DismissCircle20Regular","InfoFilled","calloutLabels","Callout","type","children","config","label","jsxs","cn"],"mappings":";;;AAsBA,MAAMA,IAMF;AAAA,EACF,KAAK;AAAA,IACH,MAAM,gBAAAC,EAACC,GAAA,EAAmB,WAAU,kCAAA,CAAkC;AAAA,IACtE,WACE;AAAA,EAAA;AAAA,EAEJ,MAAM;AAAA,IACJ,MAAM,gBAAAD,EAACE,GAAA,EAAc,WAAU,kCAAA,CAAkC;AAAA,IACjE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MAAM,gBAAAF,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MACE,gBAAAH,EAACI,GAAA,EAAuB,WAAU,kCAAA,CAAkC;AAAA,IAEtE,WACE;AAAA,EAAA;AAAA,EAEJ,WAAW;AAAA,IACT,MAAM,gBAAAJ,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,gBAAgB;AAAA,IACd,MACE,gBAAAH,EAACK,GAAA,EAAW,WAAU,2EAAA,CAA2E;AAAA,IAEnG,WACE;AAAA,EAAA;AAEN,GAEMC,IAA6C;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,SAASC,EAAQ,EAAE,MAAAC,GAAM,UAAAC,KAA0B;AACxD,QAAMC,IAASX,EAAcS,CAAI,GAC3BG,IAAQL,EAAcE,CAAI;AAEhC,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYD;AAAA,MACZ,WAAWE;AAAA,QACT;AAAA,QACAH,EAAO;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAAA,EAAO,QACN,gBAAAV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,UAAAU,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZ,gBAAAV,EAAC,OAAA,EAAI,WAAU,gHACZ,UAAAS,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"callouts.js","sources":["../../../src/components/content-components/callouts.tsx"],"sourcesContent":["import {\n  Lightbulb20Regular,\n  InfoFilled,\n  Warning20Regular,\n  DismissCircle20Regular,\n  Info20Regular,\n} from \"@fluentui/react-icons\";\nimport { cn } from \"../../utils/cn\";\n\nexport type CalloutType =\n  | \"note\"\n  | \"tip\"\n  | \"important\"\n  | \"caution\"\n  | \"warning\"\n  | \"nextstepaction\";\n\ninterface CalloutProps {\n  type: CalloutType;\n  children: React.ReactNode;\n}\n\nconst calloutConfig: Record<\n  CalloutType,\n  {\n    icon?: React.ReactNode;\n    className: string;\n  }\n> = {\n  tip: {\n    icon: <Lightbulb20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#f1faf1] mint:border-[#9fd89f] mint:text-[#0c5e0c] mint:dark:bg-[#052505] mint:dark:border-[#54b054] mint:dark:text-[#54b054]\",\n  },\n  note: {\n    icon: <Info20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#f5f5f5] mint:border-[#d1d1d1] mint:text-[#242424] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white\",\n  },\n  warning: {\n    icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#fff9f5] mint:border-[#fdcfb4] mint:text-[#8a3707] mint:dark:bg-[#4a1e04] mint:dark:border-[#de590b] mint:dark:text-[#faa06b]\",\n  },\n  caution: {\n    icon: (\n      <DismissCircle20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />\n    ),\n    className:\n      \"mint:bg-[#fdf3f4] mint:border-[#eeacb2] mint:text-[#960b18] mint:dark:bg-[#3b0509] mint:dark:border-[#c50f1f] mint:dark:text-[#dc626d]\",\n  },\n  important: {\n    icon: <Warning20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\n    className:\n      \"mint:bg-[#e1cefc] mint:border-[#8251ee] mint:text-[#643fb2] mint:dark:bg-[#1a1326] mint:dark:border-[#9263f1] mint:dark:text-[#9263f1]\",\n  },\n  nextstepaction: {\n    icon: (\n      <InfoFilled className=\"mint:w-5 mint:h-5 mint:shrink-0 mint:text-[#616161] mint:dark:text-white\" />\n    ),\n    className:\n      \"mint:bg-[#f9fafb] mint:border-[#d1d1d1] mint:text-[#141414] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white\",\n  },\n};\n\nconst calloutLabels: Record<CalloutType, string> = {\n  note: \"Note\",\n  tip: \"Tip\",\n  important: \"Important\",\n  caution: \"Caution\",\n  warning: \"Warning\",\n  nextstepaction: \"Next step action\",\n};\n\nexport function Callout({ type, children }: CalloutProps) {\n  const config = calloutConfig[type];\n  const label = calloutLabels[type];\n\n  return (\n    <aside\n      role=\"note\"\n      aria-label={label}\n      className={cn(\n        \"mint:my-4 mint:flex mint:gap-2 mint:px-3 mint:py-2.5 mint:rounded-lg mint:border mint:overflow-hidden\",\n        config.className\n      )}\n    >\n      {config.icon && (\n        <div\n          className=\"mint:flex mint:items-start mint:justify-center\"\n          aria-hidden=\"true\"\n        >\n          {config.icon}\n        </div>\n      )}\n      <div className=\"mint:text-sm mint:min-w-0 mint:w-full mint:max-w-none mint:prose mint:dark:prose-invert mint:[&>p:first-child]:font-semibold\">\n        {children}\n      </div>\n    </aside>\n  );\n}\n"],"names":["calloutConfig","jsx","Lightbulb20Regular","Info20Regular","Warning20Regular","DismissCircle20Regular","InfoFilled","calloutLabels","Callout","type","children","config","label","jsxs","cn"],"mappings":";;;AAsBA,MAAMA,IAMF;AAAA,EACF,KAAK;AAAA,IACH,MAAM,gBAAAC,EAACC,GAAA,EAAmB,WAAU,kCAAA,CAAkC;AAAA,IACtE,WACE;AAAA,EAAA;AAAA,EAEJ,MAAM;AAAA,IACJ,MAAM,gBAAAD,EAACE,GAAA,EAAc,WAAU,kCAAA,CAAkC;AAAA,IACjE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MAAM,gBAAAF,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,SAAS;AAAA,IACP,MACE,gBAAAH,EAACI,GAAA,EAAuB,WAAU,kCAAA,CAAkC;AAAA,IAEtE,WACE;AAAA,EAAA;AAAA,EAEJ,WAAW;AAAA,IACT,MAAM,gBAAAJ,EAACG,GAAA,EAAiB,WAAU,kCAAA,CAAkC;AAAA,IACpE,WACE;AAAA,EAAA;AAAA,EAEJ,gBAAgB;AAAA,IACd,MACE,gBAAAH,EAACK,GAAA,EAAW,WAAU,2EAAA,CAA2E;AAAA,IAEnG,WACE;AAAA,EAAA;AAEN,GAEMC,IAA6C;AAAA,EACjD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,SAASC,EAAQ,EAAE,MAAAC,GAAM,UAAAC,KAA0B;AACxD,QAAMC,IAASX,EAAcS,CAAI,GAC3BG,IAAQL,EAAcE,CAAI;AAEhC,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYD;AAAA,MACZ,WAAWE;AAAA,QACT;AAAA,QACAH,EAAO;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAAA,EAAO,QACN,gBAAAV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YAEX,UAAAU,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZ,gBAAAV,EAAC,OAAA,EAAI,WAAU,gIACZ,UAAAS,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { jsx as o, 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";
@@ -14,14 +14,14 @@ import { cn as h } from "../../utils/cn.js";
 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) => {
+  const [t, e] = C(!1), n = async (r) => {
     try {
       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: o, copyBlob: async (r, l) => {
+  return { isCopied: t, copy: n, copyBlob: async (r, l) => {
     try {
       if (w.includes(l)) {
         const i = await r.arrayBuffer(), a = new Blob([i], { type: l }), m = new ClipboardItem({
@@ -30,56 +30,56 @@ function g() {
         await navigator.clipboard.write([m]), e(!0), setTimeout(() => e(!1), 2e3);
       } else {
         const i = await r.text();
-        await o(i);
+        await n(i);
       }
     } catch (i) {
       console.error("Failed to copy blob to clipboard:", i);
       try {
         const a = await r.text();
-        await o(a);
+        await n(a);
       } catch (a) {
         console.error("Failed to copy as text fallback:", a);
       }
     }
   } };
 }
-function _({ onClick: t, isCopied: e, showTooltip: o = !0 }) {
+function _({ onClick: t, isCopied: e, showTooltip: n = !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(
+    n && e && /* @__PURE__ */ o("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__ */ o(
       "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__ */ 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" })
+        children: e ? /* @__PURE__ */ o(A, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ o(R, { className: "mint:w-5 mint:h-5" })
       }
     )
   ] });
 }
 function q({ textToCopy: t, showTooltip: e = !0 }) {
-  const { isCopied: o, copy: p } = g();
-  return /* @__PURE__ */ n(_, { onClick: () => {
+  const { isCopied: n, copy: p } = g();
+  return /* @__PURE__ */ o(_, { onClick: () => {
     p(t);
-  }, isCopied: o, showTooltip: e });
+  }, isCopied: n, showTooltip: e });
 }
 function G({ data: t, showTooltip: e = !0 }) {
-  const { isCopied: o, copy: p, copyBlob: r } = g();
-  return /* @__PURE__ */ n(_, { onClick: () => {
+  const { isCopied: n, copy: p, copyBlob: r } = g();
+  return /* @__PURE__ */ o(_, { 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 });
+  }, isCopied: n, showTooltip: e });
 }
 function J({
   children: t,
   className: e,
-  fileName: o,
+  fileName: n,
   language: p,
   blob: r,
   contentType: l
 }) {
   const [i, a] = C("");
   g();
-  const m = p || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = I(t), k = !!o, x = N.useMemo(() => {
+  const m = p || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = I(t), k = !!n, u = N.useMemo(() => {
     var f, y;
     if (typeof t != "object" || t == null)
       return !1;
@@ -87,25 +87,25 @@ function J({
     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))
+        for (const x of T)
+          if (typeof x == "object" && x != null && "props" in x && ((y = x.props) != null && y.className))
             return !0;
       }
     return !1;
   }, [t]);
   return B(() => {
-    if (!x)
+    if (!u)
       try {
         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), a(d);
       }
-  }, [d, m, x]), /* @__PURE__ */ n(
+  }, [d, m, u]), /* @__PURE__ */ o(
     "div",
     {
       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(
+      children: /* @__PURE__ */ o("div", { className: "not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414]", children: /* @__PURE__ */ o("div", { className: "mint:code-scrollbar mint:overflow-x-scroll", children: /* @__PURE__ */ o("pre", { className: "mint:px-4 mint:py-2 mint:m-0 mint:whitespace-pre mint:text-sm", children: u ? /* @__PURE__ */ o(
         "code",
         {
           className: h(
@@ -114,7 +114,7 @@ function J({
           ),
           children: t
         }
-      ) : i ? /* @__PURE__ */ n(
+      ) : i ? /* @__PURE__ */ o(
         "code",
         {
           className: h(
@@ -123,7 +123,7 @@ function J({
           ),
           dangerouslySetInnerHTML: { __html: i }
         }
-      ) : /* @__PURE__ */ n(
+      ) : /* @__PURE__ */ o(
         "code",
         {
           className: h(

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":["\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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"}
+{"version":3,"file":"code-block.js","sources":["../../../src/components/content-components/code-block.tsx"],"sourcesContent":["\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-scroll\">\n          <pre className=\"mint:px-4 mint:py-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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"}

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

@@ -1,4 +1,4 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import * as f from "@radix-ui/react-tabs";
 import j, { forwardRef as k, useRef as F, useState as L, useCallback as V } from "react";
 import { ChevronDownFilled as B } from "@fluentui/react-icons";
@@ -23,14 +23,14 @@ const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMa
     return null;
   if (i.length === 0)
     return console.warn("CodeGroup has no children, expected at least one CodeBlock child."), null;
-  const c = Number(v), I = () => {
+  const u = Number(v), 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[c]) == null ? void 0 : n.props.fileName }) });
+    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[u]) == null ? void 0 : n.props.fileName }) });
   }, $ = () => /* @__PURE__ */ e(f.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: c === t,
+      isSelected: u === t,
       tabsLength: i.length,
       ref: (m) => {
         m && b.current.set(t, m);
@@ -40,11 +40,11 @@ const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMa
     n.props.fileName + "TabItem" + t
   )) }), R = () => {
     var n;
-    return /* @__PURE__ */ u("div", { className: "mint:relative", children: [
+    return /* @__PURE__ */ c("div", { className: "mint:relative", children: [
       /* @__PURE__ */ e(
         "select",
         {
-          value: ((n = i[c]) == null ? void 0 : n.props.language) || "",
+          value: ((n = i[u]) == null ? void 0 : n.props.language) || "",
           onChange: (t) => {
             const m = t.target.value, s = i.findIndex((d) => d.props.language === m);
             s !== -1 && N(String(s));
@@ -56,7 +56,7 @@ const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMa
       /* @__PURE__ */ e(B, { 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(
+  return /* @__PURE__ */ c(
     f.Root,
     {
       defaultValue: p == null ? void 0 : typeof p == "string" ? p : String(p),
@@ -71,7 +71,7 @@ const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMa
       asChild: !1,
       ...S,
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "div",
           {
             className: g(
@@ -80,12 +80,12 @@ const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMa
             ),
             children: [
               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: [
+              /* @__PURE__ */ c("div", { className: "mint:flex mint:items-center mint:justify-end mint:shrink-0 mint:gap-1.5", children: [
                 l && /* @__PURE__ */ e(R, {}),
                 /* @__PURE__ */ e(
                   G,
                   {
-                    textToCopy: z((y = (w = i[c]) == null ? void 0 : w.props) == null ? void 0 : y.children),
+                    textToCopy: z((y = (w = i[u]) == null ? void 0 : w.props) == null ? void 0 : y.children),
                     showTooltip: !0
                   }
                 )
@@ -99,7 +99,7 @@ const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMa
             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 })
+            children: /* @__PURE__ */ e("div", { className: "mint:code-scrollbar mint:overflow-scroll mint:max-h-[calc(40vh-3rem)]", children: n })
           },
           `${n.props.fileName}-${n.props.language}-${t}`
         )) })
@@ -107,7 +107,7 @@ const K = k(function({ children: r, onChange: a, className: o, dropdown: l, noMa
     }
   );
 }), _ = k(function({ children: r, value: a, isSelected: o, tabsLength: l }, h) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(
     f.Trigger,
     {
       ref: h,