@fumadocs/ui 16.2.5

package/dist/typography/styles.js

@@ -0,0 +1,433 @@
+function round(num) {
+    return num
+        .toFixed(7)
+        .replace(/(\.[0-9]+?)0+$/, '$1')
+        .replace(/\.0$/, '');
+}
+function rem(px) {
+    return `${round(px / 16)}rem`;
+}
+function em(px, base) {
+    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)`,
+};
+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)',
+    },
+};
+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',
+            },
+        },
+    ],
+};

package/dist/urls.d.ts

@@ -0,0 +1,6 @@
+export declare function normalize(urlOrPath: string): string;
+/**
+ * @returns if `href` is matching the given pathname
+ */
+export declare function isActive(href: string, pathname: string, nested?: boolean): boolean;
+//# sourceMappingURL=urls.d.ts.map

package/dist/urls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urls.d.ts","sourceRoot":"","sources":["../src/urls.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,SAAS,EAAE,MAAM,UAI1C;AAED;;GAEG;AACH,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,MAAM,UAAO,GACZ,OAAO,CAKT"}

package/dist/urls.js

@@ -0,0 +1,13 @@
+export function normalize(urlOrPath) {
+    if (urlOrPath.length > 1 && urlOrPath.endsWith('/'))
+        return urlOrPath.slice(0, -1);
+    return urlOrPath;
+}
+/**
+ * @returns if `href` is matching the given pathname
+ */
+export function isActive(href, pathname, nested = true) {
+    href = normalize(href);
+    pathname = normalize(pathname);
+    return href === pathname || (nested && pathname.startsWith(`${href}/`));
+}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@fumadocs/ui",
+  "version": "16.2.5",
+  "description": "The low-level primitives for Fumadocs UI.",
+  "keywords": [
+    "Fumadocs",
+    "Docs"
+  ],
+  "homepage": "https://fumadocs.dev",
+  "repository": "github:fuma-nama/fumadocs",
+  "license": "MIT",
+  "author": "Fuma Nama",
+  "type": "module",
+  "exports": {
+    "./css/*": "./css/*",
+    "./*": {
+      "import": "./dist/*.js",
+      "types": "./dist/*.d.ts"
+    }
+  },
+  "files": [
+    "dist/*",
+    "css/*"
+  ],
+  "dependencies": {
+    "lodash.merge": "^4.6.2",
+    "next-themes": "^0.4.6",
+    "postcss-selector-parser": "^7.1.1",
+    "tailwind-merge": "^3.4.0",
+    "fumadocs-core": "16.2.5"
+  },
+  "devDependencies": {
+    "@types/bun": "^1.3.4",
+    "@types/lodash.merge": "^4.6.9",
+    "@types/node": "^24.10.2",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "class-variance-authority": "^0.7.1",
+    "next": "16.0.10",
+    "tailwindcss": "^4.1.18",
+    "tsc-alias": "^1.8.16",
+    "@fumadocs/cli": "1.1.0",
+    "eslint-config-custom": "0.0.0",
+    "fumadocs-core": "16.2.5",
+    "tsconfig": "0.0.0"
+  },
+  "peerDependencies": {
+    "@types/react": "*",
+    "next": "16.x.x",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tailwindcss": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json",
+    "clean": "rimraf dist",
+    "dev": "concurrently \"tsc -w --project tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\"",
+    "lint": "eslint .",
+    "types:check": "tsc --noEmit"
+  }
+}