@mintlify/msft-sdk 1.1.9 → 1.1.11

package/dist/components/Api/ApiReferenceProvider.js

@@ -0,0 +1,19 @@
+import { jsx as c } from "react/jsx-runtime";
+import { createContext as i, useContext as f } from "react";
+const t = i(void 0);
+function p() {
+  return f(t);
+}
+function s({
+  apiReferenceData2: e,
+  docsConfig: o,
+  mdxExtracts: r,
+  children: n
+}) {
+  return /* @__PURE__ */ c(t.Provider, { value: { apiReferenceData2: e, docsConfig: o, mdxExtracts: r }, children: n });
+}
+export {
+  s as ApiReferenceProvider2,
+  p as useApiReference
+};
+//# sourceMappingURL=ApiReferenceProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApiReferenceProvider.js","sources":["../../../src/components/Api/ApiReferenceProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\n\ninterface ApiReferenceContextValue {\n  apiReferenceData2?: any;\n  docsConfig?: any;\n  mdxExtracts?: any;\n}\n\nconst ApiReferenceContext = createContext<ApiReferenceContextValue | undefined>(undefined);\n\nexport function useApiReference() {\n  const context = useContext(ApiReferenceContext);\n  return context;\n}\n\ninterface ApiReferenceProvider2Props {\n  apiReferenceData2?: any;\n  docsConfig?: any;\n  mdxExtracts?: any;\n  children: React.ReactNode;\n}\n\nexport function ApiReferenceProvider2({\n  apiReferenceData2,\n  docsConfig,\n  mdxExtracts,\n  children,\n}: ApiReferenceProvider2Props) {\n  return (\n    <ApiReferenceContext.Provider value={{ apiReferenceData2, docsConfig, mdxExtracts }}>\n      {children}\n    </ApiReferenceContext.Provider>\n  );\n}\n"],"names":["ApiReferenceContext","createContext","useApiReference","useContext","ApiReferenceProvider2","apiReferenceData2","docsConfig","mdxExtracts","children","jsx"],"mappings":";;AAQA,MAAMA,IAAsBC,EAAoD,MAAS;AAElF,SAASC,IAAkB;AAEhC,SADgBC,EAAWH,CAAmB;AAEhD;AASO,SAASI,EAAsB;AAAA,EACpC,mBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,GAA+B;AAC7B,SACE,gBAAAC,EAACT,EAAoB,UAApB,EAA6B,OAAO,EAAE,mBAAAK,GAAmB,YAAAC,GAAY,aAAAC,KACnE,UAAAC,GACH;AAEJ;"}

package/dist/components/Api/MethodPill.js

