@fumadocs/base-ui 16.7.2 → 16.7.4

package/dist/style.css

@@ -298,6 +298,9 @@
   .inset-y-2 {
     inset-block: calc(var(--spacing) * 2);
   }
+  .inset-s-0 {
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
   .start {
     inset-inline-start: var(--spacing);
   }
@@ -313,6 +316,9 @@
   .start-6 {
     inset-inline-start: calc(var(--spacing) * 6);
   }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .end-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
@@ -880,6 +886,9 @@
   .mb-auto {
     margin-bottom: auto;
   }
+  .box-border {
+    box-sizing: border-box;
+  }
   .fd-scroll-container {
     &::-webkit-scrollbar {
       width: 5px;
@@ -914,6 +923,10 @@
   .table {
     display: table;
   }
+  .size-1 {
+    width: calc(var(--spacing) * 1);
+    height: calc(var(--spacing) * 1);
+  }
   .size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -964,6 +977,12 @@
   .h-\(--fd-toc-popover-height\) {
     height: var(--fd-toc-popover-height);
   }
+  .h-\(--popup-height\) {
+    height: var(--popup-height);
+  }
+  .h-\(--positioner-height\) {
+    height: var(--positioner-height);
+  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -1030,6 +1049,9 @@
   .w-\(--fd-toc-width\) {
     width: var(--fd-toc-width);
   }
+  .w-\(--popup-width\) {
+    width: var(--popup-width);
+  }
   .w-\(--radix-popover-trigger-width\) {
     width: var(--radix-popover-trigger-width);
   }
@@ -1069,6 +1091,12 @@
   .w-px {
     width: 1px;
   }
+  .max-w-\(--available-width\) {
+    max-width: var(--available-width);
+  }
+  .max-w-\(--fd-layout-width\) {
+    max-width: var(--fd-layout-width);
+  }
   .max-w-\[98vw\] {
     max-width: 98vw;
   }
@@ -1169,6 +1197,9 @@
   .animate-pulse {
     animation: var(--animate-pulse);
   }
+  .scroll-m-4 {
+    scroll-margin: calc(var(--spacing) * 4);
+  }
   .scroll-m-20 {
     scroll-margin: calc(var(--spacing) * 20);
   }
@@ -1325,9 +1356,9 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
-  .rounded-e-sm {
-    border-start-end-radius: var(--radius-sm);
-    border-end-end-radius: var(--radius-sm);
+  .rounded-e-full {
+    border-start-end-radius: calc(infinity * 1px);
+    border-end-end-radius: calc(infinity * 1px);
   }
   .border {
     border-style: var(--tw-border-style);
@@ -1461,6 +1492,9 @@
   .mask-\[linear-gradient\(to_bottom\,transparent\,white_--spacing\(14\)\,white_calc\(100\%---spacing\(14\)\)\,transparent\)\] {
     mask-image: linear-gradient(to bottom,transparent,white calc(var(--spacing) * 14),white calc(100% - calc(var(--spacing) * 14)),transparent);
   }
+  .mask-\[linear-gradient\(to_bottom\,transparent\,white_12px\,white_calc\(100\%-12px\)\,transparent\)\] {
+    mask-image: linear-gradient(to bottom,transparent,white 12px,white calc(100% - 12px),transparent);
+  }
   .mask-\[linear-gradient\(to_bottom\,transparent\,white_16px\,white_calc\(100\%-16px\)\,transparent\)\] {
     mask-image: linear-gradient(to bottom,transparent,white 16px,white calc(100% - 16px),transparent);
   }
@@ -1482,6 +1516,9 @@
       stroke: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
     }
   }
+  .stroke-fd-primary {
+    stroke: var(--color-fd-primary);
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -1599,6 +1636,9 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
+  .pt-0\.5 {
+    padding-top: calc(var(--spacing) * 0.5);
+  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -1801,11 +1841,26 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[box-shadow\,background-color\,border-radius\] {
+    transition-property: box-shadow,background-color,border-radius;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[clip-path\] {
+    transition-property: clip-path;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[grid-template-columns\] {
     transition-property: grid-template-columns;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[height\,opacity\] {
+    transition-property: height,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[height\] {
     transition-property: height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1816,6 +1871,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[opacity\,transform\,width\,height\,scale\,translate\] {
+    transition-property: opacity,transform,width,height,scale,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[opacity\,translate\,color\] {
     transition-property: opacity,translate,color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1872,10 +1932,6 @@
     --tw-duration: 250ms;
     transition-duration: 250ms;
   }
-  .duration-300 {
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
-  }
   .duration-400 {
     --tw-duration: 400ms;
     transition-duration: 400ms;
@@ -1884,10 +1940,6 @@
     --tw-ease: var(--easing);
     transition-timing-function: var(--easing);
   }
-  .ease-linear {
-    --tw-ease: linear;
-    transition-timing-function: linear;
-  }
   .ease-out {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
@@ -1951,11 +2003,6 @@
       grid-row-start: 1;
     }
   }
-  .\*\:mx-auto {
-    :is(& > *) {
-      margin-inline: auto;
-    }
-  }
   .\*\:my-auto {
     :is(& > *) {
       margin-block: auto;
@@ -1966,21 +2013,11 @@
       display: flex;
     }
   }
-  .\*\:flex\! {
-    :is(& > *) {
-      display: flex !important;
-    }
-  }
   .\*\:w-\(--fd-sidebar-width\) {
     :is(& > *) {
       width: var(--fd-sidebar-width);
     }
   }
-  .\*\:max-w-\(--fd-layout-width\) {
-    :is(& > *) {
-      max-width: var(--fd-layout-width);
-    }
-  }
   .\*\:max-w-\[900px\] {
     :is(& > *) {
       max-width: 900px;
@@ -1996,16 +2033,6 @@
       flex-direction: column;
     }
   }
-  .\*\:flex-col\! {
-    :is(& > *) {
-      flex-direction: column !important;
-    }
-  }
-  .\*\:gap-0\.5\! {
-    :is(& > *) {
-      gap: calc(var(--spacing) * 0.5) !important;
-    }
-  }
   .\*\:rounded-full {
     :is(& > *) {
       border-radius: calc(infinity * 1px);
@@ -2042,11 +2069,6 @@
       rotate: 90deg;
     }
   }
-  .group-data-\[state\=open\]\:rotate-180 {
-    &:is(:where(.group)[data-state="open"] *) {
-      rotate: 180deg;
-    }
-  }
   .peer-hover\:opacity-100 {
     &:is(:where(.peer):hover ~ *) {
       @media (hover: hover) {
@@ -2110,13 +2132,6 @@
       padding-top: calc(var(--spacing) * 0);
     }
   }
-  .\*\:first\:mt-0\.5 {
-    :is(& > *) {
-      &:first-child {
-        margin-top: calc(var(--spacing) * 0.5);
-      }
-    }
-  }
   .last\:me-0 {
     &:last-child {
       margin-inline-end: calc(var(--spacing) * 0);
@@ -2294,11 +2309,35 @@
       animation: var(--animate-fd-fade-out);
     }
   }
+  .data-ending-style\:h-0 {
+    &[data-ending-style] {
+      height: calc(var(--spacing) * 0);
+    }
+  }
+  .data-ending-style\:scale-90 {
+    &[data-ending-style] {
+      --tw-scale-x: 90%;
+      --tw-scale-y: 90%;
+      --tw-scale-z: 90%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
   .data-ending-style\:opacity-0 {
     &[data-ending-style] {
       opacity: 0%;
     }
   }
+  .data-ending-style\:duration-150 {
+    &[data-ending-style] {
+      --tw-duration: 150ms;
+      transition-duration: 150ms;
+    }
+  }
+  .data-instant\:transition-none {
+    &[data-instant] {
+      transition-property: none;
+    }
+  }
   .data-open\:animate-fd-dialog-in {
     &[data-open] {
       animation: var(--animate-fd-dialog-in);
@@ -2319,6 +2358,19 @@
       color: var(--color-fd-accent-foreground);
     }
   }
+  .data-starting-style\:h-0 {
+    &[data-starting-style] {
+      height: calc(var(--spacing) * 0);
+    }
+  }
+  .data-starting-style\:scale-90 {
+    &[data-starting-style] {
+      --tw-scale-x: 90%;
+      --tw-scale-y: 90%;
+      --tw-scale-z: 90%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
   .data-starting-style\:opacity-0 {
     &[data-starting-style] {
       opacity: 0%;
@@ -2477,6 +2529,134 @@
       animation: var(--animate-fd-popover-in);
     }
   }
+  .data-\[side\=bottom\]\:before\:top-\[-10px\] {
+    &[data-side="bottom"] {
+      &::before {
+        content: var(--tw-content);
+        top: -10px;
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:before\:right-0 {
+    &[data-side="bottom"] {
+      &::before {
+        content: var(--tw-content);
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:before\:left-0 {
+    &[data-side="bottom"] {
+      &::before {
+        content: var(--tw-content);
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:before\:h-2\.5 {
+    &[data-side="bottom"] {
+      &::before {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
+  .data-\[side\=left\]\:before\:top-0 {
+    &[data-side="left"] {
+      &::before {
+        content: var(--tw-content);
+        top: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=left\]\:before\:right-\[-10px\] {
+    &[data-side="left"] {
+      &::before {
+        content: var(--tw-content);
+        right: -10px;
+      }
+    }
+  }
+  .data-\[side\=left\]\:before\:bottom-0 {
+    &[data-side="left"] {
+      &::before {
+        content: var(--tw-content);
+        bottom: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=left\]\:before\:w-2\.5 {
+    &[data-side="left"] {
+      &::before {
+        content: var(--tw-content);
+        width: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
+  .data-\[side\=right\]\:before\:top-0 {
+    &[data-side="right"] {
+      &::before {
+        content: var(--tw-content);
+        top: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=right\]\:before\:bottom-0 {
+    &[data-side="right"] {
+      &::before {
+        content: var(--tw-content);
+        bottom: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=right\]\:before\:left-\[-10px\] {
+    &[data-side="right"] {
+      &::before {
+        content: var(--tw-content);
+        left: -10px;
+      }
+    }
+  }
+  .data-\[side\=right\]\:before\:w-2\.5 {
+    &[data-side="right"] {
+      &::before {
+        content: var(--tw-content);
+        width: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
+  .data-\[side\=top\]\:before\:right-0 {
+    &[data-side="top"] {
+      &::before {
+        content: var(--tw-content);
+        right: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=top\]\:before\:bottom-\[-10px\] {
+    &[data-side="top"] {
+      &::before {
+        content: var(--tw-content);
+        bottom: -10px;
+      }
+    }
+  }
+  .data-\[side\=top\]\:before\:left-0 {
+    &[data-side="top"] {
+      &::before {
+        content: var(--tw-content);
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .data-\[side\=top\]\:before\:h-2\.5 {
+    &[data-side="top"] {
+      &::before {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
   .data-\[starting-style\]\:h-0 {
     &[data-starting-style] {
       height: calc(var(--spacing) * 0);
@@ -2740,12 +2920,6 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .rtl\:-scale-x-100 {
-    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-      --tw-scale-x: calc(100% * -1);
-      scale: var(--tw-scale-x) var(--tw-scale-y);
-    }
-  }
   .rtl\:rotate-90 {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       rotate: 90deg;
@@ -2825,12 +2999,6 @@
       height: calc(var(--spacing) * 5);
     }
   }
-  .\[\&_svg\]\:size-5\.5 {
-    & svg {
-      width: calc(var(--spacing) * 5.5);
-      height: calc(var(--spacing) * 5.5);
-    }
-  }
   .\[\&_svg\]\:size-full {
     & svg {
       width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.7.2",
+  "version": "16.7.4",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -140,10 +140,10 @@
     "tailwindcss": "^4.2.2",
     "tsdown": "0.21.4",
     "unified": "^11.0.5",
-    "eslint-config-custom": "0.0.0",
     "@fumadocs/cli": "1.3.1",
-    "fumadocs-core": "16.7.2",
-    "tsconfig": "0.0.0"
+    "eslint-config-custom": "0.0.0",
+    "tsconfig": "0.0.0",
+    "fumadocs-core": "16.7.4"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
@@ -153,7 +153,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "shiki": "*",
-    "fumadocs-core": "16.7.2"
+    "fumadocs-core": "16.7.4"
   },
   "peerDependenciesMeta": {
     "shiki": {