fumadocs-ui 15.3.2 → 15.3.4

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -68,18 +68,22 @@
     --color-fd-diff-add-symbol: rgb(10, 200, 100);
     --animate-fd-fade-in: fd-fade-in 300ms ease;
     --animate-fd-fade-out: fd-fade-out 300ms ease;
-    --animate-fd-dialog-in: fd-dialog-in 200ms cubic-bezier(0.32, 0.72, 0, 1);
-    --animate-fd-dialog-out: fd-dialog-out 300ms cubic-bezier(0.32, 0.72, 0, 1);
+    --animate-fd-dialog-in: fd-dialog-in 240ms cubic-bezier(0.16, 1, 0.3, 1);
+    --animate-fd-dialog-out: fd-dialog-out 240ms cubic-bezier(0.16, 1, 0.3, 1);
     --animate-fd-popover-in: fd-popover-in 150ms ease;
     --animate-fd-popover-out: fd-popover-out 150ms ease;
-    --animate-fd-collapsible-down: fd-collapsible-down 150ms ease-out;
-    --animate-fd-collapsible-up: fd-collapsible-up 150ms ease-out;
+    --animate-fd-collapsible-down: fd-collapsible-down 150ms
+    cubic-bezier(0.45, 0, 0.55, 1);
+    --animate-fd-collapsible-up: fd-collapsible-up 150ms
+    cubic-bezier(0.45, 0, 0.55, 1);
     --animate-fd-accordion-down: fd-accordion-down 200ms ease-out;
     --animate-fd-accordion-up: fd-accordion-up 200ms ease-out;
     --animate-fd-nav-menu-in: fd-nav-menu-in 200ms ease;
     --animate-fd-nav-menu-out: fd-nav-menu-out 200ms ease;
     --animate-fd-enterFromLeft: fd-enterFromLeft 250ms ease;
     --animate-fd-enterFromRight: fd-enterFromRight 250ms ease;
+    --animate-fd-sidebar-in: fd-sidebar-in 250ms ease;
+    --animate-fd-sidebar-out: fd-sidebar-out 250ms ease;
     --animate-fd-exitToLeft: fd-exitToLeft 250ms ease;
     --animate-fd-exitToRight: fd-exitToRight 250ms ease;
   }
@@ -301,14 +305,17 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .inset-y-1 {
+    inset-block: calc(var(--spacing) * 1);
+  }
   .inset-y-3 {
     inset-block: calc(var(--spacing) * 3);
   }
   .start-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
