@fumadocs/ui 16.2.5

package/dist/og/next.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageResponse } from 'next/og';
+export function generateOGImage(options) {
+    const { title, description, icon, site, primaryColor, primaryTextColor, ...rest } = options;
+    return new ImageResponse(generate({
+        title,
+        description,
+        icon,
+        site,
+        primaryTextColor,
+        primaryColor,
+    }), {
+        width: 1200,
+        height: 630,
+        ...rest,
+    });
+}
+export function generate({ primaryColor = 'rgba(255,150,255,0.3)', primaryTextColor = 'rgb(255,150,255)', ...props }) {
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            width: '100%',
+            height: '100%',
+            color: 'white',
+            padding: '4rem',
+            backgroundColor: '#0c0c0c',
+            backgroundImage: `linear-gradient(to top right, ${primaryColor}, transparent)`,
+        }, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    gap: '16px',
+                    marginBottom: '12px',
+                    color: primaryTextColor,
+                }, children: [props.icon, _jsx("p", { style: {
+                            fontSize: '56px',
+                            fontWeight: 600,
+                        }, children: props.site })] }), _jsx("p", { style: {
+                    fontWeight: 800,
+                    fontSize: '82px',
+                }, children: props.title }), _jsx("p", { style: {
+                    fontSize: '52px',
+                    color: 'rgba(240,240,240,0.8)',
+                }, children: props.description })] }));
+}

package/dist/typography/index.d.ts

@@ -0,0 +1,10 @@
+export interface Options {
+    className?: string;
+    /**
+     * Disable custom table styles
+     */
+    disableRoundedTable?: boolean;
+}
+export declare const typography: unknown;
+export default typography;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,OAAO;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmJD,eAAO,MAAM,UAAU,EAAE,OAsCxB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/typography/index.js

@@ -0,0 +1,137 @@
+import * as styles from './styles.js';
+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 = 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, ...rest }) => {
+        const prefix = rest.prefix;
+        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({
+                ...styles.DEFAULT,
+                css: [
+                    ...(styles.DEFAULT.css ?? []),
+                    styleOptions.disableRoundedTable
+                        ? styles.normalTable
+                        : styles.roundedTable,
+                ],
+            }, {
+                className,
+                modifier: 'DEFAULT',
+                prefix,
+            }),
+        });
+    };
+});
+export default typography;

package/dist/typography/styles.d.ts

@@ -0,0 +1,93 @@
+export declare const roundedTable: {
+    table: {
+        borderCollapse: string;
+        borderSpacing: string;
+        background: string;
+        borderRadius: string;
+        border: string;
+        overflow: string;
+    };
+    th: {
+        textAlign: string;
+        padding: string;
+        'border-inline-start': string;
+        background: string;
+    };
+    'th:first-child': {
+        'border-inline-start': string;
+    };
+    'th:not(tr:last-child *), td:not(tr:last-child *)': {
+        'border-bottom': string;
+    };
+    td: {
+        textAlign: string;
+        'border-inline-start': string;
+        padding: string;
+    };
+    'td:first-child': {
+        'border-inline-start': string;
+    };
+    'tfoot th, tfoot td': {
+        borderTopWidth: string;
+        borderTopColor: string;
+    };
+    'thead th, thead td': {
+        borderBottomWidth: string;
+        borderBottomColor: string;
+    };
+};
+export declare const normalTable: {
+    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;
+    };
+};
+export interface Config {
+    css?: Record<string, string | Record<string, string>>[];
+}
+export declare const DEFAULT: Config;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/typography/styles.ts"],"names":[],"mappings":"AAmCA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDvB,CAAC;AAEF,MAAM,WAAW,MAAM;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;CACzD;AAED,eAAO,MAAM,OAAO,EAAE,MA+TrB,CAAC"}