fumadocs-ui 14.6.7 → 14.7.0

package/dist/components/image-zoom.css

@@ -47,11 +47,6 @@
   background-color: transparent;
 }
 
-[data-rmiz-modal-overlay='visible'] {
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
-}
-
 [data-rmiz-modal-content] {
   width: 100%;
   height: 100%;

package/dist/components/image-zoom.d.ts

@@ -12,5 +12,5 @@ export type ImageZoomProps = ImageProps & {
      */
     rmiz?: UncontrolledProps;
 };
-export declare function ImageZoom({ zoomInProps, children, rmiz, ...props }: ImageZoomProps): React.ReactElement;
+export declare function ImageZoom({ zoomInProps, children, rmiz, ...props }: ImageZoomProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=image-zoom.d.ts.map

package/dist/components/image-zoom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-zoom.d.ts","sourceRoot":"","sources":["../../src/components/image-zoom.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAC1B,OAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAElD;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAQF,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAoBrC"}
+{"version":3,"file":"image-zoom.d.ts","sourceRoot":"","sources":["../../src/components/image-zoom.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAC1B,OAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAElD;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAQF,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,2CAoBhB"}

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/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../src/page.tsx"],"names":[],"mappings":"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"}

package/dist/page.js

@@ -40,10 +40,7 @@ function EditOnGitHub({ owner, repo, sha, path, ...props }) {
 /**
  * Add typography styles
  */
-export const DocsBody = forwardRef((props, ref) => (_jsx("div", { ref: ref, ...props, className: cn('prose contain-content', props.className), style: {
-        contentVisibility: 'auto',
-        ...props.style,
-    } })));
+export const DocsBody = forwardRef((props, ref) => (_jsx("div", { ref: ref, ...props, className: cn('prose', props.className), children: props.children })));
 DocsBody.displayName = 'DocsBody';
 export const DocsDescription = forwardRef((props, ref) => {
     // don't render if no description provided

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,35 @@ 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);
+}
+
+[data-rmiz-modal-overlay='visible'] {
+  background-color: hsl(var(--fd-background) / 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 +607,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 +865,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 +907,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 +933,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 +966,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"] *)) {
@@ -992,6 +996,9 @@ body {
   --secondary: 0deg 0% 18%;
   --muted-foreground: 0 0% 72%;
 }
+.visible {
+  visibility: visible;
+}
 .static {
   position: static;
 }
@@ -1444,7 +1451,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 +1510,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 +1523,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 +1578,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 +1749,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;
@@ -1863,9 +1870,6 @@ body {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.contain-content {
-  contain: content;
-}
 .steps {
   counter-reset: step;
   border-left-width: 1px;
@@ -1874,8 +1878,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 +1923,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 +1949,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 +1990,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 +2288,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 +2301,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 +2330,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 +2339,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 +2377,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.d.ts

@@ -5,7 +5,7 @@ export interface DocsUIOptions extends Pick<TypographyOptions, 'disableRoundedTa
     /**
      * Prefix to the variable name of colors
      *
-     * @defaultValue ''
+     * @defaultValue 'fd'
      */
     cssPrefix?: string;
     /**

package/dist/tailwind-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACL,KAAK,OAAO,IAAI,iBAAiB,EACjC,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC;IACtD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;IAEvC,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,KAAK,IAAI,GACL,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,mBAAmB,GACnB,MAAM,CAAC;AAEX,KAAK,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAkDD,eAAO,MAAM,MAAM;;;cApHH,CAAC;;;CAyQhB,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,aAAa,CAWvE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACL,KAAK,OAAO,IAAI,iBAAiB,EACjC,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC;IACtD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;IAEvC,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,KAAK,IAAI,GACL,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,kBAAkB,GAClB,SAAS,GACT,oBAAoB,GACpB,MAAM,GACN,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,WAAW,GACX,sBAAsB,GACtB,QAAQ,GACR,mBAAmB,GACnB,MAAM,CAAC;AAEX,KAAK,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAkDD,eAAO,MAAM,MAAM;;;cApHH,CAAC;;;CA6QhB,CAAC;AAEF,wBAAgB,YAAY,CAAC,OAAO,GAAE,aAAkB,GAAG,aAAa,CAWvE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

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({
@@ -58,6 +58,9 @@ export const docsUi = plugin.withOptions(({ cssPrefix = '', preset = 'default',
             '*': {
                 'border-color': `theme('colors.fd-border')`,
             },
+            "[data-rmiz-modal-overlay='visible']": {
+                'background-color': `theme('colors.fd-background')`,
+            },
             body: {
                 'background-color': `theme('colors.fd-background')`,
                 color: `theme('colors.fd-foreground')`,
@@ -149,7 +152,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.7.0",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -66,17 +66,17 @@
     "lucide-react": "^0.469.0",
     "next-themes": "^0.4.4",
     "postcss-selector-parser": "^7.0.0",
-    "react-medium-image-zoom": "^5.2.12",
-    "tailwind-merge": "^2.5.5",
-    "fumadocs-core": "14.6.7"
+    "react-medium-image-zoom": "^5.2.13",
+    "tailwind-merge": "^2.6.0",
+    "fumadocs-core": "14.7.0"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.1.2",
+    "@next/eslint-plugin-next": "^15.1.3",
     "@types/lodash.merge": "^4.6.9",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
     "autoprefixer": "^10.4.20",
-    "next": "15.1.2",
+    "next": "15.1.3",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "tailwindcss": "^3.4.17",