@fumadocs/ui 16.4.0 → 16.4.2

package/dist/typography/styles.js

@@ -1,433 +1,347 @@
+//#region src/typography/styles.ts
 function round(num) {
-    return num
-        .toFixed(7)
-        .replace(/(\.[0-9]+?)0+$/, '$1')
-        .replace(/\.0$/, '');
+	return num.toFixed(7).replace(/(\.[0-9]+?)0+$/, "$1").replace(/\.0$/, "");
 }
 function rem(px) {
-    return `${round(px / 16)}rem`;
+	return `${round(px / 16)}rem`;
 }
 function em(px, base) {
-    return `${round(px / base)}em`;
+	return `${round(px / base)}em`;
 }
 const colors = {
-    '--tw-prose-body': 'color-mix(in oklab, var(--color-fd-foreground) 90%, transparent)',
-    '--tw-prose-headings': 'var(--color-fd-foreground)',
-    '--tw-prose-lead': `var(--color-fd-foreground)`,
-    '--tw-prose-links': `var(--color-fd-foreground)`,
-    '--tw-prose-bold': `var(--color-fd-foreground)`,
-    '--tw-prose-counters': `var(--color-fd-muted-foreground)`,
-    '--tw-prose-bullets': `var(--color-fd-muted-foreground)`,
-    '--tw-prose-hr': `var(--color-fd-border)`,
-    '--tw-prose-quotes': `var(--color-fd-foreground)`,
-    '--tw-prose-quote-borders': `var(--color-fd-border)`,
-    '--tw-prose-captions': `var(--color-fd-foreground)`,
-    '--tw-prose-code': `var(--color-fd-foreground)`,
-    '--tw-prose-th-borders': `var(--color-fd-border)`,
-    '--tw-prose-td-borders': `var(--color-fd-border)`,
-    '--tw-prose-kbd': `var(--color-fd-foreground)`,
-    '--tw-prose-kbd-shadows': `color-mix(in oklab, var(--color-fd-primary) 50%, transparent)`,
+	"--tw-prose-body": "color-mix(in oklab, var(--color-fd-foreground) 90%, transparent)",
+	"--tw-prose-headings": "var(--color-fd-foreground)",
+	"--tw-prose-lead": `var(--color-fd-foreground)`,
+	"--tw-prose-links": `var(--color-fd-foreground)`,
+	"--tw-prose-bold": `var(--color-fd-foreground)`,
+	"--tw-prose-counters": `var(--color-fd-muted-foreground)`,
+	"--tw-prose-bullets": `var(--color-fd-muted-foreground)`,
+	"--tw-prose-hr": `var(--color-fd-border)`,
+	"--tw-prose-quotes": `var(--color-fd-foreground)`,
+	"--tw-prose-quote-borders": `var(--color-fd-border)`,
+	"--tw-prose-captions": `var(--color-fd-foreground)`,
+	"--tw-prose-code": `var(--color-fd-foreground)`,
+	"--tw-prose-th-borders": `var(--color-fd-border)`,
+	"--tw-prose-td-borders": `var(--color-fd-border)`,
+	"--tw-prose-kbd": `var(--color-fd-foreground)`,
+	"--tw-prose-kbd-shadows": `color-mix(in oklab, var(--color-fd-primary) 50%, transparent)`
 };
