fumadocs-ui 14.2.0 → 14.3.0

package/dist/theme/animations.d.ts

@@ -0,0 +1,170 @@
+export declare const animations: {
+    keyframes: {
+        'fd-collapsible-down': {
+            from: {
+                height: string;
+                opacity: string;
+            };
+            to: {
+                height: string;
+            };
+        };
+        'fd-collapsible-up': {
+            from: {
+                height: string;
+            };
+            to: {
+                height: string;
+                opacity: string;
+            };
+        };
+        'fd-accordion-down': {
+            from: {
+                height: string;
+                opacity: string;
+            };
+            to: {
+                height: string;
+            };
+        };
+        'fd-accordion-up': {
+            from: {
+                height: string;
+            };
+            to: {
+                height: string;
+                opacity: string;
+            };
+        };
+        'fd-dialog-in': {
+            from: {
+                transform: string;
+                opacity: string;
+            };
+            to: {
+                transform: string;
+            };
+        };
+        'fd-dialog-out': {
+            from: {
+                transform: string;
+            };
+            to: {
+                transform: string;
+                opacity: string;
+            };
+        };
+        'fd-popover-in': {
+            from: {
+                opacity: string;
+                transform: string;
+            };
+            to: {
+                opacity: string;
+                transform: string;
+            };
+        };
+        'fd-popover-out': {
+            from: {
+                opacity: string;
+                transform: string;
+            };
+            to: {
+                opacity: string;
+                transform: string;
+            };
+        };
+        'fd-fade-in': {
+            from: {
+                opacity: string;
+            };
+            to: {
+                opacity: string;
+            };
+        };
+        'fd-fade-out': {
+            to: {
+                opacity: string;
+            };
+        };
+        'fd-enterFromRight': {
+            from: {
+                opacity: string;
+                transform: string;
+            };
+            to: {
+                opacity: string;
+                transform: string;
+            };
+        };
+        'fd-enterFromLeft': {
+            from: {
+                opacity: string;
+                transform: string;
+            };
+            to: {
+                opacity: string;
+                transform: string;
+            };
+        };
+        'fd-exitToRight': {
+            from: {
+                opacity: string;
+                transform: string;
+            };
+            to: {
+                opacity: string;
+                transform: string;
+            };
+        };
+        'fd-exitToLeft': {
+            from: {
+                opacity: string;
+                transform: string;
+            };
+            to: {
+                opacity: string;
+                transform: string;
+            };
+        };
+        'fd-nav-menu-in': {
+            from: {
+                opacity: string;
+                height: string;
+            };
+            to: {
+                opacity: string;
+                height: string;
+            };
+        };
+        'fd-nav-menu-out': {
+            from: {
+                opacity: string;
+                height: string;
+            };
+            to: {
+                opacity: string;
+                height: string;
+            };
+        };
+    };
+    animation: {
+        'fd-fade-in': string;
+        'fd-fade-out': string;
+        'fd-dialog-in': string;
+        'fd-dialog-out': string;
+        'fd-popover-in': string;
+        'fd-popover-out': string;
+        'fd-collapsible-down': string;
+        'fd-collapsible-up': string;
+        'fd-accordion-down': string;
+        'fd-accordion-up': string;
+        'fd-nav-menu-in': string;
+        'fd-nav-menu-out': string;
+        'fd-enterFromLeft': string;
+        'fd-enterFromRight': string;
+        'fd-exitToLeft': string;
+        'fd-exitToRight': string;
+    };
+};
+//# sourceMappingURL=animations.d.ts.map

package/dist/theme/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/theme/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGtB,CAAC"}

package/dist/theme/animations.js

