@fumadocs/base-ui 16.7.2 → 16.7.3

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;
   }
@@ -1150,6 +1178,10 @@
     --tw-translate-y: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-1\/2 {
+    --tw-translate-y: calc(1 / 2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-full {
     --tw-translate-y: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1325,9 +1357,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);
@@ -1458,9 +1490,24 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-linear-to-t {
+    --tw-gradient-position: to top;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to top in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .via-fd-primary {
+    --tw-gradient-via: var(--color-fd-primary);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .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 +1529,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 +1649,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 +1854,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 +1884,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));
@@ -1856,6 +1929,9 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .delay-25 {
+    transition-delay: 25ms;
+  }
   .duration-\(--duration\) {
     --tw-duration: var(--duration);
     transition-duration: var(--duration);
@@ -1872,10 +1948,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 +1956,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 +2019,6 @@
       grid-row-start: 1;
     }
   }
-  .\*\:mx-auto {
-    :is(& > *) {
-      margin-inline: auto;
-    }
-  }
   .\*\:my-auto {
     :is(& > *) {
       margin-block: auto;
@@ -1966,21 +2029,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 +2049,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 +2085,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 +2148,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);
@@ -2229,6 +2260,13 @@
       }
     }
   }
+  .hover\:delay-0 {
+    &:hover {
+      @media (hover: hover) {
+        transition-delay: 0ms;
+      }
+    }
+  }
   .focus-visible\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2294,11 +2332,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 +2381,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 +2552,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 +2943,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 +3022,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%;
@@ -3066,6 +3257,48 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -3336,6 +3569,15 @@
       --tw-skew-y: initial;
       --tw-divide-x-reverse: 0;
       --tw-divide-y-reverse: 0;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.7.2",
+  "version": "16.7.3",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -140,9 +140,9 @@
     "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",
+    "eslint-config-custom": "0.0.0",
+    "fumadocs-core": "16.7.3",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -153,7 +153,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "shiki": "*",
-    "fumadocs-core": "16.7.2"
+    "fumadocs-core": "16.7.3"
   },
   "peerDependenciesMeta": {
     "shiki": {