@mintlify/msft-sdk 1.1.47 → 1.1.49

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/components/Api/Markdown.js

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { InfoFilled as o, Warning20Regular as m, DismissCircle20Regular as s, Info20Regular as d, Lightbulb20Regular as c } from "@fluentui/react-icons";
 import { cn as l } from "../../utils/cn.js";
-const f = {
+const b = {
   tip: {
     icon: /* @__PURE__ */ t(c, { className: "mint:w-5 mint:h-5 mint:shrink-0" }),
     className: "mint:bg-[#f1faf1] mint:border-[#9fd89f] mint:text-[#0c5e0c] mint:dark:bg-[#052505] mint:dark:border-[#54b054] mint:dark:text-[#54b054]"
@@ -26,7 +26,7 @@ const f = {
     icon: /* @__PURE__ */ t(o, { className: "mint:w-5 mint:h-5 mint:shrink-0 mint:text-[#616161] mint:dark:text-white" }),
     className: "mint:bg-[#f9fafb] mint:border-[#d1d1d1] mint:text-[#141414] mint:dark:bg-[#141414] mint:dark:border-[#666666] mint:dark:text-white"
   }
-}, b = {
+}, f = {
   note: "Note",
   tip: "Tip",
   important: "Important",
@@ -35,7 +35,7 @@ const f = {
   nextstepaction: "Next step action"
 };
 function h({ type: i, children: e }) {
-  const n = f[i], a = b[i];
+  const n = b[i], a = f[i];
   return /* @__PURE__ */ r(
     "aside",
     {
@@ -46,8 +46,15 @@ function h({ type: i, children: e }) {
         n.className
       ),
       children: [
-        n.icon && /* @__PURE__ */ t("div", { className: "mint:flex mint:items-center mint:justify-center", "aria-hidden": "true", children: n.icon }),
-        /* @__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 })
+        n.icon && /* @__PURE__ */ t(
+          "div",
+          {
+            className: "mint:flex mint:items-start mint:justify-center mint:mt-0.5",
+            "aria-hidden": "true",
+            children: n.icon
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "mint:text-sm mint:min-w-0 mint:w-full mint:max-w-none mint:prose mint:dark:prose-invert", 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';\n\nimport { cn } from '../../utils/cn';\n\nexport type CalloutType = 'note' | 'tip' | 'important' | 'caution' | 'warning' | '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: <DismissCircle20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\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 className=\"mint:flex mint:items-center mint:justify-center\" aria-hidden=\"true\">\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":";;;AAiBA,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,MAAM,gBAAAH,EAACI,GAAA,EAAuB,WAAU,kCAAA,CAAkC;AAAA,IAC1E,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,0BACL,OAAA,EAAI,WAAU,mDAAkD,eAAY,QAC1E,YAAO,KAAA,CACV;AAAA,QAEF,gBAAAV,EAAC,OAAA,EAAI,WAAU,gIACZ,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';\n\nimport { cn } from '../../utils/cn';\n\nexport type CalloutType = 'note' | 'tip' | 'important' | 'caution' | 'warning' | '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: <DismissCircle20Regular className=\"mint:w-5 mint:h-5 mint:shrink-0\" />,\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 mint:mt-0.5\"\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\">\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":";;;AAiBA,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,MAAM,gBAAAH,EAACI,GAAA,EAAuB,WAAU,kCAAA,CAAkC;AAAA,IAC1E,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,2FACZ,UAAAS,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,30 @@
+import { jsx as s } from "react/jsx-runtime";
+import f from "katex";
+import { useState as a, useRef as l, useEffect as d } from "react";
+let u = !1;
+const m = () => {
+  if (u || typeof document > "u")
+    return;
+  const e = document.createElement("link");
+  e.rel = "stylesheet", e.href = "https://d4tuoctqmanu0.cloudfront.net/katex.min.css", e.integrity = "sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC", e.crossOrigin = "anonymous", document.head.appendChild(e), u = !0;
+};
+function C({ children: e, latex: t, className: o }) {
+  const [n, c] = a(!1), r = l(null);
+  return console.log("latex", t), d(() => {
+    m(), c(!0);
+  }, []), d(() => {
+    if (n && r.current)
+      try {
+        f.render(t, r.current, {
+          displayMode: !0,
+          throwOnError: !1
+        });
+      } catch (i) {
+        console.error("KaTeX rendering error:", i), r.current && (r.current.textContent = t);
+      }
+  }, [n, t]), n ? /* @__PURE__ */ s("div", { ref: r, className: o }) : /* @__PURE__ */ s("div", { className: o, children: e });
+}
+export {
+  C as LaTeX
+};
+//# sourceMappingURL=latex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"latex.js","sources":["../../../src/components/content-components/latex.tsx"],"sourcesContent":["'use client';\n\nimport katex from 'katex';\nimport React, { useEffect, useState, useRef } from 'react';\n\nlet katexCssLoaded = false;\n\nconst loadKatexCss = () => {\n  if (katexCssLoaded || typeof document === 'undefined') {\n    return;\n  }\n\n  const link = document.createElement('link');\n  link.rel = 'stylesheet';\n  link.href = 'https://d4tuoctqmanu0.cloudfront.net/katex.min.css';\n  link.integrity = 'sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC';\n  link.crossOrigin = 'anonymous';\n  document.head.appendChild(link);\n\n  katexCssLoaded = true;\n};\n\nexport interface LaTeXProps {\n  children: string;\n  latex: string;\n  className?: string;\n}\n\nexport function LaTeX({ children, latex, className }: LaTeXProps) {\n  const [cssLoaded, setCssLoaded] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  console.log('latex', latex);\n\n  useEffect(() => {\n    loadKatexCss();\n    setCssLoaded(true);\n  }, []);\n\n  useEffect(() => {\n    if (cssLoaded && containerRef.current) {\n      try {\n        katex.render(latex, containerRef.current, {\n          displayMode: true,\n          throwOnError: false,\n        });\n      } catch (error) {\n        console.error('KaTeX rendering error:', error);\n        if (containerRef.current) {\n          containerRef.current.textContent = latex;\n        }\n      }\n    }\n  }, [cssLoaded, latex]);\n\n  if (!cssLoaded) {\n    return <div className={className}>{children}</div>;\n  }\n\n  return <div ref={containerRef} className={className} />;\n}\n"],"names":["katexCssLoaded","loadKatexCss","link","LaTeX","children","latex","className","cssLoaded","setCssLoaded","useState","containerRef","useRef","useEffect","katex","error","jsx"],"mappings":";;;AAKA,IAAIA,IAAiB;AAErB,MAAMC,IAAe,MAAM;AACzB,MAAID,KAAkB,OAAO,WAAa;AACxC;AAGF,QAAME,IAAO,SAAS,cAAc,MAAM;AAC1C,EAAAA,EAAK,MAAM,cACXA,EAAK,OAAO,sDACZA,EAAK,YAAY,2EACjBA,EAAK,cAAc,aACnB,SAAS,KAAK,YAAYA,CAAI,GAE9BF,IAAiB;AACnB;AAQO,SAASG,EAAM,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAAyB;AAChE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAeC,EAAuB,IAAI;AAwBhD,SAvBA,QAAQ,IAAI,SAASN,CAAK,GAE1BO,EAAU,MAAM;AACd,IAAAX,EAAA,GACAO,EAAa,EAAI;AAAA,EACnB,GAAG,CAAA,CAAE,GAELI,EAAU,MAAM;AACd,QAAIL,KAAaG,EAAa;AAC5B,UAAI;AACF,QAAAG,EAAM,OAAOR,GAAOK,EAAa,SAAS;AAAA,UACxC,aAAa;AAAA,UACb,cAAc;AAAA,QAAA,CACf;AAAA,MACH,SAASI,GAAO;AACd,gBAAQ,MAAM,0BAA0BA,CAAK,GACzCJ,EAAa,YACfA,EAAa,QAAQ,cAAcL;AAAA,MAEvC;AAAA,EAEJ,GAAG,CAACE,GAAWF,CAAK,CAAC,GAEhBE,IAIE,gBAAAQ,EAAC,OAAA,EAAI,KAAKL,GAAc,WAAAJ,EAAA,CAAsB,IAH5C,gBAAAS,EAAC,OAAA,EAAI,WAAAT,GAAuB,UAAAF,EAAA,CAAS;AAIhD;"}

package/dist/components/mdx-renderer.js

@@ -5,15 +5,7 @@ import { cn as p } from "../utils/cn.js";
 import { createDefaultComponents as s } from "./content-components/default-components.js";
 function l({ children: n, components: e = {} }) {
   const { LinkComponent: t } = i(), m = { ...s({ LinkComponent: t }), ...e };
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: p(
-        "mint:min-w-0 mint:prose mint:prose-gray mint:dark:prose-invert mint:max-w-none"
-      ),
-      children: /* @__PURE__ */ o(r, { components: m, children: n })
-    }
-  );
+  return /* @__PURE__ */ o("div", { className: p("mint:min-w-0 mint:prose mint:dark:prose-invert mint:max-w-none"), children: /* @__PURE__ */ o(r, { components: m, children: n }) });
 }
 export {
   l as MDXRenderer

package/dist/components/mdx-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdx-renderer.js","sources":["../../src/components/mdx-renderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { MDXProvider } from \"@mdx-js/react\";\nimport { createDefaultComponents } from \"./content-components\";\nimport { useComponents } from \"../context/components-context\";\nimport type { MDXComponents } from \"../types\";\nimport { cn } from \"../utils/cn\";\n\ninterface MDXRendererProps {\n  children: React.ReactNode;\n  components?: MDXComponents;\n}\n\nexport function MDXRenderer({ children, components = {} }: MDXRendererProps) {\n  const { LinkComponent } = useComponents();\n  const defaultComponents = createDefaultComponents({ LinkComponent });\n  const mergedComponents = { ...defaultComponents, ...components };\n\n  return (\n    <div\n      className={cn(\n        \"mint:min-w-0 mint:prose mint:prose-gray mint:dark:prose-invert mint:max-w-none\"\n      )}\n    >\n      <MDXProvider components={mergedComponents}>{children}</MDXProvider>\n    </div>\n  );\n}\n"],"names":["MDXRenderer","children","components","LinkComponent","useComponents","mergedComponents","createDefaultComponents","jsx","cn","MDXProvider"],"mappings":";;;;;AAYO,SAASA,EAAY,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,KAAwB;AAC3E,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAEpBC,IAAmB,EAAE,GADDC,EAAwB,EAAE,eAAAH,GAAe,GAClB,GAAGD,EAAA;AAEpD,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAD,EAACE,GAAA,EAAY,YAAYJ,GAAmB,UAAAJ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG3D;"}
+{"version":3,"file":"mdx-renderer.js","sources":["../../src/components/mdx-renderer.tsx"],"sourcesContent":["import { MDXProvider } from '@mdx-js/react';\nimport React from 'react';\n\nimport { useComponents } from '../context/components-context';\nimport type { MDXComponents } from '../types';\nimport { cn } from '../utils/cn';\nimport { createDefaultComponents } from './content-components';\n\ninterface MDXRendererProps {\n  children: React.ReactNode;\n  components?: MDXComponents;\n}\n\nexport function MDXRenderer({ children, components = {} }: MDXRendererProps) {\n  const { LinkComponent } = useComponents();\n  const defaultComponents = createDefaultComponents({ LinkComponent });\n  const mergedComponents = { ...defaultComponents, ...components };\n\n  return (\n    <div className={cn('mint:min-w-0 mint:prose mint:dark:prose-invert mint:max-w-none')}>\n      <MDXProvider components={mergedComponents}>{children}</MDXProvider>\n    </div>\n  );\n}\n"],"names":["MDXRenderer","children","components","LinkComponent","useComponents","mergedComponents","createDefaultComponents","jsx","cn","MDXProvider"],"mappings":";;;;;AAaO,SAASA,EAAY,EAAE,UAAAC,GAAU,YAAAC,IAAa,CAAA,KAAwB;AAC3E,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAEpBC,IAAmB,EAAE,GADDC,EAAwB,EAAE,eAAAH,GAAe,GAClB,GAAGD,EAAA;AAEpD,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAG,gEAAgE,GACjF,UAAA,gBAAAD,EAACE,GAAA,EAAY,YAAYJ,GAAmB,UAAAJ,EAAA,CAAS,EAAA,CACvD;AAEJ;"}