@@ -0,0 +1,95 @@
+export const animations = {
+    keyframes: {
+        'fd-collapsible-down': {
+            from: { height: '0', opacity: '0' },
+            to: {
+                height: 'var(--radix-collapsible-content-height)',
+            },
+        },
+        'fd-collapsible-up': {
+            from: {
+                height: 'var(--radix-collapsible-content-height)',
+            },
+            to: { height: '0', opacity: '0' },
+        },
+        'fd-accordion-down': {
+            from: { height: '0', opacity: '0.5' },
+            to: { height: 'var(--radix-accordion-content-height)' },
+        },
+        'fd-accordion-up': {
+            from: { height: 'var(--radix-accordion-content-height)' },
+            to: { height: '0', opacity: '0.5' },
+        },
+        'fd-dialog-in': {
+            from: { transform: 'scale(0.95) translate(-50%, 0)', opacity: '0' },
+            to: { transform: 'scale(1) translate(-50%, 0)' },
+        },
+        'fd-dialog-out': {
+            from: { transform: 'scale(1) translate(-50%, 0)' },
+            to: { transform: 'scale(0.95) translateY(-50%, 0)', opacity: '0' },
+        },
+        'fd-popover-in': {
+            from: { opacity: '0', transform: 'scale(0.95) translateY(-10px)' },
+            to: { opacity: '1', transform: 'scale(1) translateY(0)' },
+        },
+        'fd-popover-out': {
+            from: { opacity: '1', transform: 'scale(1) translateY(0)' },
+            to: { opacity: '0', transform: 'scale(0.95) translateY(-10px)' },
+        },
+        'fd-fade-in': {
+            from: { opacity: '0' },
+            to: { opacity: '1' },
+        },
+        'fd-fade-out': {
+            to: { opacity: '0' },
+        },
+        'fd-enterFromRight': {
+            from: { opacity: '0', transform: 'translateX(200px)' },
+            to: { opacity: '1', transform: 'translateX(0)' },
+        },
+        'fd-enterFromLeft': {
+            from: { opacity: '0', transform: 'translateX(-200px)' },
+            to: { opacity: '1', transform: 'translateX(0)' },
+        },
+        'fd-exitToRight': {
+            from: { opacity: '1', transform: 'translateX(0)' },
+            to: { opacity: '0', transform: 'translateX(200px)' },
+        },
+        'fd-exitToLeft': {
+            from: { opacity: '1', transform: 'translateX(0)' },
+            to: { opacity: '0', transform: 'translateX(-200px)' },
+        },
+        'fd-nav-menu-in': {
+            from: { opacity: '0', height: '0px' },
+            to: {
+                opacity: '1',
+                height: 'var(--radix-navigation-menu-viewport-height)',
+            },
+        },
+        'fd-nav-menu-out': {
+            from: {
+                opacity: '1',
+                height: 'var(--radix-navigation-menu-viewport-height)',
+            },
+            to: { opacity: '0', height: '0px' },
+        },
+    },
+    animation: {
+        'fd-fade-in': 'fd-fade-in 300ms ease',
+        'fd-fade-out': 'fd-fade-out 300ms ease',
+        'fd-dialog-in': 'fd-dialog-in 200ms cubic-bezier(0.32, 0.72, 0, 1)',
+        'fd-dialog-out': 'fd-dialog-out 300ms cubic-bezier(0.32, 0.72, 0, 1)',
+        'fd-popover-in': 'fd-popover-in 150ms ease',
+        'fd-popover-out': 'fd-popover-out 150ms ease',
+        'fd-collapsible-down': 'fd-collapsible-down 150ms ease-out',
+        'fd-collapsible-up': 'fd-collapsible-up 150ms ease-out',
+        'fd-accordion-down': 'fd-accordion-down 200ms ease-out',
+        'fd-accordion-up': 'fd-accordion-up 200ms ease-out',
+        'fd-nav-menu-in': 'fd-nav-menu-in 200ms ease',
+        'fd-nav-menu-out': 'fd-nav-menu-out 200ms ease',
+        'fd-enterFromLeft': 'fd-enterFromLeft 250ms ease',
+        'fd-enterFromRight': 'fd-enterFromRight 250ms ease',
+        'fd-exitToLeft': 'fd-exitToLeft 250ms ease',
+        'fd-exitToRight': 'fd-exitToRight 250ms ease',
+    },
+};

package/dist/theme/colors.d.ts

