fumadocs-ui 14.6.7 → 14.6.8

package/dist/components/image-zoom.css

@@ -49,7 +49,7 @@
 
 [data-rmiz-modal-overlay='visible'] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-background) / var(--tw-bg-opacity, 1));
 }
 
 [data-rmiz-modal-content] {

package/dist/i18n.js

@@ -7,14 +7,14 @@ export function I18nProvider({ locales = [], locale, ...props }) {
     const context = useI18n();
     const router = useRouter();
     const pathname = usePathname();
-    const onChangeCallback = (locale) => {
+    const onChangeCallback = (value) => {
         const segments = pathname.split('/').filter((v) => v.length > 0);
         // If locale prefix hidden
         if (segments[0] !== locale) {
-            segments.unshift(locale);
+            segments.unshift(value);
         }
         else {
-            segments[0] = locale;
+            segments[0] = value;
         }
         router.push(`/${segments.join('/')}`);
         router.refresh();

package/dist/style.css

@@ -501,22 +501,22 @@ video {
 }
 
 :root {
-  --background: 0 0% 96%;
-  --foreground: 0 0% 3.9%;
-  --muted: 0 0% 96.1%;
-  --muted-foreground: 0 0% 45.1%;
-  --popover: 0 0% 98%;
-  --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%;
+  --fd-background: 0 0% 96%;
+  --fd-foreground: 0 0% 3.9%;
+  --fd-muted: 0 0% 96.1%;
+  --fd-muted-foreground: 0 0% 45.1%;
+  --fd-popover: 0 0% 98%;
+  --fd-popover-foreground: 0 0% 15.1%;
+  --fd-card: 0 0% 94.7%;
+  --fd-card-foreground: 0 0% 3.9%;
+  --fd-border: 0 0% 89.8%;
+  --fd-primary: 0 0% 9%;
+  --fd-primary-foreground: 0 0% 98%;
+  --fd-secondary: 0 0% 93.1%;
+  --fd-secondary-foreground: 0 0% 9%;
+  --fd-accent: 0 0% 90.1%;
+  --fd-accent-foreground: 0 0% 9%;
+  --fd-ring: 0 0% 63.9%;
   --fd-sidebar-width: 0px;
   --fd-toc-width: 0px;
   --fd-layout-width: 100vw;
@@ -530,31 +530,31 @@ video {
 }
 
 .dark {
-  --background: 0 0% 8.04%;
-  --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% 9.8%;
-  --card-foreground: 0 0% 98%;
-  --border: 0 0% 14%;
-  --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%;
+  --fd-background: 0 0% 8.04%;
+  --fd-foreground: 0 0% 92%;
+  --fd-muted: 0 0% 12.9%;
+  --fd-muted-foreground: 0 0% 60.9%;
+  --fd-popover: 0 0% 9.8%;
+  --fd-popover-foreground: 0 0% 88%;
+  --fd-card: 0 0% 9.8%;
+  --fd-card-foreground: 0 0% 98%;
+  --fd-border: 0 0% 14%;
+  --fd-primary: 0 0% 98%;
+  --fd-primary-foreground: 0 0% 9%;
+  --fd-secondary: 0 0% 12.9%;
+  --fd-secondary-foreground: 0 0% 98%;
+  --fd-accent: 0 0% 16.9%;
+  --fd-accent-foreground: 0 0% 90%;
+  --fd-ring: 0 0% 14.9%;
 }
 
 * {
-  border-color: hsl(var(--border) / 1);
+  border-color: hsl(var(--fd-border) / 1);
 }
 
 body {
-  background-color: hsl(var(--background) / 1);
-  color: hsl(var(--foreground) / 1);
+  background-color: hsl(var(--fd-background) / 1);
+  color: hsl(var(--fd-foreground) / 1);
 }
 
 .shiki code span {
@@ -603,15 +603,15 @@ body {
 .shiki .highlighted {
   margin: 0 -16px;
   padding: 0 16px;
-  background-color: hsl(var(--primary) / 10%);
+  background-color: hsl(var(--fd-primary) / 10%);
 }
 
 .shiki .highlighted-word {
   padding: 1px 2px;
   margin: -1px -3px;
   border: 1px solid;
-  border-color: hsl(var(--primary) / 50%);
-  background-color: hsl(var(--primary) / 10%);
+  border-color: hsl(var(--fd-primary) / 50%);
+  background-color: hsl(var(--fd-primary) / 10%);
   border-radius: 2px;
 }
 .container {
@@ -861,10 +861,10 @@ body {
   padding: 3px;
   border: solid 1px;
   font-size: 13px;
-  border-color: hsl(var(--border) / 1);
+  border-color: hsl(var(--fd-border) / 1);
   border-radius: 5px;
   font-weight: 400;
-  background: hsl(var(--muted) / 1);
+  background: hsl(var(--fd-muted) / 1);
   color: var(--tw-prose-code);
 }
 .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -903,7 +903,7 @@ body {
   border-radius: 0.5rem;
   border-width: 1px;
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-card) / var(--tw-bg-opacity, 1));
 }
 .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
@@ -929,28 +929,28 @@ body {
   font-weight: 400;
   text-decoration: underline;
   text-underline-offset: 2px;
-  text-decoration-color: hsl(var(--primary) / 1);
+  text-decoration-color: hsl(var(--fd-primary) / 1);
 }
 .prose :where(a:not([data-card]):hover):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   opacity: 80%;
 }
 .prose {
-  --tw-prose-body: hsl(var(--foreground) / 90%);
-  --tw-prose-headings: hsl(var(--foreground) / 1);
-  --tw-prose-lead: hsl(var(--foreground) / 1);
-  --tw-prose-links: hsl(var(--foreground) / 1);
-  --tw-prose-bold: hsl(var(--foreground) / 1);
-  --tw-prose-counters: hsl(var(--muted-foreground) / 1);
-  --tw-prose-bullets: hsl(var(--muted-foreground) / 1);
-  --tw-prose-hr: hsl(var(--border) / 1);
-  --tw-prose-quotes: hsl(var(--foreground) / 1);
-  --tw-prose-quote-borders: hsl(var(--border) / 1);
-  --tw-prose-captions: hsl(var(--foreground) / 1);
-  --tw-prose-code: hsl(var(--foreground) / 1);
-  --tw-prose-th-borders: hsl(var(--border) / 1);
-  --tw-prose-td-borders: hsl(var(--border) / 1);
-  --tw-prose-kbd: hsl(var(--foreground) / 1);
-  --tw-prose-kbd-shadows: hsl(var(--primary) / 50%);
+  --tw-prose-body: hsl(var(--fd-foreground) / 90%);
+  --tw-prose-headings: hsl(var(--fd-foreground) / 1);
+  --tw-prose-lead: hsl(var(--fd-foreground) / 1);
+  --tw-prose-links: hsl(var(--fd-foreground) / 1);
+  --tw-prose-bold: hsl(var(--fd-foreground) / 1);
+  --tw-prose-counters: hsl(var(--fd-muted-foreground) / 1);
+  --tw-prose-bullets: hsl(var(--fd-muted-foreground) / 1);
+  --tw-prose-hr: hsl(var(--fd-border) / 1);
+  --tw-prose-quotes: hsl(var(--fd-foreground) / 1);
+  --tw-prose-quote-borders: hsl(var(--fd-border) / 1);
+  --tw-prose-captions: hsl(var(--fd-foreground) / 1);
+  --tw-prose-code: hsl(var(--fd-foreground) / 1);
+  --tw-prose-th-borders: hsl(var(--fd-border) / 1);
+  --tw-prose-td-borders: hsl(var(--fd-border) / 1);
+  --tw-prose-kbd: hsl(var(--fd-foreground) / 1);
+  --tw-prose-kbd-shadows: hsl(var(--fd-primary) / 50%);
 }
 .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
   margin-top: 0;
@@ -962,7 +962,7 @@ body {
   text-align: start;
   border-inline-start-width: 1px;
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-muted) / var(--tw-bg-opacity, 1));
   padding: 0.625rem;
 }
 .prose :where(th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
@@ -1444,7 +1444,7 @@ body {
 }
 .divide-fd-border > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: hsl(var(--border) / var(--tw-divide-opacity, 1));
+  border-color: hsl(var(--fd-border) / var(--tw-divide-opacity, 1));
 }
 .overflow-auto {
   overflow: auto;
@@ -1503,7 +1503,7 @@ body {
   border-top-width: 1px;
 }
 .border-fd-foreground\/10 {
-  border-color: hsl(var(--foreground) / 0.1);
+  border-color: hsl(var(--fd-foreground) / 0.1);
 }
 .border-transparent {
   border-color: transparent;
@@ -1516,47 +1516,47 @@ body {
 }
 .bg-fd-accent {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-accent) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-background {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-background) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-background\/80 {
-  background-color: hsl(var(--background) / 0.8);
+  background-color: hsl(var(--fd-background) / 0.8);
 }
 .bg-fd-border {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--border) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-border) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-card {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-card) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-foreground\/10 {
-  background-color: hsl(var(--foreground) / 0.1);
+  background-color: hsl(var(--fd-foreground) / 0.1);
 }
 .bg-fd-muted {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-muted) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-popover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--popover) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-popover) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-primary {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-primary) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-primary\/10 {
-  background-color: hsl(var(--primary) / 0.1);
+  background-color: hsl(var(--fd-primary) / 0.1);
 }
 .bg-fd-secondary {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-secondary) / var(--tw-bg-opacity, 1));
 }
 .bg-fd-secondary\/50 {
-  background-color: hsl(var(--secondary) / 0.5);
+  background-color: hsl(var(--fd-secondary) / 0.5);
 }
 .bg-transparent {
   background-color: transparent;
@@ -1571,7 +1571,7 @@ body {
   fill: #ef4444;
 }
 .stroke-fd-foreground\/10 {
-  stroke: hsl(var(--foreground) / 0.1);
+  stroke: hsl(var(--fd-foreground) / 0.1);
 }
 .p-0 {
   padding: 0px;
@@ -1742,35 +1742,35 @@ body {
 }
 .text-fd-accent-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-accent-foreground) / var(--tw-text-opacity, 1));
 }
 .text-fd-card {
   --tw-text-opacity: 1;
-  color: hsl(var(--card) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-card) / var(--tw-text-opacity, 1));
 }
 .text-fd-card-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--card-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-card-foreground) / var(--tw-text-opacity, 1));
 }
 .text-fd-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-foreground) / var(--tw-text-opacity, 1));
 }
 .text-fd-muted-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1));
 }
 .text-fd-popover-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--popover-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-popover-foreground) / var(--tw-text-opacity, 1));
 }
 .text-fd-primary {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1));
 }
 .text-fd-secondary-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-secondary-foreground) / var(--tw-text-opacity, 1));
 }
 .underline {
   text-decoration-line: underline;
@@ -1874,8 +1874,8 @@ body {
   position: relative;
 }
 .step:before {
-  background-color: hsl(var(--secondary) / 1);
-  color: hsl(var(--secondary-foreground) / 1);
+  background-color: hsl(var(--fd-secondary) / 1);
+  color: hsl(var(--fd-secondary-foreground) / 1);
   content: counter(step);
   counter-increment: step;
   border-radius: 9999px;
@@ -1919,12 +1919,12 @@ body {
 
 .placeholder\:text-fd-muted-foreground::-moz-placeholder {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .placeholder\:text-fd-muted-foreground::placeholder {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .first\:mt-0:first-child {
@@ -1945,28 +1945,28 @@ body {
 
 .hover\:bg-fd-accent:hover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-accent) / var(--tw-bg-opacity, 1));
 }
 
 .hover\:bg-fd-accent\/50:hover {
-  background-color: hsl(var(--accent) / 0.5);
+  background-color: hsl(var(--fd-accent) / 0.5);
 }
 
 .hover\:bg-fd-accent\/80:hover {
-  background-color: hsl(var(--accent) / 0.8);
+  background-color: hsl(var(--fd-accent) / 0.8);
 }
 
 .hover\:text-fd-accent-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .hover\:text-fd-accent-foreground\/80:hover {
-  color: hsl(var(--accent-foreground) / 0.8);
+  color: hsl(var(--fd-accent-foreground) / 0.8);
 }
 
 .hover\:text-fd-popover-foreground\/50:hover {
-  color: hsl(var(--popover-foreground) / 0.5);
+  color: hsl(var(--fd-popover-foreground) / 0.5);
 }
 
 .hover\:transition-none:hover {
@@ -1986,7 +1986,7 @@ body {
 
 .focus-visible\:ring-fd-ring:focus-visible {
   --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
+  --tw-ring-color: hsl(var(--fd-ring) / var(--tw-ring-opacity, 1));
 }
 
 .disabled\:pointer-events-none:disabled {
@@ -2284,11 +2284,11 @@ body {
 
 .data-\[state\=active\]\:border-fd-primary[data-state="active"] {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
+  border-color: hsl(var(--fd-primary) / var(--tw-border-opacity, 1));
 }
 
 .data-\[state\=open\]\:bg-fd-accent\/50[data-state="open"] {
-  background-color: hsl(var(--accent) / 0.5);
+  background-color: hsl(var(--fd-accent) / 0.5);
 }
 
 .data-\[active\=true\]\:font-medium[data-active="true"] {
@@ -2297,12 +2297,12 @@ body {
 
 .data-\[active\=true\]\:text-fd-primary[data-active="true"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1));
 }
 
 .data-\[state\=active\]\:text-fd-primary[data-state="active"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-primary) / var(--tw-text-opacity, 1));
 }
 
 .group[data-state="closed"] .group-data-\[state\=closed\]\:-rotate-90 {
@@ -2326,7 +2326,7 @@ body {
 
 .dark\:bg-fd-accent:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
+  background-color: hsl(var(--fd-accent) / var(--tw-bg-opacity, 1));
 }
 
 .dark\:bg-transparent:is(.dark *) {
@@ -2335,12 +2335,12 @@ body {
 
 .dark\:text-fd-accent-foreground:is(.dark *) {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .dark\:text-fd-muted-foreground:is(.dark *) {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
+  color: hsl(var(--fd-muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 @media not all and (min-width: 1280px) {
@@ -2373,7 +2373,7 @@ body {
   }
 
   .max-md\:bg-fd-background\/80 {
-    background-color: hsl(var(--background) / 0.8);
+    background-color: hsl(var(--fd-background) / 0.8);
   }
 
   .max-md\:text-\[15px\] {

package/dist/tailwind-plugin.js

@@ -37,7 +37,7 @@ function createTailwindColors(prefix, cloneToGlobal) {
     }
     return Object.fromEntries(v.entries());
 }
-export const docsUi = plugin.withOptions(({ cssPrefix = '', preset = 'default', layoutWidth = '100vw' } = {}) => {
+export const docsUi = plugin.withOptions(({ cssPrefix = 'fd', preset = 'default', layoutWidth = '100vw' } = {}) => {
     return ({ addBase, addComponents, addUtilities }) => {
         const { light, dark, css } = typeof preset === 'string' ? presets[preset] : preset;
         addBase({
@@ -149,7 +149,7 @@ export const docsUi = plugin.withOptions(({ cssPrefix = '', preset = 'default',
             },
         });
     };
-}, ({ cssPrefix = '', modifyContainer = true, addGlobalColors = false, } = {}) => ({
+}, ({ cssPrefix = 'fd', modifyContainer = true, addGlobalColors = false, } = {}) => ({
     theme: {
         extend: {
             // Allow devs to use `container` to match with home layout

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "14.6.7",
+  "version": "14.6.8",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -68,7 +68,7 @@
     "postcss-selector-parser": "^7.0.0",
     "react-medium-image-zoom": "^5.2.12",
     "tailwind-merge": "^2.5.5",
-    "fumadocs-core": "14.6.7"
+    "fumadocs-core": "14.6.8"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^15.1.2",