-export const roundedTable = {
-    table: {
-        borderCollapse: 'separate',
-        borderSpacing: '0',
-        background: 'var(--color-fd-card)',
-        borderRadius: 'var(--radius-lg)',
-        border: '1px solid var(--color-fd-border)',
-        overflow: 'hidden',
-    },
-    th: {
-        textAlign: 'start',
-        padding: 'calc(var(--spacing) * 2.5)',
-        'border-inline-start': '1px solid var(--color-fd-border)',
-        background: 'var(--color-fd-muted)',
-    },
-    'th:first-child': {
-        'border-inline-start': 'none',
-    },
-    'th:not(tr:last-child *), td:not(tr:last-child *)': {
-        'border-bottom': '1px solid var(--color-fd-border)',
-    },
-    td: {
-        textAlign: 'start',
-        'border-inline-start': '1px solid var(--color-fd-border)',
-        padding: 'calc(var(--spacing) * 2.5)',
-    },
-    'td:first-child': {
-        'border-inline-start': 'none',
-    },
-    'tfoot th, tfoot td': {
-        borderTopWidth: '1px',
-        borderTopColor: 'var(--tw-prose-th-borders)',
-    },
-    'thead th, thead td': {
-        borderBottomWidth: '1px',
-        borderBottomColor: 'var(--tw-prose-th-borders)',
-    },
+const roundedTable = {
+	table: {
+		borderCollapse: "separate",
+		borderSpacing: "0",
+		background: "var(--color-fd-card)",
+		borderRadius: "var(--radius-lg)",
+		border: "1px solid var(--color-fd-border)",
+		overflow: "hidden"
+	},
+	th: {
+		textAlign: "start",
+		padding: "calc(var(--spacing) * 2.5)",
+		"border-inline-start": "1px solid var(--color-fd-border)",
+		background: "var(--color-fd-muted)"
+	},
+	"th:first-child": { "border-inline-start": "none" },
+	"th:not(tr:last-child *), td:not(tr:last-child *)": { "border-bottom": "1px solid var(--color-fd-border)" },
+	td: {
+		textAlign: "start",
+		"border-inline-start": "1px solid var(--color-fd-border)",
+		padding: "calc(var(--spacing) * 2.5)"
+	},
+	"td:first-child": { "border-inline-start": "none" },
+	"tfoot th, tfoot td": {
+		borderTopWidth: "1px",
+		borderTopColor: "var(--tw-prose-th-borders)"
+	},
+	"thead th, thead td": {
+		borderBottomWidth: "1px",
+		borderBottomColor: "var(--tw-prose-th-borders)"
+	}
 };
-export const normalTable = {
-    thead: {
-        borderBottomWidth: '1px',
-        borderBottomColor: 'var(--tw-prose-th-borders)',
-    },
-    'thead th': {
-        verticalAlign: 'bottom',
-        paddingInlineEnd: em(8, 14),
-        paddingBottom: em(8, 14),
-        paddingInlineStart: em(8, 14),
-    },
-    'thead th:first-child': {
-        paddingInlineStart: '0',
-    },
-    'thead th:last-child': {
-        paddingInlineEnd: '0',
-    },
-    'tbody td, tfoot td': {
-        paddingTop: em(8, 14),
-        paddingInlineEnd: em(8, 14),
-        paddingBottom: em(8, 14),
-        paddingInlineStart: em(8, 14),
-    },
-    'tbody td:first-child, tfoot td:first-child': {
-        paddingInlineStart: '0',
-    },
-    'tbody td:last-child, tfoot td:last-child': {
-        paddingInlineEnd: '0',
-    },
-    'tbody tr': {
-        borderBottomWidth: '1px',
-        borderBottomColor: 'var(--tw-prose-td-borders)',
-    },
-    'tbody tr:last-child': {
-        borderBottomWidth: '0',
-    },
-    'tbody td': {
-        verticalAlign: 'baseline',
-    },
-    tfoot: {
-        borderTopWidth: '1px',
-        borderTopColor: 'var(--tw-prose-th-borders)',
-    },
-    'tfoot td': {
-        verticalAlign: 'top',
-    },
-    'th, td': {
-        textAlign: 'start',
-    },
-};
-export const DEFAULT = {
-    css: [
-        {
-            color: 'var(--tw-prose-body)',
-            maxWidth: 'none',
-            fontSize: rem(16),
-            lineHeight: '1.75rem',
-            '[class~="lead"]': {
-                fontSize: em(20, 16),
-                lineHeight: round(32 / 20),
-                marginTop: em(24, 20),
-                marginBottom: em(24, 20),
-                color: 'var(--tw-prose-lead)',
-            },
-            ul: {
-                paddingInlineStart: '1rem',
-                listStyleType: 'disc',
-                marginTop: em(20, 16),
-                marginBottom: em(20, 16),
-            },
-            li: {
-                marginTop: em(8, 16),
-                marginBottom: em(8, 16),
-            },
-            'ol > li': {
-                paddingInlineStart: em(6, 16),
-            },
-            'ul > li': {
-                paddingInlineStart: '0',
-            },
-            '> ul > li p': {
-                marginTop: em(12, 16),
-                marginBottom: em(12, 16),
-            },
-            '> ul > li > p:first-child': {
-                marginTop: em(20, 16),
-            },
-            '> ul > li > p:last-child': {
-                marginBottom: em(20, 16),
-            },
-            '> ol > li > p:first-child': {
-                marginTop: em(20, 16),
-            },
-            '> ol > li > p:last-child': {
-                marginBottom: em(20, 16),
-            },
-            'ul ul, ul ol, ol ul, ol ol': {
-                marginTop: em(12, 16),
-                marginBottom: em(12, 16),
-            },
-            dl: {
-                marginTop: em(20, 16),
-                marginBottom: em(20, 16),
-            },
-            dt: {
-                color: 'var(--tw-prose-headings)',
-                fontWeight: '600',
-                marginTop: em(20, 16),
-            },
-            dd: {
-                marginTop: em(8, 16),
-                paddingInlineStart: em(26, 16),
-            },
-            hr: {
-                borderColor: 'var(--tw-prose-hr)',
-                borderTopWidth: '1px',
-                marginTop: em(48, 16),
-                marginBottom: em(48, 16),
-            },
-            p: {
-                marginTop: em(20, 16),
-                marginBottom: em(20, 16),
-            },
-            strong: {
-                color: 'var(--tw-prose-bold)',
-                fontWeight: '500',
-            },
-            'a strong': {
-                color: 'inherit',
-            },
-            'blockquote strong': {
-                color: 'inherit',
-            },
-            'thead th strong': {
-                color: 'inherit',
-            },
-            ol: {
-                listStyleType: 'decimal',
-                marginTop: em(20, 16),
-                marginBottom: em(20, 16),
-                paddingInlineStart: em(26, 16),
-            },
-            'ol[type="A"]': {
-                listStyleType: 'upper-alpha',
-            },
-            'ol[type="a"]': {
-                listStyleType: 'lower-alpha',
-            },
-            'ol[type="A" s]': {
-                listStyleType: 'upper-alpha',
-            },
-            'ol[type="a" s]': {
-                listStyleType: 'lower-alpha',
-            },
-            'ol[type="I"]': {
-                listStyleType: 'upper-roman',
-            },
-            'ol[type="i"]': {
-                listStyleType: 'lower-roman',
-            },
-            'ol[type="I" s]': {
-                listStyleType: 'upper-roman',
-            },
-            'ol[type="i" s]': {
-                listStyleType: 'lower-roman',
-            },
-            'ol[type="1"]': {
-                listStyleType: 'decimal',
-            },
-            'ol > li::marker': {
-                fontWeight: '400',
-                color: 'var(--tw-prose-counters)',
-            },
-            'ul > li::marker': {
-                color: 'var(--tw-prose-bullets)',
-            },
-            blockquote: {
-                marginTop: em(32, 20),
-                marginBottom: em(32, 20),
-                paddingInlineStart: em(20, 20),
-                fontWeight: '500',
-                fontStyle: 'italic',
-                color: 'var(--tw-prose-quotes)',
-                borderInlineStartWidth: '0.25rem',
-                borderInlineStartColor: 'var(--tw-prose-quote-borders)',
-                quotes: '"\\201C""\\201D""\\2018""\\2019"',
-            },
-            'blockquote p:first-of-type::before': {
-                content: 'open-quote',
-            },
-            'blockquote p:last-of-type::after': {
-                content: 'close-quote',
-            },
-            h1: {
-                color: 'var(--tw-prose-headings)',
-                fontWeight: '800',
-                fontSize: 'var(--text-3xl)',
-                marginTop: '0',
-                marginBottom: em(32, 36),
-                lineHeight: round(40 / 36),
-            },
-            'h1 strong': {
-                fontWeight: '900',
-                color: 'inherit',
-            },
-            h2: {
-                color: 'var(--tw-prose-headings)',
-                fontSize: em(24, 16),
-                marginTop: em(48, 24),
-                marginBottom: em(24, 24),
-                lineHeight: round(32 / 24),
-                fontWeight: '600',
-            },
-            'h2 strong': {
-                fontWeight: '800',
-                color: 'inherit',
-            },
-            h3: {
-                color: 'var(--tw-prose-headings)',
-                fontWeight: '600',
-                fontSize: em(20, 16),
-                marginTop: em(32, 20),
-                marginBottom: em(12, 20),
-                lineHeight: round(32 / 20),
-            },
-            'h3 strong': {
-                fontWeight: '700',
-                color: 'inherit',
-            },
-            h4: {
-                color: 'var(--tw-prose-headings)',
-                fontWeight: '600',
-                marginTop: em(24, 16),
-                marginBottom: em(8, 16),
-                lineHeight: round(24 / 16),
-            },
-            'h4 strong': {
-                fontWeight: '700',
-                color: 'inherit',
-            },
-            'hr + *': {
-                marginTop: '0',
-            },
-            'h2 + *': {
-                marginTop: '0',
-            },
-            'h3 + *': {
-                marginTop: '0',
-            },
-            'h4 + *': {
-                marginTop: '0',
-            },
-            img: {
-                marginTop: em(32, 16),
-                marginBottom: em(32, 16),
-            },
-            picture: {
-                display: 'block',
-                marginTop: em(32, 16),
-                marginBottom: em(32, 16),
-            },
-            'picture > img': {
-                marginTop: '0',
-                marginBottom: '0',
-            },
-            video: {
-                marginTop: em(32, 16),
-                marginBottom: em(32, 16),
-            },
-            kbd: {
-                fontSize: em(14, 16),
-                borderRadius: rem(5),
-                paddingTop: em(3, 16),
-                paddingInlineEnd: em(6, 16),
-                paddingBottom: em(3, 16),
-                paddingInlineStart: em(6, 16),
-                fontWeight: '500',
-                fontFamily: 'inherit',
-                color: 'var(--tw-prose-kbd)',
-                boxShadow: '0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows)',
-            },
-            code: {
-                padding: '3px',
-                border: 'solid 1px',
-                fontSize: '13px',
-                borderColor: `var(--color-fd-border)`,
-                borderRadius: '5px',
-                fontWeight: '400',
-                background: `var(--color-fd-muted)`,
-                color: 'var(--tw-prose-code)',
-            },
-            'a code': {
-                color: 'inherit',
-            },
-            'h1 code': {
-                color: 'inherit',
-                fontSize: 'var(--text-2xl)',
-            },
-            'h2 code': {
-                color: 'inherit',
-                fontSize: em(21, 24),
-            },
-            'h3 code': {
-                color: 'inherit',
-                fontSize: em(18, 20),
-            },
-            'h4 code': {
-                color: 'inherit',
-            },
-            'blockquote code': {
-                color: 'inherit',
-            },
-            'thead th code': {
-                color: 'inherit',
-            },
-            table: {
-                fontSize: em(14, 16),
-                lineHeight: round(24 / 14),
-                width: '100%',
-                tableLayout: 'auto',
-                marginTop: em(32, 16),
-                marginBottom: em(32, 16),
-            },
-            'thead th': {
-                color: 'var(--tw-prose-headings)',
-                fontWeight: '600',
-            },
-            figure: {
-                marginTop: em(32, 16),
-                marginBottom: em(32, 16),
-            },
-            'figure > *': {
-                marginTop: '0',
-                marginBottom: '0',
-            },
-            figcaption: {
-                color: 'var(--tw-prose-captions)',
-                fontSize: em(14, 16),
-                lineHeight: round(20 / 14),
-                marginTop: em(12, 14),
-            },
-            'a:not([data-card])': {
-                color: 'var(--tw-prose-links)',
-                transition: 'opacity .2s',
-                fontWeight: '500',
-                textDecoration: 'underline',
-                textUnderlineOffset: '3.5px',
-                textDecorationColor: 'var(--color-fd-primary)',
-                textDecorationThickness: '1.5px',
-            },
-            'a:not([data-card]):hover': {
-                opacity: '80%',
-            },
-        },
-        colors,
-        {
-            '> :first-child': {
-                marginTop: '0',
-            },
-            '> :last-child': {
-                marginBottom: '0',
-            },
-        },
-    ],
+const normalTable = {
+	thead: {
+		borderBottomWidth: "1px",
+		borderBottomColor: "var(--tw-prose-th-borders)"
+	},
+	"thead th": {
+		verticalAlign: "bottom",
+		paddingInlineEnd: em(8, 14),
+		paddingBottom: em(8, 14),
+		paddingInlineStart: em(8, 14)
+	},
+	"thead th:first-child": { paddingInlineStart: "0" },
+	"thead th:last-child": { paddingInlineEnd: "0" },
+	"tbody td, tfoot td": {
+		paddingTop: em(8, 14),
+		paddingInlineEnd: em(8, 14),
+		paddingBottom: em(8, 14),
+		paddingInlineStart: em(8, 14)
+	},
+	"tbody td:first-child, tfoot td:first-child": { paddingInlineStart: "0" },
+	"tbody td:last-child, tfoot td:last-child": { paddingInlineEnd: "0" },
+	"tbody tr": {
+		borderBottomWidth: "1px",
+		borderBottomColor: "var(--tw-prose-td-borders)"
+	},
+	"tbody tr:last-child": { borderBottomWidth: "0" },
+	"tbody td": { verticalAlign: "baseline" },
+	tfoot: {
+		borderTopWidth: "1px",
+		borderTopColor: "var(--tw-prose-th-borders)"
+	},
+	"tfoot td": { verticalAlign: "top" },
+	"th, td": { textAlign: "start" }
 };
+const DEFAULT = { css: [
+	{
+		color: "var(--tw-prose-body)",
+		maxWidth: "none",
+		fontSize: rem(16),
+		lineHeight: "1.75rem",
+		"[class~=\"lead\"]": {
+			fontSize: em(20, 16),
+			lineHeight: round(32 / 20),
+			marginTop: em(24, 20),
+			marginBottom: em(24, 20),
+			color: "var(--tw-prose-lead)"
+		},
+		ul: {
+			paddingInlineStart: "1rem",
+			listStyleType: "disc",
+			marginTop: em(20, 16),
+			marginBottom: em(20, 16)
+		},
+		li: {
+			marginTop: em(8, 16),
+			marginBottom: em(8, 16)
+		},
+		"ol > li": { paddingInlineStart: em(6, 16) },
+		"ul > li": { paddingInlineStart: "0" },
+		"> ul > li p": {
+			marginTop: em(12, 16),
+			marginBottom: em(12, 16)
+		},
+		"> ul > li > p:first-child": { marginTop: em(20, 16) },
+		"> ul > li > p:last-child": { marginBottom: em(20, 16) },
+		"> ol > li > p:first-child": { marginTop: em(20, 16) },
+		"> ol > li > p:last-child": { marginBottom: em(20, 16) },
+		"ul ul, ul ol, ol ul, ol ol": {
+			marginTop: em(12, 16),
+			marginBottom: em(12, 16)
+		},
+		dl: {
+			marginTop: em(20, 16),
+			marginBottom: em(20, 16)
+		},
+		dt: {
+			color: "var(--tw-prose-headings)",
+			fontWeight: "600",
+			marginTop: em(20, 16)
+		},
+		dd: {
+			marginTop: em(8, 16),
+			paddingInlineStart: em(26, 16)
+		},
+		hr: {
+			borderColor: "var(--tw-prose-hr)",
+			borderTopWidth: "1px",
+			marginTop: em(48, 16),
+			marginBottom: em(48, 16)
+		},
+		p: {
+			marginTop: em(20, 16),
+			marginBottom: em(20, 16)
+		},
+		strong: {
+			color: "var(--tw-prose-bold)",
+			fontWeight: "500"
+		},
+		"a strong": { color: "inherit" },
+		"blockquote strong": { color: "inherit" },
+		"thead th strong": { color: "inherit" },
+		ol: {
+			listStyleType: "decimal",
+			marginTop: em(20, 16),
+			marginBottom: em(20, 16),
+			paddingInlineStart: em(26, 16)
+		},
+		"ol[type=\"A\"]": { listStyleType: "upper-alpha" },
+		"ol[type=\"a\"]": { listStyleType: "lower-alpha" },
+		"ol[type=\"A\" s]": { listStyleType: "upper-alpha" },
+		"ol[type=\"a\" s]": { listStyleType: "lower-alpha" },
+		"ol[type=\"I\"]": { listStyleType: "upper-roman" },
+		"ol[type=\"i\"]": { listStyleType: "lower-roman" },
+		"ol[type=\"I\" s]": { listStyleType: "upper-roman" },
+		"ol[type=\"i\" s]": { listStyleType: "lower-roman" },
+		"ol[type=\"1\"]": { listStyleType: "decimal" },
+		"ol > li::marker": {
+			fontWeight: "400",
+			color: "var(--tw-prose-counters)"
+		},
+		"ul > li::marker": { color: "var(--tw-prose-bullets)" },
+		blockquote: {
+			marginTop: em(32, 20),
+			marginBottom: em(32, 20),
+			paddingInlineStart: em(20, 20),
+			fontWeight: "500",
+			fontStyle: "italic",
+			color: "var(--tw-prose-quotes)",
+			borderInlineStartWidth: "0.25rem",
+			borderInlineStartColor: "var(--tw-prose-quote-borders)",
+			quotes: "\"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\""
+		},
+		"blockquote p:first-of-type::before": { content: "open-quote" },
+		"blockquote p:last-of-type::after": { content: "close-quote" },
+		h1: {
+			color: "var(--tw-prose-headings)",
+			fontWeight: "800",
+			fontSize: "var(--text-3xl)",
+			marginTop: "0",
+			marginBottom: em(32, 36),
+			lineHeight: round(40 / 36)
+		},
+		"h1 strong": {
+			fontWeight: "900",
+			color: "inherit"
+		},
+		h2: {
+			color: "var(--tw-prose-headings)",
+			fontSize: em(24, 16),
+			marginTop: em(48, 24),
+			marginBottom: em(24, 24),
+			lineHeight: round(32 / 24),
+			fontWeight: "600"
+		},
+		"h2 strong": {
+			fontWeight: "800",
+			color: "inherit"
+		},
+		h3: {
+			color: "var(--tw-prose-headings)",
+			fontWeight: "600",
+			fontSize: em(20, 16),
+			marginTop: em(32, 20),
+			marginBottom: em(12, 20),
+			lineHeight: round(32 / 20)
+		},
+		"h3 strong": {
+			fontWeight: "700",
+			color: "inherit"
+		},
+		h4: {
+			color: "var(--tw-prose-headings)",
+			fontWeight: "600",
+			marginTop: em(24, 16),
+			marginBottom: em(8, 16),
+			lineHeight: round(24 / 16)
+		},
+		"h4 strong": {
+			fontWeight: "700",
+			color: "inherit"
+		},
+		"hr + *": { marginTop: "0" },
+		"h2 + *": { marginTop: "0" },
+		"h3 + *": { marginTop: "0" },
+		"h4 + *": { marginTop: "0" },
+		img: {
+			marginTop: em(32, 16),
+			marginBottom: em(32, 16)
+		},
+		picture: {
+			display: "block",
+			marginTop: em(32, 16),
+			marginBottom: em(32, 16)
+		},
+		"picture > img": {
+			marginTop: "0",
+			marginBottom: "0"
+		},
+		video: {
+			marginTop: em(32, 16),
+			marginBottom: em(32, 16)
+		},
+		kbd: {
+			fontSize: em(14, 16),
+			borderRadius: rem(5),
+			paddingTop: em(3, 16),
+			paddingInlineEnd: em(6, 16),
+			paddingBottom: em(3, 16),
+			paddingInlineStart: em(6, 16),
+			fontWeight: "500",
+			fontFamily: "inherit",
+			color: "var(--tw-prose-kbd)",
+			boxShadow: "0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows)"
+		},
+		code: {
+			padding: "3px",
+			border: "solid 1px",
+			fontSize: "13px",
+			borderColor: `var(--color-fd-border)`,
+			borderRadius: "5px",
+			fontWeight: "400",
+			background: `var(--color-fd-muted)`,
+			color: "var(--tw-prose-code)"
+		},
+		"a code": { color: "inherit" },
+		"h1 code": {
+			color: "inherit",
+			fontSize: "var(--text-2xl)"
+		},
+		"h2 code": {
+			color: "inherit",
+			fontSize: em(21, 24)
+		},
+		"h3 code": {
+			color: "inherit",
+			fontSize: em(18, 20)
+		},
+		"h4 code": { color: "inherit" },
+		"blockquote code": { color: "inherit" },
+		"thead th code": { color: "inherit" },
+		table: {
+			fontSize: em(14, 16),
+			lineHeight: round(24 / 14),
+			width: "100%",
+			tableLayout: "auto",
+			marginTop: em(32, 16),
+			marginBottom: em(32, 16)
+		},
+		"thead th": {
+			color: "var(--tw-prose-headings)",
+			fontWeight: "600"
+		},
+		figure: {
+			marginTop: em(32, 16),
+			marginBottom: em(32, 16)
+		},
+		"figure > *": {
+			marginTop: "0",
+			marginBottom: "0"
+		},
+		figcaption: {
+			color: "var(--tw-prose-captions)",
+			fontSize: em(14, 16),
+			lineHeight: round(20 / 14),
+			marginTop: em(12, 14)
+		},
+		"a:not([data-card])": {
+			color: "var(--tw-prose-links)",
+			transition: "opacity .2s",
+			fontWeight: "500",
+			textDecoration: "underline",
+			textUnderlineOffset: "3.5px",
+			textDecorationColor: "var(--color-fd-primary)",
+			textDecorationThickness: "1.5px"
+		},
+		"a:not([data-card]):hover": { opacity: "80%" }
+	},
+	colors,
+	{
+		"> :first-child": { marginTop: "0" },
+		"> :last-child": { marginBottom: "0" }
+	}
+] };
+
+//#endregion
+export { DEFAULT, normalTable, roundedTable };
+//# sourceMappingURL=styles.js.map