@mintlify/common 1.0.316 → 1.0.318

package/dist/mdx/getMDXOptions.js

@@ -1,4 +1,4 @@
-import { rehypeCodeBlocks, rehypeMdxExtractEndpoint, rehypeMdxExtractExamples, rehypeParamFieldIds, rehypeRawComponents, rehypeUnicodeIds, rehypeZoomImages, remarkExtractChangelogFilters, remarkExtractTableOfContents, remarkFrames, remarkMdxInjectSnippets, remarkMdxRemoveUnusedVariables, remarkRemoveImports, } from './plugins/index.js';
+import { rehypeCodeBlocks, rehypeDynamicTailwindCss, rehypeMdxExtractEndpoint, rehypeMdxExtractExamples, rehypeParamFieldIds, rehypeRawComponents, rehypeUnicodeIds, rehypeZoomImages, remarkExtractChangelogFilters, remarkExtractTableOfContents, remarkFrames, remarkMdxInjectSnippets, remarkMdxRemoveUnusedVariables, remarkRemoveImports, } from './plugins/index.js';
 import { remarkMdxRemoveUnknownJsx } from './plugins/remark/remarkMdxRemoveUnknownJsx/index.js';
 import { remarkMermaid } from './plugins/remark/remarkMermaid.js';
 // avoid running extractors unnecessarily
@@ -30,6 +30,7 @@ export const getMDXOptions = ({ data, remarkPlugins = [], rehypePlugins = [], md
             rehypeRawComponents,
             rehypeZoomImages,
             rehypeUnicodeIds,
+            rehypeDynamicTailwindCss,
             ...rehypePlugins,
         ],
         format: 'mdx',

package/dist/mdx/plugins/rehype/index.d.ts

@@ -5,3 +5,4 @@ export * from './rehypeParamFieldIds.js';
 export * from './rehypeRawComponents.js';
 export * from './rehypeZoomImages.js';
 export * from './rehypeUnicodeIds.js';
+export * from './rehypeDynamicTailwindCss.js';

package/dist/mdx/plugins/rehype/index.js

@@ -5,3 +5,4 @@ export * from './rehypeParamFieldIds.js';
 export * from './rehypeRawComponents.js';
 export * from './rehypeZoomImages.js';
 export * from './rehypeUnicodeIds.js';
+export * from './rehypeDynamicTailwindCss.js';

package/dist/mdx/plugins/rehype/rehypeDynamicTailwindCss.d.ts

@@ -0,0 +1,3 @@
+import type { Root } from 'hast';
+export declare const MINTLIFY_TAILWIND_PREFIX = "mint-";
+export declare const rehypeDynamicTailwindCss: () => (tree: Root) => void;

package/dist/mdx/plugins/rehype/rehypeDynamicTailwindCss.js

@@ -0,0 +1,36 @@
+import { visit } from 'unist-util-visit';
+export const MINTLIFY_TAILWIND_PREFIX = 'mint-';
+export const rehypeDynamicTailwindCss = () => {
+    return (tree) => {
+        visit(tree, (node) => {
+            if ((node.type === 'mdxJsxFlowElement' || node.type === 'mdxJsxTextElement') &&
+                node.name &&
+                typeof node.name === 'string' &&
+                /^[a-z]/.test(node.name) && // check for valid html tags
+                !node.name.includes('.') &&
+                node.attributes.length > 0) {
+                const className = node.attributes.find((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'className');
+                if (className && typeof className.value === 'string') {
+                    className.value = transformClassNames(className.value);
+                }
+            }
+        });
+    };
+};
+const transformClassNames = (value) => {
+    return value
+        .split(/\s+/)
+        .map((className) => {
+        if (!className)
+            return '';
+        if (className.startsWith('[') || className.startsWith(MINTLIFY_TAILWIND_PREFIX)) {
+            return className;
+        }
+        const parts = className.split(':');
+        const baseClass = parts.pop();
+        const variants = parts;
+        const transformedClass = `${MINTLIFY_TAILWIND_PREFIX}${baseClass}`;
+        return [...variants, transformedClass].join(':');
+    })
+        .join(' ');
+};