@@ -0,0 +1,21 @@
+import { jsx as s } from "react/jsx-runtime";
+import { getShortenedMethodName as c, getMethodColor as p } from "./colors.js";
+import { cn as h } from "../../utils/cn.js";
+const x = ({ isActive: i = !1, method: t, shortMethod: o = !1, className: n }) => {
+  const e = t.toUpperCase(), l = c(e), { activeNavPillBg: r, activeNavPillText: a, inactiveNavPillText: m, inactiveNavPillBg: d } = p(t);
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      className: h(
+        "mint:px-1 mint:py-0.5 mint:rounded-md mint:text-[0.55rem] mint:leading-tight mint:font-bold",
+        i ? `${r} ${a}` : `${d} ${m}`,
+        n
+      ),
+      children: o ? l : e
+    }
+  );
+};
+export {
+  x as MethodPill
+};
+//# sourceMappingURL=MethodPill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MethodPill.js","sources":["../../../src/components/Api/MethodPill.tsx"],"sourcesContent":["'use client';\n\nimport { getMethodColor, getShortenedMethodName } from './colors';\nimport { cn } from '../../utils/cn';\n\ntype MethodPillProps = {\n  isActive: boolean;\n  method: 'get' | 'post' | 'put' | 'delete' | 'patch' | 'head' | 'options' | 'trace' | string;\n  shortMethod?: boolean;\n  className?: string;\n};\n\nexport const MethodPill = ({ isActive = false, method, shortMethod = false, className }: MethodPillProps) => {\n  const upperMethod = method.toUpperCase();\n  const shortenedMethod = getShortenedMethodName(upperMethod);\n  const { activeNavPillBg, activeNavPillText, inactiveNavPillText, inactiveNavPillBg } =\n    getMethodColor(method);\n  return (\n    <span\n      className={cn(\n        'mint:px-1 mint:py-0.5 mint:rounded-md mint:text-[0.55rem] mint:leading-tight mint:font-bold',\n        isActive\n          ? `${activeNavPillBg} ${activeNavPillText}`\n          : `${inactiveNavPillBg} ${inactiveNavPillText}`,\n        className\n      )}\n    >\n      {shortMethod ? shortenedMethod : upperMethod}\n    </span>\n  );\n};\n"],"names":["MethodPill","isActive","method","shortMethod","className","upperMethod","shortenedMethod","getShortenedMethodName","activeNavPillBg","activeNavPillText","inactiveNavPillText","inactiveNavPillBg","getMethodColor","jsx","cn"],"mappings":";;;AAYO,MAAMA,IAAa,CAAC,EAAE,UAAAC,IAAW,IAAO,QAAAC,GAAQ,aAAAC,IAAc,IAAO,WAAAC,QAAiC;AAC3G,QAAMC,IAAcH,EAAO,YAAA,GACrBI,IAAkBC,EAAuBF,CAAW,GACpD,EAAE,iBAAAG,GAAiB,mBAAAC,GAAmB,qBAAAC,GAAqB,mBAAAC,EAAA,IAC/DC,EAAeV,CAAM;AACvB,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAb,IACI,GAAGO,CAAe,IAAIC,CAAiB,KACvC,GAAGE,CAAiB,IAAID,CAAmB;AAAA,QAC/CN;AAAA,MAAA;AAAA,MAGD,cAAcE,IAAkBD;AAAA,IAAA;AAAA,EAAA;AAGvC;"}

package/dist/components/Api/colors.js

