fumadocs-ui 14.4.2 → 14.5.0

package/dist/tailwind-plugin.d.ts

@@ -1,6 +1,8 @@
 import type { CSSRuleObject, PresetsConfig } from 'tailwindcss/types/config';
 import { presets } from './theme/colors';
-export interface DocsUIOptions {
+import { type Options as TypographyOptions, typography } from './theme/typography';
+import type { StyleOptions } from './theme/typography/styles';
+export interface DocsUIOptions extends Pick<StyleOptions, 'disableRoundedTable'> {
     /**
      * Prefix to the variable name of colors
      *
@@ -29,10 +31,7 @@ export interface DocsUIOptions {
      * Color preset
      */
     preset?: keyof typeof presets | Preset;
-    /**
-     * Disable custom table styles
-     */
-    disableRoundedTable?: boolean;
+    typography?: TypographyOptions;
 }
 type Keys = 'background' | 'foreground' | 'muted' | 'muted-foreground' | 'popover' | 'popover-foreground' | 'card' | 'card-foreground' | 'border' | 'primary' | 'primary-foreground' | 'secondary' | 'secondary-foreground' | 'accent' | 'accent-foreground' | 'ring';
 type Theme = Record<Keys, string>;
@@ -49,5 +48,6 @@ export declare const docsUi: {
     __isOptionsFunction: true;
 };
 export declare function createPreset(options?: DocsUIOptions): PresetsConfig;
+export { typography };
 export { presets } from './theme/colors';
 //# sourceMappingURL=tailwind-plugin.d.ts.map

package/dist/tailwind-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;IAEvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,KAAK,IAAI,GACL,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,mBAAmB,GACnB,MAAM,CAAC;AAEX,KAAK,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAkDD,eAAO,MAAM,MAAM;;;cArHK,CAAC;;;CAyQxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,aAAa,CAYvE;AAED,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACL,KAAK,OAAO,IAAI,iBAAiB,EACjC,UAAU,EACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;IAEvC,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,KAAK,IAAI,GACL,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,mBAAmB,GACnB,MAAM,CAAC;AAEX,KAAK,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAkDD,eAAO,MAAM,MAAM;;;cArHH,CAAC;;;CAyQhB,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,aAAa,CAWvE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/tailwind-plugin.js

@@ -1,8 +1,7 @@
-import typography from '@tailwindcss/typography';
 import plugin from 'tailwindcss/plugin';
 import { presets } from './theme/colors';
 import { animations } from './theme/animations';
-import { typography as typographyConfig } from './theme/typography';
+import { typography, } from './theme/typography';
 function getThemeStyles(prefix, theme) {
     return Object.fromEntries(Object.entries(theme).map(([k, v]) => [variableName(prefix, k), v]));
 }
@@ -176,14 +175,14 @@ export const docsUi = plugin.withOptions(({ cssPrefix = '', preset = 'default',
 export function createPreset(options = {}) {
     return {
         darkMode: 'class',
-        plugins: [typography, docsUi(options)],
-        theme: {
-            extend: {
-                typography: {
-                    DEFAULT: typographyConfig(options),
-                },
-            },
-        },
+        plugins: [
+            typography({
+                disableRoundedTable: options.disableRoundedTable,
+                ...options.typography,
+            }),
+            docsUi(options),
+        ],
     };
 }
+export { typography };
 export { presets } from './theme/colors';

package/dist/theme/typography/index.d.ts

@@ -0,0 +1,12 @@
+import * as styles from './styles';
+export interface Options extends styles.StyleOptions {
+    className?: string;
+}
+export declare const typography: {
+    (options: Options): {
+        handler: import("tailwindcss/types/config").PluginCreator;
+        config?: Partial<import("tailwindcss/types/config").Config>;
+    };
+    __isOptionsFunction: true;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAKnC,MAAM,WAAW,OAAQ,SAAQ,MAAM,CAAC,YAAY;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmJD,eAAO,MAAM,UAAU;;;cApJlB,CAAC;;;CAqLL,CAAC"}

package/dist/theme/typography/index.js

@@ -0,0 +1,133 @@
+import * as styles from './styles';
+import plugin from 'tailwindcss/plugin';
+import merge from 'lodash.merge';
+import parser from 'postcss-selector-parser';
+function inWhere(selector, { className, prefix, modifier }) {
+    const prefixedNot = prefix(`.not-${className}`).slice(1);
+    const selectorPrefix = selector.startsWith('>')
+        ? `${modifier === 'DEFAULT' ? `.${className}` : `.${className}-${modifier}`} `
+        : '';
+    // Parse the selector, if every component ends in the same pseudo element(s) then move it to the end
+    const [trailingPseudo, rebuiltSelector] = commonTrailingPseudos(selector);
+    if (trailingPseudo) {
+        return `:where(${selectorPrefix}${rebuiltSelector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))${trailingPseudo}`;
+    }
+    return `:where(${selectorPrefix}${selector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))`;
+}
+function configToCss(config = {}, { className, modifier, prefix }) {
+    function updateSelector(k, v) {
+        if (Array.isArray(v)) {
+            return [k, v];
+        }
+        if (typeof v === 'object' && v !== null) {
+            const nested = Object.values(v).some((prop) => typeof prop === 'object');
+            if (nested) {
+                return [
+                    inWhere(k, { className, modifier, prefix }),
+                    v,
+                    Object.fromEntries(Object.entries(v).map(([k, v]) => updateSelector(k, v))),
+                ];
+            }
+            return [inWhere(k, { className, modifier, prefix }), v];
+        }
+        return [k, v];
+    }
+    const css = 'css' in config ? config.css : [];
+    return Object.fromEntries(Object.entries(merge({}, ...(Array.isArray(css) ? css : [css]))).map(([k, v]) => updateSelector(k, v)));
+}
+const parseSelector = parser();
+function commonTrailingPseudos(selector) {
+    const ast = parseSelector.astSync(selector);
+    const matrix = [];
+    // Put the pseudo elements in reverse order in a sparse, column-major 2D array
+    for (const [i, sel] of ast.nodes.entries()) {
+        for (const [j, child] of [...sel.nodes].reverse().entries()) {
+            // We only care about pseudo elements
+            if (child.type !== 'pseudo' || !child.value.startsWith('::')) {
+                break;
+            }
+            matrix[j] = matrix[j] || [];
+            matrix[j][i] = child;
+        }
+    }
+    const trailingPseudos = parser.selector({
+        value: '',
+    });
+    // At this point the pseudo elements are in a column-major 2D array
+    // This means each row contains one "column" of pseudo elements from each selector
+    // We can compare all the pseudo elements in a row to see if they are the same
+    for (const pseudos of matrix) {
+        // It's a sparse 2D array so there are going to be holes in the rows
+        // We skip those
+        if (!pseudos) {
+            continue;
+        }
+        const values = new Set(pseudos.map((p) => p.value));
+        // The pseudo elements are not the same
+        if (values.size > 1) {
+            break;
+        }
+        pseudos.forEach((pseudo) => pseudo.remove());
+        trailingPseudos.prepend(pseudos[0]);
+    }
+    if (trailingPseudos.nodes.length) {
+        return [trailingPseudos.toString(), ast.toString()];
+    }
+    return [null, selector];
+}
+const SELECTORS = [
+    ['headings', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'th'],
+    ['h1'],
+    ['h2'],
+    ['h3'],
+    ['h4'],
+    ['h5'],
+    ['h6'],
+    ['p'],
+    ['a'],
+    ['blockquote'],
+    ['figure'],
+    ['figcaption'],
+    ['strong'],
+    ['em'],
+    ['kbd'],
+    ['code'],
+    ['pre'],
+    ['ol'],
+    ['ul'],
+    ['li'],
+    ['table'],
+    ['thead'],
+    ['tr'],
+    ['th'],
+    ['td'],
+    ['img'],
+    ['video'],
+    ['hr'],
+    ['lead', '[class~="lead"]'],
+];
+export const typography = plugin.withOptions(({ className = 'prose', ...styleOptions } = {}) => {
+    return ({ addVariant, addComponents, theme, ...rest }) => {
+        const prefix = rest.prefix;
+        const modifiers = theme('typography');
+        for (const [name, ...values] of SELECTORS) {
+            const selectors = values.length === 0 ? [name] : values;
+            const selector = selectors.join(', ');
+            addVariant(`${className}-${name}`, `& :is(${inWhere(selector, {
+                prefix,
+                className,
+            })})`);
+        }
+        addComponents({
+            [`.${className}`]: configToCss(modifiers.DEFAULT(styleOptions), {
+                className,
+                modifier: 'DEFAULT',
+                prefix,
+            }),
+        });
+    };
+}, () => {
+    return {
+        theme: { typography: styles },
+    };
+});

package/dist/theme/typography/styles.d.ts

@@ -0,0 +1,486 @@
+export interface StyleOptions {
+    /**
+     * Disable custom table styles
+     */
+    disableRoundedTable?: boolean;
+}
+export declare const DEFAULT: ({ disableRoundedTable }: StyleOptions) => {
+    css: ({
+        '--tw-prose-body': string;
+        '--tw-prose-headings': string;
+        '--tw-prose-lead': string;
+        '--tw-prose-links': string;
+        '--tw-prose-bold': string;
+        '--tw-prose-counters': string;
+        '--tw-prose-bullets': string;
+        '--tw-prose-hr': string;
+        '--tw-prose-quotes': string;
+        '--tw-prose-quote-borders': string;
+        '--tw-prose-captions': string;
+        '--tw-prose-code': string;
+        '--tw-prose-th-borders': string;
+        '--tw-prose-td-borders': string;
+        '--tw-prose-kbd': string;
+        '--tw-prose-kbd-shadows': string;
+    } | {
+        table: {
+            borderCollapse: string;
+            borderSpacing: string;
+            '@apply bg-fd-card rounded-lg border overflow-hidden': string;
+        };
+        th: {
+            textAlign: string;
+            '@apply p-2.5 border-s bg-fd-muted': string;
+        };
+        'th:first-child': {
+            '@apply border-s-0': string;
+        };
+        'th:not(tr:last-child *), td:not(tr:last-child *)': {
+            '@apply border-b': string;
+        };
+        td: {
+            textAlign: string;
+            '@apply border-s p-2.5': string;
+        };
+        'td:first-child': {
+            '@apply border-s-0': string;
+        };
+        'tfoot th, tfoot td': {
+            borderTopWidth: string;
+            borderTopColor: string;
+        };
+        'thead th, thead td': {
+            borderBottomWidth: string;
+            borderBottomColor: string;
+        };
+    } | {
+        thead: {
+            borderBottomWidth: string;
+            borderBottomColor: string;
+        };
+        'thead th': {
+            verticalAlign: string;
+            paddingInlineEnd: string;
+            paddingBottom: string;
+            paddingInlineStart: string;
+        };
+        'thead th:first-child': {
+            paddingInlineStart: string;
+        };
+        'thead th:last-child': {
+            paddingInlineEnd: string;
+        };
+        'tbody td, tfoot td': {
+            paddingTop: string;
+            paddingInlineEnd: string;
+            paddingBottom: string;
+            paddingInlineStart: string;
+        };
+        'tbody td:first-child, tfoot td:first-child': {
+            paddingInlineStart: string;
+        };
+        'tbody td:last-child, tfoot td:last-child': {
+            paddingInlineEnd: string;
+        };
+        'tbody tr': {
+            borderBottomWidth: string;
+            borderBottomColor: string;
+        };
+        'tbody tr:last-child': {
+            borderBottomWidth: string;
+        };
+        'tbody td': {
+            verticalAlign: string;
+        };
+        tfoot: {
+            borderTopWidth: string;
+            borderTopColor: string;
+        };
+        'tfoot td': {
+            verticalAlign: string;
+        };
+        'th, td': {
+            textAlign: string;
+        };
+    } | {
+        color: string;
+        maxWidth: string;
+        fontSize: string;
+        lineHeight: string;
+        '[class~="lead"]': {
+            fontSize: string;
+            lineHeight: string;
+            marginTop: string;
+            marginBottom: string;
+            color: string;
+        };
+        ul: {
+            paddingInlineStart: string;
+            listStyleType: string;
+            marginTop: string;
+            marginBottom: string;
+        };
+        li: {
+            marginTop: string;
+            marginBottom: string;
+        };
+        'ol > li': {
+            paddingInlineStart: string;
+        };
+        'ul > li': {
+            paddingInlineStart: string;
+        };
+        '> ul > li p': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        '> ul > li > p:first-child': {
+            marginTop: string;
+        };
+        '> ul > li > p:last-child': {
+            marginBottom: string;
+        };
+        '> ol > li > p:first-child': {
+            marginTop: string;
+        };
+        '> ol > li > p:last-child': {
+            marginBottom: string;
+        };
+        'ul ul, ul ol, ol ul, ol ol': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        dl: {
+            marginTop: string;
+            marginBottom: string;
+        };
+        dt: {
+            color: string;
+            fontWeight: string;
+            marginTop: string;
+        };
+        dd: {
+            marginTop: string;
+            paddingInlineStart: string;
+        };
+        hr: {
+            borderColor: string;
+            borderTopWidth: number;
+            marginTop: string;
+            marginBottom: string;
+        };
+        p: {
+            marginTop: string;
+            marginBottom: string;
+        };
+        strong: {
+            color: string;
+            fontWeight: string;
+        };
+        'a strong': {
+            color: string;
+        };
+        'blockquote strong': {
+            color: string;
+        };
+        'thead th strong': {
+            color: string;
+        };
+        ol: {
+            listStyleType: string;
+            marginTop: string;
+            marginBottom: string;
+            paddingInlineStart: string;
+        };
+        'ol[type="A"]': {
+            listStyleType: string;
+        };
+        'ol[type="a"]': {
+            listStyleType: string;
+        };
+        'ol[type="A" s]': {
+            listStyleType: string;
+        };
+        'ol[type="a" s]': {
+            listStyleType: string;
+        };
+        'ol[type="I"]': {
+            listStyleType: string;
+        };
+        'ol[type="i"]': {
+            listStyleType: string;
+        };
+        'ol[type="I" s]': {
+            listStyleType: string;
+        };
+        'ol[type="i" s]': {
+            listStyleType: string;
+        };
+        'ol[type="1"]': {
+            listStyleType: string;
+        };
+        'ol > li::marker': {
+            fontWeight: string;
+            color: string;
+        };
+        'ul > li::marker': {
+            color: string;
+        };
+        blockquote: {
+            marginTop: string;
+            marginBottom: string;
+            paddingInlineStart: string;
+            fontWeight: string;
+            fontStyle: string;
+            color: string;
+            borderInlineStartWidth: string;
+            borderInlineStartColor: string;
+            quotes: string;
+        };
+        'blockquote p:first-of-type::before': {
+            content: string;
+        };
+        'blockquote p:last-of-type::after': {
+            content: string;
+        };
+        h1: {
+            color: string;
+            fontWeight: string;
+            fontSize: string;
+            marginTop: string;
+            marginBottom: string;
+            lineHeight: string;
+        };
+        'h1 strong': {
+            fontWeight: string;
+            color: string;
+        };
+        h2: {
+            color: string;
+            fontSize: string;
+            marginTop: string;
+            marginBottom: string;
+            lineHeight: string;
+            fontWeight: string;
+        };
+        'h2 strong': {
+            fontWeight: string;
+            color: string;
+        };
+        h3: {
+            color: string;
+            fontWeight: string;
+            fontSize: string;
+            marginTop: string;
+            marginBottom: string;
+            lineHeight: string;
+        };
+        'h3 strong': {
+            fontWeight: string;
+            color: string;
+        };
+        h4: {
+            color: string;
+            fontWeight: string;
+            marginTop: string;
+            marginBottom: string;
+            lineHeight: string;
+        };
+        'h4 strong': {
+            fontWeight: string;
+            color: string;
+        };
+        'hr + *': {
+            marginTop: string;
+        };
+        'h2 + *': {
+            marginTop: string;
+        };
+        'h3 + *': {
+            marginTop: string;
+        };
+        'h4 + *': {
+            marginTop: string;
+        };
+        img: {
+            marginTop: string;
+            marginBottom: string;
+        };
+        picture: {
+            display: string;
+            marginTop: string;
+            marginBottom: string;
+        };
+        'picture > img': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        video: {
+            marginTop: string;
+            marginBottom: string;
+        };
+        kbd: {
+            fontSize: string;
+            borderRadius: string;
+            paddingTop: string;
+            paddingInlineEnd: string;
+            paddingBottom: string;
+            paddingInlineStart: string;
+            fontWeight: string;
+            fontFamily: string;
+            color: string;
+            boxShadow: string;
+        };
+        code: {
+            padding: string;
+            border: string;
+            fontSize: string;
+            borderColor: string;
+            borderRadius: string;
+            fontWeight: string;
+            background: string;
+            color: string;
+        };
+        'a code': {
+            color: string;
+        };
+        'h1 code': {
+            color: string;
+        };
+        'h2 code': {
+            color: string;
+            fontSize: string;
+        };
+        'h3 code': {
+            color: string;
+            fontSize: string;
+        };
+        'h4 code': {
+            color: string;
+        };
+        'blockquote code': {
+            color: string;
+        };
+        'thead th code': {
+            color: string;
+        };
+        table: {
+            fontSize: string;
+            lineHeight: string;
+            width: string;
+            tableLayout: string;
+            marginTop: string;
+            marginBottom: string;
+        };
+        'thead th': {
+            color: string;
+            fontWeight: string;
+        };
+        figure: {
+            marginTop: string;
+            marginBottom: string;
+        };
+        'figure > *': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        figcaption: {
+            color: string;
+            fontSize: string;
+            lineHeight: string;
+            marginTop: string;
+        };
+        'a:not([data-card])': {
+            color: string;
+            transition: string;
+            fontWeight: string;
+            textDecoration: string;
+            textUnderlineOffset: string;
+            textDecorationColor: string;
+        };
+        'a:not([data-card]):hover': {
+            opacity: string;
+        };
+        '> :first-child'?: undefined;
+        '> :last-child'?: undefined;
+    } | {
+        '> :first-child': {
+            marginTop: string;
+        };
+        '> :last-child': {
+            marginBottom: string;
+        };
+        color?: undefined;
+        maxWidth?: undefined;
+        fontSize?: undefined;
+        lineHeight?: undefined;
+        '[class~="lead"]'?: undefined;
+        ul?: undefined;
+        li?: undefined;
+        'ol > li'?: undefined;
+        'ul > li'?: undefined;
+        '> ul > li p'?: undefined;
+        '> ul > li > p:first-child'?: undefined;
+        '> ul > li > p:last-child'?: undefined;
+        '> ol > li > p:first-child'?: undefined;
+        '> ol > li > p:last-child'?: undefined;
+        'ul ul, ul ol, ol ul, ol ol'?: undefined;
+        dl?: undefined;
+        dt?: undefined;
+        dd?: undefined;
+        hr?: undefined;
+        p?: undefined;
+        strong?: undefined;
+        'a strong'?: undefined;
+        'blockquote strong'?: undefined;
+        'thead th strong'?: undefined;
+        ol?: undefined;
+        'ol[type="A"]'?: undefined;
+        'ol[type="a"]'?: undefined;
+        'ol[type="A" s]'?: undefined;
+        'ol[type="a" s]'?: undefined;
+        'ol[type="I"]'?: undefined;
+        'ol[type="i"]'?: undefined;
+        'ol[type="I" s]'?: undefined;
+        'ol[type="i" s]'?: undefined;
+        'ol[type="1"]'?: undefined;
+        'ol > li::marker'?: undefined;
+        'ul > li::marker'?: undefined;
+        blockquote?: undefined;
+        'blockquote p:first-of-type::before'?: undefined;
+        'blockquote p:last-of-type::after'?: undefined;
+        h1?: undefined;
+        'h1 strong'?: undefined;
+        h2?: undefined;
+        'h2 strong'?: undefined;
+        h3?: undefined;
+        'h3 strong'?: undefined;
+        h4?: undefined;
+        'h4 strong'?: undefined;
+        'hr + *'?: undefined;
+        'h2 + *'?: undefined;
+        'h3 + *'?: undefined;
+        'h4 + *'?: undefined;
+        img?: undefined;
+        picture?: undefined;
+        'picture > img'?: undefined;
+        video?: undefined;
+        kbd?: undefined;
+        code?: undefined;
+        'a code'?: undefined;
+        'h1 code'?: undefined;
+        'h2 code'?: undefined;
+        'h3 code'?: undefined;
+        'h4 code'?: undefined;
+        'blockquote code'?: undefined;
+        'thead th code'?: undefined;
+        table?: undefined;
+        'thead th'?: undefined;
+        figure?: undefined;
+        'figure > *'?: undefined;
+        figcaption?: undefined;
+        'a:not([data-card])'?: undefined;
+        'a:not([data-card]):hover'?: undefined;
+    })[];
+};
+//# sourceMappingURL=styles.d.ts.map