@@ -0,0 +1,11 @@
+import type { Preset } from '../tailwind-plugin';
+export declare const presets: {
+    vitepress: Preset;
+    purple: Preset;
+    default: Preset;
+    ocean: Preset;
+    catppuccin: Preset;
+    neutral: Preset;
+    dusk: Preset;
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/theme/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAyUhD,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC"}

package/dist/theme/colors.js

@@ -0,0 +1,327 @@
+const defaultPreset = {
+    light: {
+        background: '0 0% 98%',
+        foreground: '0 0% 3.9%',
+        muted: '0 0% 96.1%',
+        'muted-foreground': '0 0% 45.1%',
+        popover: '0 0% 100%',
+        'popover-foreground': '0 0% 15.1%',
+        card: '0 0% 99.7%',
+        'card-foreground': '0 0% 3.9%',
+        border: '0 0% 89.8%',
+        primary: '0 0% 9%',
+        'primary-foreground': '0 0% 98%',
+        secondary: '0 0% 96.1%',
+        'secondary-foreground': '0 0% 9%',
+        accent: '0 0% 94.1%',
+        'accent-foreground': '0 0% 9%',
+        ring: '0 0% 63.9%',
+    },
+    dark: {
+        background: '0 0% 3.9%',
+        foreground: '0 0% 94%',
+        muted: '0 0% 12.9%',
+        'muted-foreground': '0 0% 60.9%',
+        popover: '0 0% 7%',
+        'popover-foreground': '0 0% 88%',
+        card: '0 0% 6.0%',
+        'card-foreground': '0 0% 98%',
+        border: '0 0% 15%',
+        primary: '0 0% 98%',
+        'primary-foreground': '0 0% 9%',
+        secondary: '0 0% 12.9%',
+        'secondary-foreground': '0 0% 98%',
+        accent: '0 0% 12.9%',
+        'accent-foreground': '0 0% 98%',
+        ring: '0 0% 14.9%',
+    },
+};
+const oceanPreset = {
+    light: {
+        background: '0 0% 98%',
+        foreground: '0 0% 3.9%',
+        muted: '220 90% 96.1%',
+        'muted-foreground': '0 0% 45.1%',
+        popover: '0 0% 98%',
+        'popover-foreground': '0 0% 15.1%',
+        card: '220 50% 98%',
+        'card-foreground': '0 0% 3.9%',
+        border: '220 50% 89.8%',
+        primary: '210 80% 20.2%',
+        'primary-foreground': '0 0% 98%',
+        secondary: '220 90% 96.1%',
+        'secondary-foreground': '0 0% 9%',
+        accent: '220 50% 94.1%',
+        'accent-foreground': '0 0% 9%',
+        ring: '220 100% 63.9%',
+    },
+    dark: {
+        'card-foreground': '220 60% 94.5%',
+        'primary-foreground': '0 0% 9%',
+        'secondary-foreground': '220 80% 90%',
+        ring: '205 100% 85%',
+        card: '220 50% 10%',
+        muted: '220 50% 10%',
+        'muted-foreground': '220 30% 65%',
+        'accent-foreground': '220 80% 90%',
+        popover: '220 50% 10%',
+        'popover-foreground': '220 30% 65%',
+        accent: '220 40% 20%',
+        secondary: '220 50% 20%',
+        background: '220 60% 6%',
+        foreground: '220 60% 94.5%',
+        primary: '205 100% 85%',
+        border: '220 50% 20%',
+    },
+    css: {
+        '.dark body': {
+            'background-image': 'linear-gradient(rgba(5, 105, 255, 0.15), transparent 20rem, transparent)',
+            'background-repeat': 'no-repeat',
+        },
+    },
+};
+const neutral = {
+    light: {
+        background: '0 0% 96%',
+        foreground: '0 0% 3.9%',
+        muted: '0 0% 96.1%',
+        'muted-foreground': '0 0% 45.1%',
+        popover: '0 0% 100%',
+        'popover-foreground': '0 0% 15.1%',
+        card: '0 0% 94.7%',
+        'card-foreground': '0 0% 3.9%',
+        border: '0 0% 89.8%',
+        primary: '0 0% 9%',
+        'primary-foreground': '0 0% 98%',
+        secondary: '0 0% 93.1%',
+        'secondary-foreground': '0 0% 9%',
+        accent: '0 0% 90.1%',
+        'accent-foreground': '0 0% 9%',
+        ring: '0 0% 63.9%',
+    },
+    dark: {
+        background: '0 0% 8.9%',
+        foreground: '0 0% 92%',
+        muted: '0 0% 12.9%',
+        'muted-foreground': '0 0% 60.9%',
+        popover: '0 0% 9.8%',
+        'popover-foreground': '0 0% 88%',
+        card: '0 0% 10%',
+        'card-foreground': '0 0% 98%',
+        border: '0 0% 18%',
+        primary: '0 0% 98%',
+        'primary-foreground': '0 0% 9%',
+        secondary: '0 0% 12.9%',
+        'secondary-foreground': '0 0% 98%',
+        accent: '0 0% 16.9%',
+        'accent-foreground': '0 0% 90%',
+        ring: '0 0% 14.9%',
+    },
+    css: {
+        '#nd-sidebar': {
+            '--muted': '0deg 0% 89%',
+            '--secondary': '0deg 0% 99%',
+            '--muted-foreground': '0 0% 30%',
+        },
+        '.dark #nd-sidebar': {
+            '--muted': '0deg 0% 16%',
+            '--secondary': '0deg 0% 18%',
+            '--muted-foreground': '0 0% 72%',
+        },
+    },
+};
+const catppuccin = {
+    light: {
+        popover: '220deg 22% 92%',
+        'popover-foreground': '234deg 16% 35%',
+        'secondary-foreground': '234deg 16% 35%',
+        border: '223deg 16% 83%',
+        primary: '266deg 85% 58%',
+        'primary-foreground': '234deg 16% 35%',
+        muted: '220deg 22% 92%',
+        card: '220deg 22% 92%',
+        accent: '223deg 16% 83%',
+        'accent-foreground': '234deg 16% 35%',
+        'card-foreground': '234deg 16% 35%',
+        'muted-foreground': '233deg 10% 47%',
+        foreground: '234deg 16% 35%',
+        secondary: '220deg 22% 92%',
+        background: '220deg 23% 95%',
+        ring: '267deg 84% 81%',
+    },
+    dark: {
+        ring: '267deg 84% 81%',
+        primary: '267deg 84% 81%',
+        background: '240deg 21% 15%',
+        foreground: '226deg 64% 88%',
+        popover: '240deg 23% 9%',
+        card: '240deg 21% 12%',
+        muted: '240deg 21% 12%',
+        border: '237deg 16% 23%',
+        accent: '237deg 16% 23%',
+        secondary: '240deg 21% 12%',
+        'primary-foreground': '240deg 23% 9%',
+        'card-foreground': '226deg 64% 88%',
+        'secondary-foreground': '226deg 64% 88%',
+        'popover-foreground': '226deg 64% 88%',
+        'accent-foreground': '226deg 64% 88%',
+        'muted-foreground': '228deg 24% 72%',
+    },
+    css: {
+        '#nd-sidebar': {
+            '--secondary': '223deg 16% 83%',
+            '--muted': '223deg 16% 83%',
+        },
+        '.dark #nd-sidebar': {
+            '--secondary': '237deg 16% 23%',
+            '--muted': '237deg 16% 23%',
+        },
+    },
+};
+const purple = {
+    light: {
+        background: '256 100% 96%',
+        primary: '270 100% 52%',
+        border: '270 40% 80%',
+        accent: '270 60% 86%',
+        'accent-foreground': '270 100% 20%',
+        muted: '256 60% 94%',
+        'muted-foreground': '256 50% 50%',
+        foreground: '256 60% 26%',
+        secondary: '270 60% 90%',
+        'secondary-foreground': '256 60% 10%',
+        card: '256 60% 92%',
+        'card-foreground': '256 100% 20%',
+        'popover-foreground': '256 100% 20%',
+        popover: '256 60% 96%',
+        'primary-foreground': '270 100% 20%',
+        ring: '270 100% 52%',
+    },
+    dark: {
+        background: '256 60% 6%',
+        primary: '270 100% 86%',
+        border: '270 100% 20%',
+        accent: '256 60% 26%',
+        'accent-foreground': '270 100% 86%',
+        muted: '256 60% 10%',
+        foreground: '256 60% 90%',
+        'muted-foreground': '256 50% 75%',
+        secondary: '270 100% 20%',
+        'secondary-foreground': '256 60% 90%',
+        card: '256 60% 10%',
+        'card-foreground': '256 60% 90%',
+        'popover-foreground': '256 60% 90%',
+        popover: '256 60% 6%',
+        'primary-foreground': '256 60% 6%',
+        ring: '270 100% 86%',
+    },
+};
+const dusk = {
+    light: {
+        background: '250 20% 92%',
+        primary: '340 40% 48%',
+        border: '240 40% 90%',
+        accent: '250 30% 90%',
+        'accent-foreground': '250 20% 20%',
+        muted: '240 30% 94%',
+        'muted-foreground': '240 10% 50%',
+        foreground: '220 20% 30%',
+        secondary: '250 40% 94%',
+        'secondary-foreground': '240 40% 10%',
+        card: '250 20% 92%',
+        'card-foreground': '250 20% 20%',
+        'popover-foreground': '250 40% 20%',
+        popover: '250 40% 96%',
+        'primary-foreground': '240 80% 20%',
+        ring: '340 40% 48%',
+    },
+    dark: {
+        ring: '340 100% 90%',
+        'primary-foreground': '240 40% 4%',
+        popover: '240 20% 5%',
+        'popover-foreground': '250 20% 90%',
+        primary: '340 100% 90%',
+        border: '220 15% 15%',
+        background: '220 15% 6%',
+        foreground: '220 15% 87%',
+        muted: '220 20% 15%',
+        'muted-foreground': '220 15% 60%',
+        accent: '250 20% 15%',
+        secondary: '240 20% 15%',
+        'card-foreground': '240 15% 87%',
+        card: '240 20% 5%',
+        'secondary-foreground': '250 20% 90%',
+        'accent-foreground': '340 5% 90%',
+    },
+    css: {
+        '#nd-sidebar': {
+            backgroundColor: 'hsl(250 20% 90%)',
+        },
+        '.dark #nd-sidebar': {
+            backgroundColor: 'hsl(240 20% 5%)',
+        },
+    },
+};
+const vitepress = {
+    light: {
+        ...defaultPreset.light,
+        background: '0 0% 100%',
+        card: '0 0% 100%',
+        foreground: '240 6% 25%',
+        'muted-foreground': '240 6% 50%',
+        secondary: '240 6% 97%',
+        'accent-foreground': '240 6% 25%',
+        primary: '226 55% 45%',
+    },
+    dark: {
+        ring: '234 100% 83%',
+        primary: '234 100% 83%',
+        'secondary-foreground': '60 100% 98%',
+        'card-foreground': '60 100% 98%',
+        background: '240 7% 11%',
+        foreground: '60 100% 98%',
+        popover: '240 7% 11%',
+        'popover-foreground': '60 100% 98%',
+        'primary-foreground': '240 7% 11%',
+        card: '240 7% 11%',
+        muted: '0 0% 13%',
+        border: '240 4% 19%',
+        accent: '0 0% 15%',
+        secondary: '240 4% 9%',
+        'accent-foreground': '0 0% 100%',
+        'muted-foreground': '240 4% 65%',
+    },
+    css: {
+        '.prose': {
+            '--tw-prose-body': 'theme(colors.fd-foreground / 85%)',
+            '--tw-prose-headings': 'theme(colors.fd-foreground / 85%)',
+            '--tw-prose-links': 'theme(colors.fd-primary.DEFAULT)',
+            '--tw-prose-code': 'theme(colors.fd-primary.DEFAULT)',
+        },
+        '.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))': {
+            border: 'none',
+            backgroundColor: 'theme(colors.fd-primary.DEFAULT / 10%)',
+        },
+        '#nd-sidebar': {
+            backgroundColor: 'hsl(240 6% 97%)',
+        },
+        '.dark #nd-sidebar': {
+            backgroundColor: 'hsl(240 4% 9%)',
+        },
+        '#nd-sidebar > div': {
+            borderColor: 'transparent',
+        },
+        'button[data-search-full]': {
+            backgroundColor: 'theme(colors.fd-background)',
+        },
+    },
+};
+export const presets = {
+    vitepress,
+    purple,
+    default: defaultPreset,
+    ocean: oceanPreset,
+    catppuccin,
+    neutral,
+    dusk,
+};

package/dist/theme/typography.d.ts

@@ -0,0 +1,70 @@
+export declare const typography: {
+    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;
+        '--tw-prose-pre-bg': boolean;
+        '--tw-prose-pre-code': boolean;
+        fontSize: string;
+        maxWidth: string;
+        a: boolean;
+        'a:hover': boolean;
+        'a:not([data-card])': {
+            color: string;
+            transition: string;
+            fontWeight: string;
+            textDecoration: string;
+            textUnderlineOffset: string;
+            textDecorationColor: string;
+        };
+        'a:not([data-card]):hover': {
+            opacity: string;
+        };
+        table: {
+            fontSize: string;
+        };
+        'thead th': {
+            textAlign: string;
+        };
+        h2: {
+            fontWeight: string;
+        };
+        code: {
+            padding: string;
+            border: string;
+            fontSize: string;
+            borderColor: string;
+            borderRadius: string;
+            fontWeight: string;
+            background: string;
+        };
+        kbd: {
+            boxShadow: string;
+        };
+        ul: {
+            paddingInlineStart: string;
+        };
+        'ul > li': {
+            paddingInlineStart: string;
+        };
+        'pre code': boolean;
+        'pre code::after': boolean;
+        'pre code::before': boolean;
+        'code::after': boolean;
+        'code::before': boolean;
+    };
+};
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEtB,CAAC"}