@@ -0,0 +1,117 @@
+const i = (t) => {
+  switch (t == null ? void 0 : t.toUpperCase()) {
+    case "GET":
+      return {
+        activeNavPillBg: "mint:bg-[#2AB673]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-green-700 mint:dark:text-green-400",
+        inactiveNavPillBg: "mint:bg-[#2AB673]/20",
+        paramStyle: "mint:border-green-700 mint:dark:border-green-400 mint:text-green-700 mint:dark:text-green-400"
+      };
+    case "POST":
+      return {
+        activeNavPillBg: "mint:bg-[#3064E3]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-blue-700 mint:dark:text-blue-400",
+        inactiveNavPillBg: "mint:bg-[#3064E3]/20",
+        paramStyle: "mint:border-blue-700 mint:dark:border-blue-400 mint:text-blue-700 mint:dark:text-blue-400"
+      };
+    case "WEBHOOK":
+      return {
+        activeNavPillBg: "mint:bg-[#3064E3]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-blue-700 mint:dark:text-blue-400",
+        inactiveNavPillBg: "mint:bg-[#3064E3]/20",
+        paramStyle: "mint:border-blue-700 mint:dark:border-blue-400 mint:text-blue-700 mint:dark:text-blue-400"
+      };
+    case "PUT":
+      return {
+        activeNavPillBg: "mint:bg-[#C28C30]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-yellow-700 mint:dark:text-yellow-300",
+        inactiveNavPillBg: "mint:bg-[#C28C30]/20",
+        paramStyle: "mint:border-yellow-700 mint:dark:border-yellow-300 mint:text-yellow-700 mint:dark:text-yellow-300"
+      };
+    case "DELETE":
+      return {
+        activeNavPillBg: "mint:bg-[#CB3A32]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-red-700 mint:dark:text-red-400",
+        inactiveNavPillBg: "mint:bg-[#CB3A32]/20",
+        paramStyle: "mint:border-red-700 mint:dark:border-red-400 mint:text-red-700 mint:dark:text-red-400"
+      };
+    case "OPTIONS":
+      return {
+        activeNavPillBg: "mint:bg-[#9341FB]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-purple-700 mint:dark:text-purple-400",
+        inactiveNavPillBg: "mint:bg-[#9341FB]/20",
+        paramStyle: "mint:border-purple-700 mint:dark:border-purple-400 mint:text-purple-700 mint:dark:text-purple-400"
+      };
+    case "HEAD":
+      return {
+        activeNavPillBg: "mint:bg-cyan-700",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-cyan-700 mint:dark:text-cyan-400",
+        inactiveNavPillBg: "mint:bg-cyan-700/20",
+        paramStyle: "mint:border-cyan-700 mint:dark:border-cyan-400 mint:text-cyan-700 mint:dark:text-cyan-400"
+      };
+    case "PATCH":
+      return {
+        activeNavPillBg: "mint:bg-[#DA622B]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-orange-700 mint:dark:text-orange-400",
+        inactiveNavPillBg: "mint:bg-[#DA622B]/20",
+        paramStyle: "mint:border-orange-700 mint:dark:border-orange-400 mint:text-orange-700 mint:dark:text-orange-400"
+      };
+    case "TRACE":
+      return {
+        activeNavPillBg: "mint:bg-[#BD30D3]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-fuchsia-700 mint:dark:text-fuchsia-400",
+        inactiveNavPillBg: "mint:bg-[#BD30D3]/20",
+        paramStyle: "mint:border-fuchsia-700 mint:dark:border-fuchsia-400 mint:text-fuchsia-700 mint:dark:text-fuchsia-400"
+      };
+    case "WEBSOCKET":
+      return {
+        activeNavPillBg: "mint:bg-[#F54A00] mint:dark:bg-[#FF6900]",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-[#F54A00] mint:dark:text-[#FF6900]",
+        inactiveNavPillBg: "mint:bg-[#FFEDD4] mint:dark:bg-[#FF6900]/20",
+        paramStyle: "mint:border-[#F54A00] mint:dark:border-[#FF6900] mint:text-[#F54A00] mint:dark:text-[#FF6900]"
+      };
+    case "DEPRECATED":
+      return {
+        activeNavPillBg: "mint:bg-[#F7F7F8] mint:dark:bg-[#14151A]",
+        activeNavPillText: "mint:text-[#14151A] mint:dark:text-white",
+        inactiveNavPillText: "mint:text-[#14151A] mint:dark:text-white",
+        inactiveNavPillBg: "mint:bg-[#F7F7F8] mint:dark:bg-[#14151A]",
+        paramStyle: "mint:border-[#14151A] mint:dark:border-white mint:text-[#14151A] mint:dark:text-white"
+      };
+    default:
+      return {
+        activeNavPillBg: "mint:bg-gray-600",
+        activeNavPillText: "mint:text-white",
+        inactiveNavPillText: "mint:text-gray-700 mint:dark:text-gray-400",
+        inactiveNavPillBg: "mint:bg-gray-600/20",
+        paramStyle: "mint:border-gray-700 mint:dark:border-gray-400 mint:text-gray-700 mint:dark:text-gray-400"
+      };
+  }
+}, a = (t) => {
+  const e = t == null ? void 0 : t.toUpperCase();
+  switch (e) {
+    case "DELETE":
+      return "DEL";
+    case "WEBHOOK":
+      return "HOOK";
+    case "WEBSOCKET":
+      return "WSS";
+    default:
+      return e;
+  }
+};
+export {
+  i as getMethodColor,
+  a as getShortenedMethodName
+};
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../src/components/Api/colors.tsx"],"sourcesContent":["'use client';\n\nexport const getMethodColor = (method?: string) => {\n  switch (method?.toUpperCase()) {\n    case 'GET':\n      return {\n        activeNavPillBg: 'mint:bg-[#2AB673]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-green-700 mint:dark:text-green-400',\n        inactiveNavPillBg: 'mint:bg-[#2AB673]/20',\n        paramStyle: 'mint:border-green-700 mint:dark:border-green-400 mint:text-green-700 mint:dark:text-green-400',\n      };\n    case 'POST':\n      return {\n        activeNavPillBg: 'mint:bg-[#3064E3]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-blue-700 mint:dark:text-blue-400',\n        inactiveNavPillBg: 'mint:bg-[#3064E3]/20',\n        paramStyle: 'mint:border-blue-700 mint:dark:border-blue-400 mint:text-blue-700 mint:dark:text-blue-400',\n      };\n    case 'WEBHOOK':\n      return {\n        activeNavPillBg: 'mint:bg-[#3064E3]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-blue-700 mint:dark:text-blue-400',\n        inactiveNavPillBg: 'mint:bg-[#3064E3]/20',\n        paramStyle: 'mint:border-blue-700 mint:dark:border-blue-400 mint:text-blue-700 mint:dark:text-blue-400',\n      };\n    case 'PUT':\n      return {\n        activeNavPillBg: 'mint:bg-[#C28C30]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-yellow-700 mint:dark:text-yellow-300',\n        inactiveNavPillBg: 'mint:bg-[#C28C30]/20',\n        paramStyle: 'mint:border-yellow-700 mint:dark:border-yellow-300 mint:text-yellow-700 mint:dark:text-yellow-300',\n      };\n    case 'DELETE':\n      return {\n        activeNavPillBg: 'mint:bg-[#CB3A32]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-red-700 mint:dark:text-red-400',\n        inactiveNavPillBg: 'mint:bg-[#CB3A32]/20',\n        paramStyle: 'mint:border-red-700 mint:dark:border-red-400 mint:text-red-700 mint:dark:text-red-400',\n      };\n    case 'OPTIONS':\n      return {\n        activeNavPillBg: 'mint:bg-[#9341FB]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-purple-700 mint:dark:text-purple-400',\n        inactiveNavPillBg: 'mint:bg-[#9341FB]/20',\n        paramStyle: 'mint:border-purple-700 mint:dark:border-purple-400 mint:text-purple-700 mint:dark:text-purple-400',\n      };\n    case 'HEAD':\n      return {\n        activeNavPillBg: 'mint:bg-cyan-700',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-cyan-700 mint:dark:text-cyan-400',\n        inactiveNavPillBg: 'mint:bg-cyan-700/20',\n        paramStyle: 'mint:border-cyan-700 mint:dark:border-cyan-400 mint:text-cyan-700 mint:dark:text-cyan-400',\n      };\n    case 'PATCH':\n      return {\n        activeNavPillBg: 'mint:bg-[#DA622B]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-orange-700 mint:dark:text-orange-400',\n        inactiveNavPillBg: 'mint:bg-[#DA622B]/20',\n        paramStyle: 'mint:border-orange-700 mint:dark:border-orange-400 mint:text-orange-700 mint:dark:text-orange-400',\n      };\n    case 'TRACE':\n      return {\n        activeNavPillBg: 'mint:bg-[#BD30D3]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-fuchsia-700 mint:dark:text-fuchsia-400',\n        inactiveNavPillBg: 'mint:bg-[#BD30D3]/20',\n        paramStyle: 'mint:border-fuchsia-700 mint:dark:border-fuchsia-400 mint:text-fuchsia-700 mint:dark:text-fuchsia-400',\n      };\n    case 'WEBSOCKET':\n      return {\n        activeNavPillBg: 'mint:bg-[#F54A00] mint:dark:bg-[#FF6900]',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-[#F54A00] mint:dark:text-[#FF6900]',\n        inactiveNavPillBg: 'mint:bg-[#FFEDD4] mint:dark:bg-[#FF6900]/20',\n        paramStyle: 'mint:border-[#F54A00] mint:dark:border-[#FF6900] mint:text-[#F54A00] mint:dark:text-[#FF6900]',\n      };\n    case 'DEPRECATED':\n      return {\n        activeNavPillBg: 'mint:bg-[#F7F7F8] mint:dark:bg-[#14151A]',\n        activeNavPillText: 'mint:text-[#14151A] mint:dark:text-white',\n        inactiveNavPillText: 'mint:text-[#14151A] mint:dark:text-white',\n        inactiveNavPillBg: 'mint:bg-[#F7F7F8] mint:dark:bg-[#14151A]',\n        paramStyle: 'mint:border-[#14151A] mint:dark:border-white mint:text-[#14151A] mint:dark:text-white',\n      };\n    default:\n      return {\n        activeNavPillBg: 'mint:bg-gray-600',\n        activeNavPillText: 'mint:text-white',\n        inactiveNavPillText: 'mint:text-gray-700 mint:dark:text-gray-400',\n        inactiveNavPillBg: 'mint:bg-gray-600/20',\n        paramStyle: 'mint:border-gray-700 mint:dark:border-gray-400 mint:text-gray-700 mint:dark:text-gray-400',\n      };\n  }\n};\n\nexport const getShortenedMethodName = (method?: string): string | undefined => {\n  const upperCase = method?.toUpperCase();\n  switch (upperCase) {\n    case 'DELETE':\n      return 'DEL';\n    case 'WEBHOOK':\n      return 'HOOK';\n    case 'WEBSOCKET':\n      return 'WSS';\n    default:\n      return upperCase;\n  }\n};\n"],"names":["getMethodColor","method","getShortenedMethodName","upperCase"],"mappings":"AAEO,MAAMA,IAAiB,CAACC,MAAoB;AACjD,UAAQA,KAAA,gBAAAA,EAAQ,eAAY;AAAA,IAC1B,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,IAEhB;AACE,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,QACnB,YAAY;AAAA,MAAA;AAAA,EACd;AAEN,GAEaC,IAAyB,CAACD,MAAwC;AAC7E,QAAME,IAAYF,KAAA,gBAAAA,EAAQ;AAC1B,UAAQE,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAOA;AAAA,EAAA;AAEb;"}

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

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

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

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

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

@@ -1,83 +1,57 @@
-import { jsx as e, jsxs as s, Fragment as a } from "react/jsx-runtime";
-import { TableBody as c, TableHeader as d, TableRow as f, TableCell as u, TableHead as b, Table as p } from "./table/index.js";
-import { cn as i } from "../../utils/cn.js";
-import { allComponents as h } from "./all-components.js";
-import { Link as x } from "./link.js";
-import { Heading as m } from "./heading.js";
-import { Summary as g, Details as k } from "./details/details.js";
-function y(r = {}) {
-  const { LinkComponent: l } = r;
+import { jsx as t, Fragment as l } from "react/jsx-runtime";
+import { TableBody as s, TableHeader as d, TableRow as p, TableCell as b, TableHead as f, Table as u } from "./table/index.js";
+import { cn as r } from "../../utils/cn.js";
+import { allComponents as c } from "./all-components.js";
+import { Image as g } from "./image.js";
+import { Link as h } from "./link.js";
+import { Heading as o } from "./heading.js";
+import { Summary as k, Details as _ } from "./details/details.js";
+function y(i = {}) {
+  const { LinkComponent: m } = i;
   return {
-    h1: (t) => /* @__PURE__ */ e(m, { level: 1, ...t }),
-    h2: (t) => /* @__PURE__ */ e(m, { level: 2, ...t }),
-    h3: (t) => /* @__PURE__ */ e(m, { level: 3, ...t }),
-    h4: (t) => /* @__PURE__ */ e(m, { level: 4, ...t }),
-    h5: (t) => /* @__PURE__ */ e(m, { level: 5, ...t }),
-    h6: (t) => /* @__PURE__ */ e(m, { level: 6, ...t }),
-    code: ({ className: t, children: n, ...o }) => t ? n : /* @__PURE__ */ e(
+    h1: (e) => /* @__PURE__ */ t(o, { level: 1, ...e }),
+    h2: (e) => /* @__PURE__ */ t(o, { level: 2, ...e }),
+    h3: (e) => /* @__PURE__ */ t(o, { level: 3, ...e }),
+    h4: (e) => /* @__PURE__ */ t(o, { level: 4, ...e }),
+    h5: (e) => /* @__PURE__ */ t(o, { level: 5, ...e }),
+    h6: (e) => /* @__PURE__ */ t(o, { level: 6, ...e }),
+    code: ({ className: e, children: n, ...a }) => e ? n : /* @__PURE__ */ t(
       "code",
       {
-        className: i(
+        className: r(
           "not-prose mint:font-medium mint:font-mono mint:text-sm mint:bg-gray-100 mint:shadow-[0_0_0_1px_rgba(156,163,175,0.3)] mint:px-1.5 mint:py-0.5 mint:rounded mint:dark:bg-[#1f1f1f] mint:dark:shadow-[0_0_0_1px_rgba(55,65,81,0.5)]"
         ),
-        ...o,
+        ...a,
         children: n
       }
     ),
-    pre: ({ children: t }) => /* @__PURE__ */ e(a, { children: t }),
+    pre: ({ children: e }) => /* @__PURE__ */ t(l, { children: e }),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    a: l ? (t) => /* @__PURE__ */ e(l, { ...t }) : x,
-    blockquote: (t) => /* @__PURE__ */ e(
+    a: m ? (e) => /* @__PURE__ */ t(m, { ...e }) : h,
+    blockquote: (e) => /* @__PURE__ */ t(
       "blockquote",
       {
-        className: i(
+        className: r(
           "not-prose mint:border-l-4 mint:border-gray-200 mint:pl-6 mint:mb-4 mint:dark:border-l-white/20"
         ),
-        ...t
+        ...e
       }
     ),
-    img: (t) => {
-      const [n, o] = React.useState(!1);
-      return /* @__PURE__ */ s(a, { children: [
-        /* @__PURE__ */ e(
-          "img",
-          {
-            className: i("mint:max-w-full mint:h-auto mint:object-contain mint:cursor-zoom-in"),
-            onClick: () => o(!0),
-            ...t
-          }
-        ),
-        n && /* @__PURE__ */ e(
-          "div",
-          {
-            className: "mint:fixed mint:inset-0 mint:z-50 mint:bg-black/90 mint:flex mint:items-center mint:justify-center mint:p-4 mint:cursor-zoom-out",
-            onClick: () => o(!1),
-            children: /* @__PURE__ */ e(
-              "img",
-              {
-                src: t.src,
-                alt: t.alt,
-                className: "mint:max-w-full mint:max-h-full mint:object-contain mint:shadow-2xl"
-              }
-            )
-          }
-        )
-      ] });
-    },
-    table: p,
-    th: b,
-    td: u,
-    tr: f,
+    img: g,
+    table: u,
+    th: f,
+    td: b,
+    tr: p,
     thead: d,
-    tbody: c,
-    details: k,
-    summary: g,
-    ...h
+    tbody: s,
+    details: _,
+    summary: k,
+    ...c
   };
 }
-const H = y();
+const D = y();
 export {
   y as createDefaultComponents,
-  H as defaultComponents
+  D as defaultComponents
 };
 //# sourceMappingURL=default-components.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"default-components.js","sources":["../../../src/components/content-components/default-components.tsx"],"sourcesContent":["import { Details, Heading, Link, Summary, allComponents } from \".\";\nimport type { MDXComponents, LinkComponent } from \"../../types\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CreateDefaultComponentsOptions {\n  LinkComponent?: LinkComponent;\n}\n\nexport function createDefaultComponents(\n  options: CreateDefaultComponentsOptions = {}\n): MDXComponents {\n  const { LinkComponent: CustomLink } = options;\n\n  return {\n    h1: (props) => <Heading level={1} {...props} />,\n    h2: (props) => <Heading level={2} {...props} />,\n    h3: (props) => <Heading level={3} {...props} />,\n    h4: (props) => <Heading level={4} {...props} />,\n    h5: (props) => <Heading level={5} {...props} />,\n    h6: (props) => <Heading level={6} {...props} />,\n    code: ({ className, children, ...props }) => {\n      const isInline = !className;\n      if (isInline) {\n        return (\n          <code\n            className={cn(\n              \"not-prose mint:font-medium mint:font-mono mint:text-sm mint:bg-gray-100 mint:shadow-[0_0_0_1px_rgba(156,163,175,0.3)] mint:px-1.5 mint:py-0.5 mint:rounded mint:dark:bg-[#1f1f1f] mint:dark:shadow-[0_0_0_1px_rgba(55,65,81,0.5)]\"\n            )}\n            {...props}\n          >\n            {children}\n          </code>\n        );\n      }\n      return children;\n    },\n    pre: ({ children }) => <>{children}</>,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    a: CustomLink ? (props: any) => <CustomLink {...props} /> : Link,\n    blockquote: (props) => (\n      <blockquote\n        className={cn(\n          \"not-prose mint:border-l-4 mint:border-gray-200 mint:pl-6 mint:mb-4 mint:dark:border-l-white/20\"\n        )}\n        {...props}\n      />\n    ),\n    img: (props: React.ImgHTMLAttributes<HTMLImageElement>) => {\n      const [isZoomed, setIsZoomed] = React.useState(false);\n\n      return (\n        <>\n          <img\n            className={cn(\"mint:max-w-full mint:h-auto mint:object-contain mint:cursor-zoom-in\")}\n            onClick={() => setIsZoomed(true)}\n            {...props}\n          />\n          {isZoomed && (\n            <div\n              className=\"mint:fixed mint:inset-0 mint:z-50 mint:bg-black/90 mint:flex mint:items-center mint:justify-center mint:p-4 mint:cursor-zoom-out\"\n              onClick={() => setIsZoomed(false)}\n            >\n              <img\n                src={props.src}\n                alt={props.alt}\n                className=\"mint:max-w-full mint:max-h-full mint:object-contain mint:shadow-2xl\"\n              />\n            </div>\n          )}\n        </>\n      );\n    },\n    table: Table,\n    th: TableHead,\n    td: TableCell,\n    tr: TableRow,\n    thead: TableHeader,\n    tbody: TableBody,\n    details: Details,\n    summary: Summary,\n    ...allComponents,\n  };\n}\n\n// Export as default for backward compatibility\nexport const defaultComponents: MDXComponents = createDefaultComponents();\n"],"names":["createDefaultComponents","options","CustomLink","props","jsx","Heading","className","children","cn","Link","isZoomed","setIsZoomed","jsxs","Fragment","Table","TableHead","TableCell","TableRow","TableHeader","TableBody","Details","Summary","allComponents","defaultComponents"],"mappings":";;;;;;;AAgBO,SAASA,EACdC,IAA0C,IAC3B;AACf,QAAM,EAAE,eAAeC,EAAA,IAAeD;AAEtC,SAAO;AAAA,IACL,IAAI,CAACE,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,MAAM,CAAC,EAAE,WAAAG,GAAW,UAAAC,GAAU,GAAGJ,QACbG,IAaXC,IAVH,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAMT,KAAK,CAAC,EAAE,UAAAA,EAAA,6BAAkB,UAAAA,GAAS;AAAA;AAAA,IAEnC,GAAGL,IAAa,CAACC,wBAAgBD,GAAA,EAAY,GAAGC,GAAO,IAAKM;AAAA,IAC5D,YAAY,CAACN,MACX,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,KAAK,CAACA,MAAqD;AACzD,YAAM,CAACO,GAAUC,CAAW,IAAI,MAAM,SAAS,EAAK;AAEpD,aACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWI,EAAG,qEAAqE;AAAA,YACnF,SAAS,MAAMG,EAAY,EAAI;AAAA,YAC9B,GAAGR;AAAA,UAAA;AAAA,QAAA;AAAA,QAELO,KACC,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAMO,EAAY,EAAK;AAAA,YAEhC,UAAA,gBAAAP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKD,EAAM;AAAA,gBACX,KAAKA,EAAM;AAAA,gBACX,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,IAEJ;AAAA,IACA,OAAOW;AAAA,IACP,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,OAAOC;AAAA,IACP,OAAOC;AAAA,IACP,SAASC;AAAA,IACT,SAASC;AAAA,IACT,GAAGC;AAAA,EAAA;AAEP;AAGO,MAAMC,IAAmCvB,EAAA;"}
+{"version":3,"file":"default-components.js","sources":["../../../src/components/content-components/default-components.tsx"],"sourcesContent":["import { Details, Heading, Link, Summary, allComponents, Image } from \".\";\nimport type { MDXComponents, LinkComponent } from \"../../types\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table\";\nimport { cn } from \"../../utils/cn\";\n\nexport interface CreateDefaultComponentsOptions {\n  LinkComponent?: LinkComponent;\n}\n\nexport function createDefaultComponents(\n  options: CreateDefaultComponentsOptions = {}\n): MDXComponents {\n  const { LinkComponent: CustomLink } = options;\n\n  return {\n    h1: (props) => <Heading level={1} {...props} />,\n    h2: (props) => <Heading level={2} {...props} />,\n    h3: (props) => <Heading level={3} {...props} />,\n    h4: (props) => <Heading level={4} {...props} />,\n    h5: (props) => <Heading level={5} {...props} />,\n    h6: (props) => <Heading level={6} {...props} />,\n    code: ({ className, children, ...props }) => {\n      const isInline = !className;\n      if (isInline) {\n        return (\n          <code\n            className={cn(\n              \"not-prose mint:font-medium mint:font-mono mint:text-sm mint:bg-gray-100 mint:shadow-[0_0_0_1px_rgba(156,163,175,0.3)] mint:px-1.5 mint:py-0.5 mint:rounded mint:dark:bg-[#1f1f1f] mint:dark:shadow-[0_0_0_1px_rgba(55,65,81,0.5)]\"\n            )}\n            {...props}\n          >\n            {children}\n          </code>\n        );\n      }\n      return children;\n    },\n    pre: ({ children }) => <>{children}</>,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    a: CustomLink ? (props: any) => <CustomLink {...props} /> : Link,\n    blockquote: (props) => (\n      <blockquote\n        className={cn(\n          \"not-prose mint:border-l-4 mint:border-gray-200 mint:pl-6 mint:mb-4 mint:dark:border-l-white/20\"\n        )}\n        {...props}\n      />\n    ),\n    img: Image,\n    table: Table,\n    th: TableHead,\n    td: TableCell,\n    tr: TableRow,\n    thead: TableHeader,\n    tbody: TableBody,\n    details: Details,\n    summary: Summary,\n    ...allComponents,\n  };\n}\n\n// Export as default for backward compatibility\nexport const defaultComponents: MDXComponents = createDefaultComponents();\n"],"names":["createDefaultComponents","options","CustomLink","props","jsx","Heading","className","children","cn","Link","Image","Table","TableHead","TableCell","TableRow","TableHeader","TableBody","Details","Summary","allComponents","defaultComponents"],"mappings":";;;;;;;;AAgBO,SAASA,EACdC,IAA0C,IAC3B;AACf,QAAM,EAAE,eAAeC,EAAA,IAAeD;AAEtC,SAAO;AAAA,IACL,IAAI,CAACE,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,IAAI,CAACA,MAAU,gBAAAC,EAACC,KAAQ,OAAO,GAAI,GAAGF,GAAO;AAAA,IAC7C,MAAM,CAAC,EAAE,WAAAG,GAAW,UAAAC,GAAU,GAAGJ,QACbG,IAaXC,IAVH,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAMT,KAAK,CAAC,EAAE,UAAAA,EAAA,6BAAkB,UAAAA,GAAS;AAAA;AAAA,IAEnC,GAAGL,IAAa,CAACC,wBAAgBD,GAAA,EAAY,GAAGC,GAAO,IAAKM;AAAA,IAC5D,YAAY,CAACN,MACX,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,IAGR,KAAKO;AAAA,IACL,OAAOC;AAAA,IACP,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,OAAOC;AAAA,IACP,OAAOC;AAAA,IACP,SAASC;AAAA,IACT,SAASC;AAAA,IACT,GAAGC;AAAA,EAAA;AAEP;AAGO,MAAMC,IAAmCpB,EAAA;"}