@mintlify/common 1.0.477 → 1.0.478

package/dist/css/index.d.ts

@@ -0,0 +1,2 @@
+import { getDynamicTailwindCss, getTailwindSelectors } from './tailwind.js';
+export { getDynamicTailwindCss, getTailwindSelectors };

package/dist/css/index.js

@@ -0,0 +1,2 @@
+import { getDynamicTailwindCss, getTailwindSelectors } from './tailwind.js';
+export { getDynamicTailwindCss, getTailwindSelectors };

package/dist/css/tailwind.d.ts

@@ -0,0 +1,8 @@
+/** Get generated TailwindCSS from the content with prefix added to each class */
+export declare function getDynamicTailwindCss({ content, prefix, }: {
+    content: string;
+    prefix?: string;
+}): Promise<string>;
+export declare function getTailwindSelectors({ content }: {
+    content: string;
+}): Promise<string[]>;

package/dist/css/tailwind.js

@@ -0,0 +1,59 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import postcss from 'postcss';
+import tailwindcss from 'tailwindcss';
+import { MINTLIFY_TAILWIND_PREFIX } from '../index.js';
+function removeDarkClassNamePrefix(css) {
+    return css.replace(/\.mint-dark \*/g, '.dark *');
+}
+function getAllSelectors(nodes) {
+    const selectors = [];
+    for (const node of nodes) {
+        if (node.type === 'rule') {
+            selectors.push(node.selector);
+        }
+        else if (node.type === 'atrule' && node.nodes) {
+            selectors.push(...getAllSelectors(node.nodes));
+        }
+    }
+    return selectors;
+}
+function getContent(content) {
+    const extensions = ['html', 'tsx', 'mdx'];
+    return extensions.map((extension) => ({ raw: content, extension }));
+}
+/** Get generated TailwindCSS from the content with prefix added to each class */
+export function getDynamicTailwindCss(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ content, prefix = MINTLIFY_TAILWIND_PREFIX, }) {
+        const css = `@tailwind utilities;`;
+        const tailwindPlugin = tailwindcss({
+            content: getContent(content),
+            corePlugins: { preflight: false },
+            prefix,
+            darkMode: 'class',
+        });
+        const result = yield postcss([tailwindPlugin]).process(css, { from: undefined });
+        result.css = removeDarkClassNamePrefix(result.css);
+        return result.css;
+    });
+}
+export function getTailwindSelectors(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ content }) {
+        const css = `@tailwind utilities;`;
+        const tailwindPlugin = tailwindcss({
+            content: getContent(content),
+            corePlugins: { preflight: false },
+            darkMode: 'class',
+        });
+        const result = yield postcss([tailwindPlugin]).process(css, { from: undefined });
+        const selectors = getAllSelectors(result.root.nodes);
+        return selectors;
+    });
+}

package/dist/mdx/server-only/getMdx.d.ts

@@ -10,5 +10,14 @@ export type GetMdxType = {
     panelMdxSource?: SerializeSuccess;
     panelMdxSourceWithNoJs?: SerializeSuccess;
 };
-export declare function getMdx(path: string, content: string, metadata: PageMetaTags, snippets: Snippet[], subdomain: string, config: DocsConfig, tailwindSelectors: string[], pageType?: 'default' | 'pdf'): Promise<GetMdxType>;
+export declare function getMdx({ path, content, metadata, snippets, subdomain, config, tailwindSelectors, pageType, }: {
+    path: string;
+    content: string;
+    metadata: PageMetaTags;
+    snippets: Snippet[];
+    subdomain: string;
+    config: DocsConfig;
+    tailwindSelectors?: string[] | undefined;
+    pageType?: 'default' | 'pdf';
+}): Promise<GetMdxType>;
 export { createSnippetTreeMap, type Snippet };

package/dist/mdx/server-only/getMdx.js

@@ -8,10 +8,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { serialize } from '@mintlify/mdx';
+import { getTailwindSelectors } from '../../css/tailwind.js';
 import { getMDXOptions, remarkMdxRemoveJs, remarkExpandContent, remarkSplitCodeGroup, remarkSplitTabs, remarkValidateSteps, remarkValidateTabs, } from '../../index.js';
 import { createSnippetTreeMap } from './getMdx/snippets.js';
-export function getMdx(path_1, content_1, metadata_1, snippets_1, subdomain_1, config_1, tailwindSelectors_1) {
-    return __awaiter(this, arguments, void 0, function* (path, content, metadata, snippets, subdomain, config, tailwindSelectors, pageType = 'default') {
+export function getMdx(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ path, content, metadata, snippets, subdomain, config, tailwindSelectors = undefined, pageType = 'default', }) {
+        if (!tailwindSelectors)
+            tailwindSelectors = yield getTailwindSelectors({ content });
         const snippetTreeMap = yield createSnippetTreeMap(snippets);
         const mdxOptionsData = {
             subdomain,