-  .start-3 {
-    inset-inline-start: calc(var(--spacing) * 3);
+  .start-2\.5 {
+    inset-inline-start: calc(var(--spacing) * 2.5);
   }
   .end-2 {
     inset-inline-end: calc(var(--spacing) * 2);
@@ -410,9 +417,6 @@
   .\!my-0 {
     margin-block: calc(var(--spacing) * 0) !important;
   }
-  .-my-1\.5 {
-    margin-block: calc(var(--spacing) * -1.5);
-  }
   .my-0 {
     margin-block: calc(var(--spacing) * 0);
   }
@@ -428,9 +432,6 @@
   .-ms-1\.5 {
     margin-inline-start: calc(var(--spacing) * -1.5);
   }
-  .ms-1 {
-    margin-inline-start: calc(var(--spacing) * 1);
-  }
   .ms-2 {
     margin-inline-start: calc(var(--spacing) * 2);
   }
@@ -440,9 +441,6 @@
   .ms-px {
     margin-inline-start: 1px;
   }
-  .-me-\(--fd-sidebar-width\) {
-    margin-inline-end: calc(var(--fd-sidebar-width) * -1);
-  }
   .-me-1\.5 {
     margin-inline-end: calc(var(--spacing) * -1.5);
   }
@@ -842,12 +840,18 @@
   .mt-auto {
     margin-top: auto;
   }
+  .mt-px {
+    margin-top: 1px;
+  }
   .mr-auto {
     margin-right: auto;
   }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -863,6 +867,22 @@
   .box-content {
     box-sizing: content-box;
   }
+  .fd-scroll-container {
+    &::-webkit-scrollbar {
+      width: 5px;
+      height: 5px;
+    }
+    &::-webkit-scrollbar-thumb {
+      border-radius: 5px;
+      background: var(--color-fd-border);
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-corner {
+      display: none;
+    }
+  }
   .block {
     display: block;
   }
@@ -884,19 +904,6 @@
   .table {
     display: table;
   }
-  .fd-scroll-container {
-    &::-webkit-scrollbar {
-      width: 5px;
-      height: 5px;
-    }
-    &::-webkit-scrollbar-thumb {
-      border-radius: 5px;
-      background: var(--color-fd-border);
-    }
-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-  }
   .size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -928,6 +935,9 @@
   .h-\(--fd-height\) {
     height: var(--fd-height);
   }
+  .h-\(--fd-nav-height\) {
+    height: var(--fd-nav-height);
+  }
   .h-\(--fd-sidebar-height\) {
     height: var(--fd-sidebar-height);
   }
@@ -1077,8 +1087,8 @@
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-x-0 {
-    --tw-translate-x: calc(var(--spacing) * 0);
+  .translate-x-2 {
+    --tw-translate-x: calc(var(--spacing) * 2);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
@@ -1232,9 +1242,9 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
-  .rounded-e-xl {
-    border-start-end-radius: var(--radius-xl);
-    border-end-end-radius: var(--radius-xl);
+  .rounded-e-2xl {
+    border-start-end-radius: var(--radius-2xl);
+    border-end-end-radius: var(--radius-2xl);
   }
   .border {
     border-style: var(--tw-border-style);
@@ -1459,6 +1469,9 @@
   .ps-2 {
     padding-inline-start: calc(var(--spacing) * 2);
   }
+  .ps-2\.5 {
+    padding-inline-start: calc(var(--spacing) * 2.5);
+  }
   .ps-3 {
     padding-inline-start: calc(var(--spacing) * 3);
   }
@@ -1483,9 +1496,6 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
-  .pt-1\.5 {
-    padding-top: calc(var(--spacing) * 1.5);
-  }
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
@@ -1703,9 +1713,6 @@
   .\[--fd-nav-height\:56px\] {
     --fd-nav-height: 56px;
   }
-  .\[--fd-nav-height\:calc\(var\(--spacing\)\*14\)\] {
-    --fd-nav-height: calc(var(--spacing) * 14);
-  }
   .\[--fd-tocnav-height\:36px\] {
     --fd-tocnav-height: 36px;
   }
@@ -1722,11 +1729,21 @@
       grid-row-start: 1;
     }
   }
+  .\*\:my-auto {
+    :is(& > *) {
+      margin-block: auto;
+    }
+  }
   .\*\:flex {
     :is(& > *) {
       display: flex;
     }
   }
+  .\*\:w-\(--fd-sidebar-width\) {
+    :is(& > *) {
+      width: var(--fd-sidebar-width);
+    }
+  }
   .\*\:flex-col {
     :is(& > *) {
       flex-direction: column;
@@ -1901,6 +1918,16 @@
       display: none;
     }
   }
+  .data-\[collapsed\=false\]\:w-\[calc\(var\(--fd-sidebar-width\)\+var\(--fd-layout-offset\)\)\] {
+    &[data-collapsed="false"] {
+      width: calc(var(--fd-sidebar-width) + var(--fd-layout-offset));
+    }
+  }
+  .data-\[collapsed\=true\]\:me-\[calc\(var\(--fd-layout-offset\)-var\(--fd-sidebar-width\)\)\] {
+    &[data-collapsed="true"] {
+      margin-inline-end: calc(var(--fd-layout-offset) - var(--fd-sidebar-width));
+    }
+  }
   .data-\[empty\=true\]\:hidden {
     &[data-empty="true"] {
       display: none;
@@ -1951,11 +1978,6 @@
       animation: var(--animate-fd-dialog-out);
     }
   }
-  .data-\[state\=closed\]\:animate-fd-exitToLeft {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-exitToLeft);
-    }
-  }
   .data-\[state\=closed\]\:animate-fd-fade-out {
     &[data-state="closed"] {
       animation: var(--animate-fd-fade-out);
@@ -1971,11 +1993,21 @@
       animation: var(--animate-fd-popover-out);
     }
   }
+  .data-\[state\=closed\]\:animate-fd-sidebar-out {
+    &[data-state="closed"] {
+      animation: var(--animate-fd-sidebar-out);
+    }
+  }
   .data-\[state\=hidden\]\:animate-fd-fade-out {
     &[data-state="hidden"] {
       animation: var(--animate-fd-fade-out);
     }
   }
+  .data-\[state\=inactive\]\:hidden {
+    &[data-state="inactive"] {
+      display: none;
+    }
+  }
   .data-\[state\=open\]\:animate-fd-accordion-down {
     &[data-state="open"] {
       animation: var(--animate-fd-accordion-down);
@@ -1991,11 +2023,6 @@
       animation: var(--animate-fd-dialog-in);
     }
   }
-  .data-\[state\=open\]\:animate-fd-enterFromLeft {
-    &[data-state="open"] {
-      animation: var(--animate-fd-enterFromLeft);
-    }
-  }
   .data-\[state\=open\]\:animate-fd-fade-in {
     &[data-state="open"] {
       animation: var(--animate-fd-fade-in);
@@ -2011,6 +2038,11 @@
       animation: var(--animate-fd-popover-in);
     }
   }
+  .data-\[state\=open\]\:animate-fd-sidebar-in {
+    &[data-state="open"] {
+      animation: var(--animate-fd-sidebar-in);
+    }
+  }
   .data-\[state\=open\]\:bg-fd-accent\/50 {
     &[data-state="open"] {
       background-color: color-mix(in srgb, hsl(0, 0%, 90.1%) 50%, transparent);
@@ -2139,11 +2171,6 @@
       padding-block: calc(var(--spacing) * 1.5);
     }
   }
-  .md\:ps-\(--fd-layout-offset\) {
-    @media (width >= 48rem) {
-      padding-inline-start: var(--fd-layout-offset);
-    }
-  }
   .md\:pt-12 {
     @media (width >= 48rem) {
       padding-top: calc(var(--spacing) * 12);
@@ -2166,6 +2193,11 @@
       --fd-nav-height: 0px;
     }
   }
+  .md\:\[--fd-nav-height\:64px\] {
+    @media (width >= 48rem) {
+      --fd-nav-height: 64px;
+    }
+  }
   .md\:\[--fd-sidebar-width\:268px\] {
     @media (width >= 48rem) {
       --fd-sidebar-width: 268px;
@@ -2217,9 +2249,9 @@
       border-width: 1px;
     }
   }
-  .lg\:\[--fd-nav-height\:calc\(var\(--spacing\)\*24\)\] {
+  .lg\:\[--fd-nav-height\:104px\] {
     @media (width >= 64rem) {
-      --fd-nav-height: calc(var(--spacing) * 24);
+      --fd-nav-height: 104px;
     }
   }
   .lg\:\[--fd-padding\:1rem\] {
@@ -2227,9 +2259,9 @@
       --fd-padding: 1rem;
     }
   }
-  .lg\:\[--fd-sidebar-width\:286px\] {
+  .lg\:\[--fd-sidebar-width\:290px\] {
     @media (width >= 64rem) {
-      --fd-sidebar-width: 286px;
+      --fd-sidebar-width: 290px;
     }
   }
   .xl\:start-4 {
@@ -2257,6 +2289,11 @@
       --fd-toc-width: 286px;
     }
   }
+  .xl\:\[--fd-toc-width\:290px\] {
+    @media (width >= 80rem) {
+      --fd-toc-width: 290px;
+    }
+  }
   .xl\:\[--fd-tocnav-height\:0px\] {
     @media (width >= 80rem) {
       --fd-tocnav-height: 0px;
@@ -2764,7 +2801,7 @@
     transform: scale(1);
   }
   to {
-    transform: scale(1.06);
+    transform: scale(1.04);
     opacity: 0;
   }
 }
@@ -2844,6 +2881,16 @@
     transform: translateX(-200px);
   }
 }
+@keyframes fd-sidebar-in {
+  from {
+    transform: translateX(-100%);
+  }
+}
+@keyframes fd-sidebar-out {
+  to {
+    transform: translateX(-100%);
+  }
+}
 @keyframes fd-nav-menu-in {
   from {
     opacity: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.3.2",
+  "version": "15.3.4",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -88,21 +88,21 @@
     "postcss-selector-parser": "^7.1.0",
     "react-medium-image-zoom": "^5.2.14",
     "react-remove-scroll": "^2.6.3",
-    "tailwind-merge": "^3.2.0",
-    "fumadocs-core": "15.3.2"
+    "tailwind-merge": "^3.3.0",
+    "fumadocs-core": "15.3.4"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.3.1",
-    "@tailwindcss/cli": "^4.1.5",
+    "@next/eslint-plugin-next": "^15.3.2",
+    "@tailwindcss/cli": "^4.1.7",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^19.1.3",
-    "@types/react-dom": "^19.1.3",
-    "next": "15.3.1",
-    "tailwindcss": "^4.1.5",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "next": "15.3.2",
+    "tailwindcss": "^4.1.7",
     "tsc-alias": "^1.8.16",
-    "@fumadocs/cli": "0.1.1",
+    "@fumadocs/cli": "0.2.0",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.3.2",
+    "fumadocs-core": "15.3.4",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {