@hanzo/docs 16.2.6 → 16.2.8

package/dist/ui/style.css

@@ -21,7 +21,6 @@
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-2xl: 1.5rem;
     --text-3xl: 1.875rem;
-    --text-3xl--line-height: calc(2.25 / 1.875);
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --radius-sm: 0.25rem;
@@ -29,6 +28,7 @@
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-xs: 4px;
     --blur-sm: 8px;
@@ -69,20 +69,8 @@
     --animate-fd-dialog-out: fd-dialog-out 300ms cubic-bezier(0.16, 1, 0.3, 1);
     --animate-fd-popover-in: fd-popover-in 100ms ease;
     --animate-fd-popover-out: fd-popover-out 100ms ease;
-    --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;
   }
 }
 @layer base {
@@ -240,9 +228,6 @@
   .pointer-events-none {
     pointer-events: none;
   }
-  .collapse {
-    visibility: collapse;
-  }
   .invisible {
     visibility: hidden;
   }
@@ -299,9 +284,6 @@
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-  .inset-x-0 {
-    inset-inline: calc(var(--spacing) * 0);
-  }
   .inset-x-2 {
     inset-inline: calc(var(--spacing) * 2);
   }
@@ -338,9 +320,6 @@
   .top-\(--fd-docs-row-3\) {
     top: var(--fd-docs-row-3);
   }
-  .top-\(--fd-nav-height\) {
-    top: var(--fd-nav-height);
-  }
   .top-\(--fd-top\) {
     top: var(--fd-top);
   }
@@ -359,11 +338,8 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
-  .top-14 {
-    top: calc(var(--spacing) * 14);
-  }
-  .top-\[calc\(--spacing\(4\)\+var\(--fd-toc-popover-height\)\)\] {
-    top: calc(calc(var(--spacing) * 4) + var(--fd-toc-popover-height));
+  .top-\[calc\(--spacing\(4\)\+var\(--fd-docs-row-3\)\)\] {
+    top: calc(calc(var(--spacing) * 4) + var(--fd-docs-row-3));
   }
   .right-2 {
     right: calc(var(--spacing) * 2);
@@ -848,8 +824,8 @@
       margin-bottom: 0;
     }
   }
-  .mt-\(--fd-top\) {
-    margin-top: var(--fd-top);
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
   }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
@@ -857,9 +833,6 @@
   .mt-px {
     margin-top: 1px;
   }
-  .mr-auto {
-    margin-right: auto;
-  }
   .-mb-px {
     margin-bottom: -1px;
   }
@@ -900,9 +873,6 @@
   .block {
     display: block;
   }
-  .contents {
-    display: contents;
-  }
   .flex {
     display: flex;
   }
@@ -953,6 +923,12 @@
     width: 100%;
     height: 100%;
   }
+  .h-\(--accordion-panel-height\) {
+    height: var(--accordion-panel-height);
+  }
+  .h-\(--collapsible-panel-height\) {
+    height: var(--collapsible-panel-height);
+  }
   .h-\(--fd-animated-height\) {
     height: var(--fd-animated-height);
   }
@@ -965,8 +941,11 @@
   .h-\(--fd-toc-popover-height\) {
     height: var(--fd-toc-popover-height);
   }
-  .h-\(--radix-navigation-menu-viewport-height\) {
-    height: var(--radix-navigation-menu-viewport-height);
+  .h-\(--popup-height\) {
+    height: var(--popup-height);
+  }
+  .h-\(--positioner-height\) {
+    height: var(--positioner-height);
   }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
@@ -980,12 +959,6 @@
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
-  .h-\[400px\] {
-    height: 400px;
-  }
-  .h-\[calc\(100dvh-var\(--fd-nav-height\)\)\] {
-    height: calc(100dvh - var(--fd-nav-height));
-  }
   .h-\[calc\(var\(--fd-docs-height\)-var\(--fd-docs-row-1\)\)\] {
     height: calc(var(--fd-docs-height) - var(--fd-docs-row-1));
   }
@@ -1001,15 +974,12 @@
   .h-px {
     height: 1px;
   }
-  .max-h-\(--radix-popover-content-available-height\) {
-    max-height: var(--radix-popover-content-available-height);
+  .max-h-\(--available-height\) {
+    max-height: var(--available-height);
   }
   .max-h-\[50vh\] {
     max-height: 50vh;
   }
-  .max-h-\[80svh\] {
-    max-height: 80svh;
-  }
   .max-h-\[460px\] {
     max-height: 460px;
   }
@@ -1022,14 +992,20 @@
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+  .w-\(--anchor-width\) {
+    width: var(--anchor-width);
+  }
   .w-\(--fd-sidebar-width\) {
     width: var(--fd-sidebar-width);
   }
   .w-\(--fd-toc-width\) {
     width: var(--fd-toc-width);
   }
-  .w-\(--radix-popover-trigger-width\) {
-    width: var(--radix-popover-trigger-width);
+  .w-\(--popup-width\) {
+    width: var(--popup-width);
+  }
+  .w-\(--positioner-width\) {
+    width: var(--positioner-width);
   }
   .w-0 {
     width: calc(var(--spacing) * 0);
@@ -1049,9 +1025,6 @@
   .w-\[85\%\] {
     width: 85%;
   }
-  .w-\[286px\] {
-    width: 286px;
-  }
   .w-\[calc\(100\%-1rem\)\] {
     width: calc(100% - 1rem);
   }
@@ -1067,6 +1040,15 @@
   .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-\(--fd-layout-width\,1400px\) {
+    max-width: var(--fd-layout-width,1400px);
+  }
   .max-w-\[98vw\] {
     max-width: 98vw;
   }
@@ -1076,9 +1058,6 @@
   .max-w-\[380px\] {
     max-width: 380px;
   }
-  .max-w-\[860px\] {
-    max-width: 860px;
-  }
   .max-w-\[900px\] {
     max-width: 900px;
   }
@@ -1109,17 +1088,11 @@
   .flex-1 {
     flex: 1;
   }
-  .shrink {
-    flex-shrink: 1;
-  }
   .shrink-0 {
     flex-shrink: 0;
   }
-  .origin-\(--radix-popover-content-transform-origin\) {
-    transform-origin: var(--radix-popover-content-transform-origin);
-  }
-  .origin-\[top_center\] {
-    transform-origin: top center;
+  .origin-\(--transform-origin\) {
+    transform-origin: var(--transform-origin);
   }
   .-translate-x-\(--fd-sidebar-width\) {
     --tw-translate-x: calc(var(--fd-sidebar-width) * -1);
@@ -1299,6 +1272,14 @@
   .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-b-2xl {
+    border-bottom-right-radius: var(--radius-2xl);
+    border-bottom-left-radius: var(--radius-2xl);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1489,9 +1470,6 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
-  .py-8 {
-    padding-block: calc(var(--spacing) * 8);
-  }
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
@@ -1543,8 +1521,8 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
-  .pl-4 {
-    padding-left: calc(var(--spacing) * 4);
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
   }
   .text-center {
     text-align: center;
@@ -1558,10 +1536,6 @@
   .font-mono {
     font-family: var(--font-mono);
   }
-  .text-3xl {
-    font-size: var(--text-3xl);
-    line-height: var(--tw-leading, var(--text-3xl--line-height));
-  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1587,6 +1561,10 @@
   .text-\[1\.75em\] {
     font-size: 1.75em;
   }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -1604,6 +1582,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .text-\(--callout-color\) {
+    color: var(--callout-color);
+  }
   .text-fd-accent-foreground {
     color: var(--color-fd-accent-foreground);
   }
@@ -1655,9 +1636,6 @@
   .text-fd-secondary-foreground {
     color: var(--color-fd-secondary-foreground);
   }
-  .italic {
-    font-style: italic;
-  }
   .line-through {
     text-decoration-line: line-through;
   }
@@ -1726,8 +1704,23 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[width\,height\] {
-    transition-property: width,height;
+  .transition-\[left\,right\] {
+    transition-property: left,right;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[opacity\,transform\,translate\] {
+    transition-property: opacity,transform,translate;
+    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-\[top\,height\] {
+    transition-property: top,height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -1756,6 +1749,10 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .duration-\(--duration\) {
+    --tw-duration: var(--duration);
+    transition-duration: var(--duration);
+  }
   .duration-100 {
     --tw-duration: 100ms;
     transition-duration: 100ms;
@@ -1776,6 +1773,14 @@
     --tw-duration: 400ms;
     transition-duration: 400ms;
   }
+  .ease-\(--easing\) {
+    --tw-ease: var(--easing);
+    transition-timing-function: var(--easing);
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -1793,9 +1798,6 @@
   .\[--fd-layout-width\:1400px\] {
     --fd-layout-width: 1400px;
   }
-  .\[--fd-nav-height\:56px\] {
-    --fd-nav-height: 56px;
-  }
   .\[--fd-sidebar-width\:0px\] {
     --fd-sidebar-width: 0px;
   }
@@ -1838,11 +1840,6 @@
       grid-row-start: 1;
     }
   }
-  .\*\:mx-auto {
-    :is(& > *) {
-      margin-inline: auto;
-    }
-  }
   .\*\:my-auto {
     :is(& > *) {
       margin-block: auto;
@@ -1858,11 +1855,6 @@
       width: var(--fd-sidebar-width);
     }
   }
-  .\*\:max-w-\(--fd-layout-width\) {
-    :is(& > *) {
-      max-width: var(--fd-layout-width);
-    }
-  }
   .\*\:max-w-\[900px\] {
     :is(& > *) {
       max-width: 900px;
@@ -1889,18 +1881,23 @@
       margin-bottom: calc(var(--spacing) * 2);
     }
   }
-  .group-data-\[state\=active\]\:bg-fd-primary {
-    &:is(:where(.group)[data-state="active"] *) {
+  .group-data-\[active\]\:bg-fd-primary {
+    &:is(:where(.group)[data-active] *) {
       background-color: var(--color-fd-primary);
     }
   }
-  .group-data-\[state\=open\]\:rotate-90 {
-    &:is(:where(.group)[data-state="open"] *) {
+  .group-data-\[open\]\:rotate-180 {
+    &:is(:where(.group)[data-open] *) {
+      rotate: 180deg;
+    }
+  }
+  .group-data-\[panel-open\]\:rotate-90 {
+    &:is(:where(.group)[data-panel-open] *) {
       rotate: 90deg;
     }
   }
-  .group-data-\[state\=open\]\:rotate-180 {
-    &:is(:where(.group)[data-state="open"] *) {
+  .group-data-\[panel-open\]\:rotate-180 {
+    &:is(:where(.group)[data-panel-open] *) {
       rotate: 180deg;
     }
   }
@@ -1962,6 +1959,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .first\:mt-4 {
+    &:first-child {
+      margin-top: calc(var(--spacing) * 4);
+    }
+  }
   .first\:pt-0 {
     &:first-child {
       padding-top: calc(var(--spacing) * 0);
@@ -2134,6 +2136,16 @@
       color: var(--color-fd-accent-foreground);
     }
   }
+  .data-\[active\]\:border-fd-primary {
+    &[data-active] {
+      border-color: var(--color-fd-primary);
+    }
+  }
+  .data-\[active\]\:text-fd-primary {
+    &[data-active] {
+      color: var(--color-fd-primary);
+    }
+  }
   .data-\[active\=true\]\:bg-fd-primary\/10 {
     &[data-active="true"] {
       background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
@@ -2212,6 +2224,21 @@
       }
     }
   }
+  .data-\[closed\]\:animate-fd-dialog-out {
+    &[data-closed] {
+      animation: var(--animate-fd-dialog-out);
+    }
+  }
+  .data-\[closed\]\:animate-fd-fade-out {
+    &[data-closed] {
+      animation: var(--animate-fd-fade-out);
+    }
+  }
+  .data-\[closed\]\:animate-fd-popover-out {
+    &[data-closed] {
+      animation: var(--animate-fd-popover-out);
+    }
+  }
   .data-\[collapsed\=false\]\:hidden {
     &[data-collapsed="false"] {
       display: none;
@@ -2225,127 +2252,138 @@
       }
     }
   }
-  .data-\[motion\=from-end\]\:animate-fd-enterFromRight {
-    &[data-motion="from-end"] {
-      animation: var(--animate-fd-enterFromRight);
+  .data-\[ending-style\]\:h-0 {
+    &[data-ending-style] {
+      height: calc(var(--spacing) * 0);
     }
   }
-  .data-\[motion\=from-start\]\:animate-fd-enterFromLeft {
-    &[data-motion="from-start"] {
-      animation: var(--animate-fd-enterFromLeft);
-    }
-  }
-  .data-\[motion\=to-end\]\:animate-fd-exitToRight {
-    &[data-motion="to-end"] {
-      animation: var(--animate-fd-exitToRight);
+  .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-\[motion\=to-start\]\:animate-fd-exitToLeft {
-    &[data-motion="to-start"] {
-      animation: var(--animate-fd-exitToLeft);
+  .data-\[ending-style\]\:opacity-0 {
+    &[data-ending-style] {
+      opacity: 0%;
     }
   }
-  .data-\[state\=active\]\:border-fd-primary {
-    &[data-state="active"] {
-      border-color: var(--color-fd-primary);
+  .data-\[ending-style\]\:duration-150 {
+    &[data-ending-style] {
+      --tw-duration: 150ms;
+      transition-duration: 150ms;
     }
   }
-  .data-\[state\=active\]\:text-fd-primary {
-    &[data-state="active"] {
-      color: var(--color-fd-primary);
+  .data-\[ending-style\]\:data-\[activation-direction\=left\]\:translate-x-1\/2 {
+    &[data-ending-style] {
+      &[data-activation-direction="left"] {
+        --tw-translate-x: calc(1/2 * 100%);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
     }
   }
-  .data-\[state\=closed\]\:animate-fd-accordion-up {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-accordion-up);
+  .data-\[ending-style\]\:data-\[activation-direction\=right\]\:-translate-x-1\/2 {
+    &[data-ending-style] {
+      &[data-activation-direction="right"] {
+        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
     }
   }
-  .data-\[state\=closed\]\:animate-fd-collapsible-up {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-collapsible-up);
+  .data-\[inactive\]\:hidden {
+    &[data-inactive] {
+      display: none;
     }
   }
-  .data-\[state\=closed\]\:animate-fd-dialog-out {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-dialog-out);
+  .data-\[instant\]\:transition-none {
+    &[data-instant] {
+      transition-property: none;
     }
   }
-  .data-\[state\=closed\]\:animate-fd-fade-out {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-fade-out);
+  .data-\[open\]\:animate-fd-dialog-in {
+    &[data-open] {
+      animation: var(--animate-fd-dialog-in);
     }
   }
-  .data-\[state\=closed\]\:animate-fd-nav-menu-out {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-nav-menu-out);
+  .data-\[open\]\:animate-fd-fade-in {
+    &[data-open] {
+      animation: var(--animate-fd-fade-in);
     }
   }
-  .data-\[state\=closed\]\:animate-fd-popover-out {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-popover-out);
+  .data-\[open\]\:animate-fd-popover-in {
+    &[data-open] {
+      animation: var(--animate-fd-popover-in);
     }
   }
-  .data-\[state\=closed\]\:animate-fd-sidebar-out {
-    &[data-state="closed"] {
-      animation: var(--animate-fd-sidebar-out);
+  .data-\[open\]\:bg-fd-accent {
+    &[data-open] {
+      background-color: var(--color-fd-accent);
     }
   }
-  .data-\[state\=hidden\]\:animate-fd-fade-out {
-    &[data-state="hidden"] {
-      animation: var(--animate-fd-fade-out);
+  .data-\[open\]\:text-fd-accent-foreground {
+    &[data-open] {
+      color: var(--color-fd-accent-foreground);
     }
   }
-  .data-\[state\=inactive\]\:hidden {
-    &[data-state="inactive"] {
-      display: none;
+  .data-\[popup-open\]\:text-fd-primary {
+    &[data-popup-open] {
+      color: var(--color-fd-primary);
     }
   }
-  .data-\[state\=open\]\:animate-fd-accordion-down {
-    &[data-state="open"] {
-      animation: var(--animate-fd-accordion-down);
+  .data-\[starting-style\]\:h-0 {
+    &[data-starting-style] {
+      height: calc(var(--spacing) * 0);
     }
   }
-  .data-\[state\=open\]\:animate-fd-collapsible-down {
-    &[data-state="open"] {
-      animation: var(--animate-fd-collapsible-down);
+  .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-\[state\=open\]\:animate-fd-dialog-in {
-    &[data-state="open"] {
-      animation: var(--animate-fd-dialog-in);
+  .data-\[starting-style\]\:opacity-0 {
+    &[data-starting-style] {
+      opacity: 0%;
     }
   }
-  .data-\[state\=open\]\:animate-fd-fade-in {
-    &[data-state="open"] {
-      animation: var(--animate-fd-fade-in);
+  .data-\[starting-style\]\:data-\[activation-direction\=left\]\:-translate-x-1\/2 {
+    &[data-starting-style] {
+      &[data-activation-direction="left"] {
+        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
     }
   }
-  .data-\[state\=open\]\:animate-fd-nav-menu-in {
-    &[data-state="open"] {
-      animation: var(--animate-fd-nav-menu-in);
+  .data-\[starting-style\]\:data-\[activation-direction\=right\]\:translate-x-1\/2 {
+    &[data-starting-style] {
+      &[data-activation-direction="right"] {
+        --tw-translate-x: calc(1/2 * 100%);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
     }
   }
-  .data-\[state\=open\]\:animate-fd-popover-in {
-    &[data-state="open"] {
-      animation: var(--animate-fd-popover-in);
+  .data-\[state\=closed\]\:animate-fd-fade-out {
+    &[data-state="closed"] {
+      animation: var(--animate-fd-fade-out);
     }
   }
-  .data-\[state\=open\]\:animate-fd-sidebar-in {
-    &[data-state="open"] {
-      animation: var(--animate-fd-sidebar-in);
+  .data-\[state\=closed\]\:animate-fd-sidebar-out {
+    &[data-state="closed"] {
+      animation: var(--animate-fd-sidebar-out);
     }
   }
-  .data-\[state\=open\]\:bg-fd-accent {
+  .data-\[state\=open\]\:animate-fd-fade-in {
     &[data-state="open"] {
-      background-color: var(--color-fd-accent);
+      animation: var(--animate-fd-fade-in);
     }
   }
-  .data-\[state\=open\]\:bg-fd-accent\/50 {
+  .data-\[state\=open\]\:animate-fd-sidebar-in {
     &[data-state="open"] {
-      background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
-      }
+      animation: var(--animate-fd-sidebar-in);
     }
   }
   .data-\[state\=open\]\:text-fd-accent-foreground {
@@ -2376,33 +2414,6 @@
       display: none;
     }
   }
-  .max-lg\:rounded-b-2xl {
-    @media (width < 64rem) {
-      border-bottom-right-radius: var(--radius-2xl);
-      border-bottom-left-radius: var(--radius-2xl);
-    }
-  }
-  .max-lg\:shadow-lg {
-    @media (width < 64rem) {
-      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .max-md\:invisible {
-    @media (width < 48rem) {
-      visibility: hidden;
-    }
-  }
-  .max-md\:inset-x-0 {
-    @media (width < 48rem) {
-      inset-inline: calc(var(--spacing) * 0);
-    }
-  }
-  .max-md\:bottom-0 {
-    @media (width < 48rem) {
-      bottom: calc(var(--spacing) * 0);
-    }
-  }
   .max-md\:flex {
     @media (width < 48rem) {
       display: flex;
@@ -2424,11 +2435,6 @@
       border-width: 1px;
     }
   }
-  .max-md\:bg-fd-background {
-    @media (width < 48rem) {
-      background-color: var(--color-fd-background);
-    }
-  }
   .max-md\:bg-fd-secondary {
     @media (width < 48rem) {
       background-color: var(--color-fd-secondary);
@@ -2439,11 +2445,6 @@
       padding: calc(var(--spacing) * 1.5);
     }
   }
-  .max-sm\:mt-2 {
-    @media (width < 40rem) {
-      margin-top: calc(var(--spacing) * 2);
-    }
-  }
   .max-sm\:hidden {
     @media (width < 40rem) {
       display: none;
@@ -2454,41 +2455,11 @@
       display: none;
     }
   }
-  .sm\:flex-row {
-    @media (width >= 40rem) {
-      flex-direction: row;
-    }
-  }
-  .sm\:items-center {
-    @media (width >= 40rem) {
-      align-items: center;
-    }
-  }
-  .sm\:justify-end {
-    @media (width >= 40rem) {
-      justify-content: flex-end;
-    }
-  }
-  .md\:sticky {
-    @media (width >= 48rem) {
-      position: sticky;
-    }
-  }
   .md\:top-\[calc\(50\%-250px\)\] {
     @media (width >= 48rem) {
       top: calc(50% - 250px);
     }
   }
-  .md\:mx-auto {
-    @media (width >= 48rem) {
-      margin-inline: auto;
-    }
-  }
-  .md\:mt-1 {
-    @media (width >= 48rem) {
-      margin-top: calc(var(--spacing) * 1);
-    }
-  }
   .md\:mb-auto {
     @media (width >= 48rem) {
       margin-bottom: auto;
@@ -2505,16 +2476,6 @@
       height: calc(var(--spacing) * 5);
     }
   }
-  .md\:h-\[calc\(100dvh-56px\)\] {
-    @media (width >= 48rem) {
-      height: calc(100dvh - 56px);
-    }
-  }
-  .md\:w-\[300px\] {
-    @media (width >= 48rem) {
-      width: 300px;
-    }
-  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2707,6 +2668,11 @@
       border-style: none;
     }
   }
+  .\[\&\[hidden\]\:not\(\[hidden\=\'until-found\'\]\)\]\:hidden {
+    &[hidden]:not([hidden='until-found']) {
+      display: none;
+    }
+  }
 }
 .dark {
   --color-fd-background: hsl(0, 0%, 7.04%);
@@ -2843,11 +2809,6 @@
     color: var(--color-fd-foreground);
   }
 }
-@property --radix-collapsible-content-height {
-  syntax: '<length>';
-  inherits: false;
-  initial-value: 0px;
-}
 @layer base {
   body {
     display: flex;
@@ -2900,6 +2861,10 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
@@ -3067,6 +3032,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -3102,42 +3071,6 @@
     transform: translateX(var(--fd-sidebar-drawer-offset));
   }
 }
-@keyframes fd-collapsible-down {
-  from {
-    height: 0;
-    opacity: 0;
-  }
-  to {
-    height: var(--radix-collapsible-content-height);
-  }
-}
-@keyframes fd-collapsible-up {
-  from {
-    height: var(--radix-collapsible-content-height);
-  }
-  to {
-    height: 0;
-    opacity: 0;
-  }
-}
-@keyframes fd-accordion-down {
-  from {
-    height: 0;
-    opacity: 0.5;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-@keyframes fd-accordion-up {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-  to {
-    height: 0;
-    opacity: 0.5;
-  }
-}
 @keyframes fd-dialog-in {
   from {
     transform: scale(1.06);
@@ -3184,66 +3117,6 @@
     opacity: 0;
   }
 }
-@keyframes fd-enterFromRight {
-  from {
-    opacity: 0;
-    transform: translateX(200px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-@keyframes fd-enterFromLeft {
-  from {
-    opacity: 0;
-    transform: translateX(-200px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-@keyframes fd-exitToRight {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(200px);
-  }
-}
-@keyframes fd-exitToLeft {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-200px);
-  }
-}
-@keyframes fd-nav-menu-in {
-  from {
-    opacity: 0;
-    height: 0px;
-  }
-  to {
-    opacity: 1;
-    height: var(--radix-navigation-menu-viewport-height);
-  }
-}
-@keyframes fd-nav-menu-out {
-  from {
-    opacity: 1;
-    height: var(--radix-navigation-menu-viewport-height);
-  }
-  to {
-    opacity: 0;
-    height: 0px;
-  }
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -3257,6 +3130,7 @@
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-divide-y-reverse: 0;
+      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
@@ -3296,11 +3170,11 @@
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
+      --tw-ease: initial;
       --tw-content: "";
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
-      --radix-collapsible-content-height: 0px;
     }
   }
 }