negodesign 0.0.53 → 0.0.55

package/dist/globals.css

@@ -71,6 +71,7 @@
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
+    --leading-snug: 1.375;
     --leading-relaxed: 1.625;
     --radius-xl: calc(var(--radius) * 1.4);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -329,9 +330,24 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-5\.5 {
+    top: calc(var(--spacing) * 5.5);
+  }
+  .top-7\.5 {
+    top: calc(var(--spacing) * 7.5);
+  }
   .top-8 {
     top: calc(var(--spacing) * 8);
   }
+  .top-\[60\%\] {
+    top: 60%;
+  }
+  .top-full {
+    top: 100%;
+  }
+  .top-px {
+    top: 1px;
+  }
   .-right-8 {
     right: calc(var(--spacing) * -8);
   }
@@ -416,6 +432,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-\[1\] {
+    z-index: 1;
+  }
   .order-first {
     order: -9999;
   }
@@ -428,6 +447,9 @@
   .row-span-2 {
     grid-row: span 2 / span 2;
   }
+  .row-span-3 {
+    grid-row: span 3 / span 3;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -497,6 +519,9 @@
   .me-2 {
     margin-inline-end: calc(var(--spacing) * 2);
   }
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
@@ -603,6 +628,12 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .line-clamp-3 {
     overflow: hidden;
     display: -webkit-box;
@@ -819,6 +850,9 @@
   .h-\[calc\(100\%-3px\)\] {
     height: calc(100% - 3px);
   }
+  .h-\[calc\(var\(--bits-navigation-menu-viewport-height\)\+1rem\)\] {
+    height: calc(var(--bits-navigation-menu-viewport-height) + 1rem);
+  }
   .h-auto {
     height: auto;
   }
@@ -999,6 +1033,9 @@
   .w-full {
     width: 100%;
   }
+  .w-max {
+    width: max-content;
+  }
   .w-min {
     width: min-content;
   }
@@ -1035,6 +1072,9 @@
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-max {
+    max-width: max-content;
+  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1068,6 +1108,9 @@
   .min-w-48 {
     min-width: calc(var(--spacing) * 48);
   }
+  .min-w-50 {
+    min-width: calc(var(--spacing) * 50);
+  }
   .min-w-56 {
     min-width: calc(var(--spacing) * 56);
   }
@@ -1219,15 +1262,15 @@
   .list-disc {
     list-style-type: disc;
   }
+  .list-none {
+    list-style-type: none;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-  .grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
   .grid-cols-10 {
     grid-template-columns: repeat(10, minmax(0, 1fr));
   }
@@ -1279,6 +1322,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0 {
+    gap: 0px;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -1445,6 +1491,9 @@
   .rounded-tl-lg {
     border-top-left-radius: var(--radius);
   }
+  .rounded-tl-sm {
+    border-top-left-radius: calc(var(--radius) * 0.6);
+  }
   .rounded-r-md {
     border-top-right-radius: calc(var(--radius) * 0.8);
     border-bottom-right-radius: calc(var(--radius) * 0.8);
@@ -1473,6 +1522,10 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
   .border-4 {
     border-style: var(--tw-border-style);
     border-width: 4px;
@@ -1710,6 +1763,12 @@
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
+  .bg-gray-50\/90 {
+    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-50) 90%, transparent);
+    }
+  }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
@@ -1749,12 +1808,6 @@
       background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
     }
   }
-  .bg-gray-900\/90 {
-    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 90%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
-    }
-  }
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
@@ -1863,6 +1916,13 @@
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
+  .bg-linear-to-b {
+    --tw-gradient-position: to bottom;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
   .bg-linear-to-r {
     --tw-gradient-position: to right;
     @supports (background-image: linear-gradient(in lab, red, red)) {
@@ -1878,6 +1938,13 @@
     --tw-gradient-from: var(--color-blue-400);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-muted\/50 {
+    --tw-gradient-from: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-\[\#9089fc\] {
     --tw-gradient-to: #9089fc;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1886,6 +1953,10 @@
     --tw-gradient-to: var(--color-blue-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-muted {
+    --tw-gradient-to: var(--muted);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .bg-clip-padding {
     background-clip: padding-box;
   }
@@ -1913,9 +1984,6 @@
   .p-0 {
     padding: 0px;
   }
-  .p-0\.5 {
-    padding: calc(var(--spacing) * 0.5);
-  }
   .p-1 {
     padding: var(--spacing);
   }
@@ -1925,6 +1993,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -1973,6 +2044,9 @@
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
+  .px-4\.5 {
+    padding-inline: calc(var(--spacing) * 4.5);
+  }
   .px-5 {
     padding-inline: calc(var(--spacing) * 5);
   }
@@ -2033,6 +2107,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
@@ -2042,6 +2119,9 @@
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
   .pr-5 {
     padding-right: calc(var(--spacing) * 5);
   }
@@ -2057,6 +2137,9 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
   .pb-5 {
     padding-bottom: calc(var(--spacing) * 5);
   }
@@ -2181,6 +2264,10 @@
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
@@ -2386,6 +2473,9 @@
   .line-through {
     text-decoration-line: line-through;
   }
+  .no-underline {
+    text-decoration-line: none;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2639,6 +2729,10 @@
     --tw-duration: 1000ms;
     transition-duration: 1000ms;
   }
+  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
+    --tw-ease: cubic-bezier(0.22,1,0.36,1);
+    transition-timing-function: cubic-bezier(0.22,1,0.36,1);
+  }
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
@@ -2730,6 +2824,9 @@
   .group-aria-disabled\:opacity-50:is(:where(.group)[aria-disabled="true"] *) {
     opacity: 50%;
   }
+  .group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
+    rotate: 180deg;
+  }
   .group-data-selected\/command-item\:text-foreground:is(:where(.group\/command-item)[data-selected] *) {
     color: var(--foreground);
   }
@@ -2866,6 +2963,45 @@
   .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
     text-align: center;
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    top: 100%;
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    overflow: hidden;
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-2xl:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    border-radius: calc(var(--radius) * 1.8);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    background-color: var(--popover);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    color: var(--popover-foreground);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:shadow-2xl:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:ring-1:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    --tw-ring-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent);
+    }
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:duration-300:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .group-data-open\/navigation-menu-trigger\:rotate-180:is(:is(:where(.group\/navigation-menu-trigger):where([data-state="open"]), :where(.group\/navigation-menu-trigger):where([data-open]:not([data-open="false"]))) *) {
+    rotate: 180deg;
+  }
   .group-data-horizontal\/tabs\:h-9:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
     height: calc(var(--spacing) * 9);
   }
@@ -3109,6 +3245,9 @@
     border-bottom-width: 0px;
   }
   @media (hover: hover) {
+    .hover\:bg-accent:hover {
+      background-color: var(--accent);
+    }
     .hover\:bg-black\/70:hover {
       background-color: color-mix(in srgb, #000 70%, transparent);
     }
@@ -3231,6 +3370,17 @@
         background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
       }
     }
+    .hover\:text-lg:hover {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+    .hover\:font-bold:hover {
+      --tw-font-weight: var(--font-weight-bold);
+      font-weight: var(--font-weight-bold);
+    }
+    .hover\:text-accent-foreground:hover {
+      color: var(--accent-foreground);
+    }
     .hover\:text-foreground:hover {
       color: var(--foreground);
     }
@@ -3279,9 +3429,16 @@
   .focus\:bg-accent:focus {
     background-color: var(--accent);
   }
+  .focus\:bg-muted:focus {
+    background-color: var(--muted);
+  }
   .focus\:text-accent-foreground:focus {
     color: var(--accent-foreground);
   }
+  .focus\:shadow-md:focus {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
+  }
   .focus\:ring-0:focus {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3388,6 +3545,9 @@
   :where([data-slot="dialog-content"]) .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
     border-radius: var(--radius) !important;
   }
+  :where([data-slot="navigation-menu-content"]) .in-data-\[slot\=navigation-menu-content\]\:rounded-xl {
+    border-radius: calc(var(--radius) * 1.4);
+  }
   .has-disabled\:opacity-50:has(:disabled) {
     opacity: 50%;
   }
@@ -3550,6 +3710,17 @@
   .data-placeholder\:text-muted-foreground[data-placeholder] {
     color: var(--muted-foreground);
   }
+  .data-popup-open\:bg-muted\/50[data-popup-open] {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
+  @media (hover: hover) {
+    .data-popup-open\:hover\:bg-muted[data-popup-open]:hover {
+      background-color: var(--muted);
+    }
+  }
   .data-selected\:bg-muted[data-selected] {
     background-color: var(--muted);
   }
@@ -3562,6 +3733,12 @@
   .data-\[active\=true\]\:border-ring[data-active="true"] {
     border-color: var(--ring);
   }
+  .data-\[active\=true\]\:bg-muted\/50[data-active="true"] {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
   .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3572,6 +3749,14 @@
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
   }
+  @media (hover: hover) {
+    .data-\[active\=true\]\:hover\:bg-muted[data-active="true"]:hover {
+      background-color: var(--muted);
+    }
+  }
+  .data-\[active\=true\]\:focus\:bg-muted[data-active="true"]:focus {
+    background-color: var(--muted);
+  }
   .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
     border-color: var(--destructive);
   }
@@ -3599,6 +3784,30 @@
   .data-\[inset\]\:pl-8[data-inset] {
     padding-left: calc(var(--spacing) * 8);
   }
+  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
+    --tw-enter-translate-x: calc(52*var(--spacing));
+  }
+  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
+    --tw-enter-translate-x: calc(52*var(--spacing)*-1);
+  }
+  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
+    --tw-exit-translate-x: calc(52*var(--spacing));
+  }
+  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
+    --tw-exit-translate-x: calc(52*var(--spacing)*-1);
+  }
+  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
+    --tw-enter-opacity: 0;
+  }
+  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
+    --tw-exit-opacity: 0;
+  }
   .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
     height: 1px;
   }
@@ -3773,6 +3982,14 @@
   :is(.\*\*\:data-\[slot\=kbd\]\:rounded-4xl *)[data-slot="kbd"] {
     border-radius: calc(var(--radius) * 2.6);
   }
+  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
     overflow: hidden;
     display: -webkit-box;
@@ -3802,6 +4019,12 @@
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
   }
+  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
+    --tw-exit-opacity: 0;
+  }
   .data-\[state\=inactive\]\:text-foreground\![data-state="inactive"] {
     color: var(--foreground) !important;
   }
@@ -3814,6 +4037,12 @@
   .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
     background-color: var(--muted);
   }
+  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
+    --tw-enter-opacity: 0;
+  }
   .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
     color: var(--destructive);
   }
@@ -3900,6 +4129,9 @@
     .sm\:w-32 {
       width: calc(var(--spacing) * 32);
     }
+    .sm\:w-100 {
+      width: calc(var(--spacing) * 100);
+    }
     .sm\:max-w-md {
       max-width: var(--container-md);
     }
@@ -3963,6 +4195,9 @@
     }
   }
   @media (width >= 48rem) {
+    .md\:absolute {
+      position: absolute;
+    }
     .md\:-top-10 {
       top: calc(var(--spacing) * -10);
     }
@@ -4005,6 +4240,14 @@
     .md\:aspect-auto {
       aspect-ratio: auto;
     }
+    .md\:size-6 {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+    .md\:size-10 {
+      width: calc(var(--spacing) * 10);
+      height: calc(var(--spacing) * 10);
+    }
     .md\:h-14 {
       height: calc(var(--spacing) * 14);
     }
@@ -4059,9 +4302,24 @@
     .md\:w-25 {
       width: calc(var(--spacing) * 25);
     }
+    .md\:w-40 {
+      width: calc(var(--spacing) * 40);
+    }
+    .md\:w-100 {
+      width: calc(var(--spacing) * 100);
+    }
+    .md\:w-125 {
+      width: calc(var(--spacing) * 125);
+    }
     .md\:w-225 {
       width: calc(var(--spacing) * 225);
     }
+    .md\:w-\[calc\(var\(--bits-navigation-menu-viewport-width\)\+1rem\)\] {
+      width: calc(var(--bits-navigation-menu-viewport-width) + 1rem);
+    }
+    .md\:w-auto {
+      width: auto;
+    }
     .md\:max-w-md {
       max-width: var(--container-md);
     }
@@ -4113,6 +4371,9 @@
     .md\:bg-transparent {
       background-color: transparent;
     }
+    .md\:p-2 {
+      padding: calc(var(--spacing) * 2);
+    }
     .md\:p-6 {
       padding: calc(var(--spacing) * 6);
     }
@@ -4258,9 +4519,15 @@
     .lg\:w-105 {
       width: calc(var(--spacing) * 105);
     }
+    .lg\:w-125 {
+      width: calc(var(--spacing) * 125);
+    }
     .lg\:max-w-100 {
       max-width: calc(var(--spacing) * 100);
     }
+    .lg\:min-w-150 {
+      min-width: calc(var(--spacing) * 150);
+    }
     .lg\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -4270,6 +4537,9 @@
     .lg\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
+    .lg\:grid-cols-\[\.75fr_1fr\] {
+      grid-template-columns: .75fr 1fr;
+    }
     .lg\:grid-cols-\[1fr_26rem\] {
       grid-template-columns: 1fr 26rem;
     }
@@ -4488,6 +4758,12 @@
   .data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
     background-color: var(--accent);
   }
+  .data-open\:bg-muted\/50:where([data-state="open"]), .data-open\:bg-muted\/50:where([data-open]:not([data-open="false"])) {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
   .data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
     color: var(--accent-foreground);
   }
@@ -4498,11 +4774,29 @@
     --tw-enter-opacity: calc(0/100);
     --tw-enter-opacity: 0;
   }
+  .data-open\:zoom-in-90:where([data-state="open"]), .data-open\:zoom-in-90:where([data-open]:not([data-open="false"])) {
+    --tw-enter-scale: calc(90*1%);
+    --tw-enter-scale: .9;
+  }
   .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="open"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-open]:not([data-open="false"])) {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="open"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-open]:not([data-open="false"])) {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="open"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-open]:not([data-open="false"])) {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
+  }
   @media (hover: hover) {
+    :is(.data-open\:hover\:bg-muted:where([data-state="open"]), .data-open\:hover\:bg-muted:where([data-open]:not([data-open="false"]))):hover {
+      background-color: var(--muted);
+    }
     :is(.data-open\:hover\:bg-sidebar-accent:where([data-state="open"]), .data-open\:hover\:bg-sidebar-accent:where([data-open]:not([data-open="false"]))):hover {
       background-color: var(--sidebar-accent);
     }
@@ -4510,6 +4804,9 @@
       color: var(--sidebar-accent-foreground);
     }
   }
+  :is(.data-open\:focus\:bg-muted:where([data-state="open"]), .data-open\:focus\:bg-muted:where([data-open]:not([data-open="false"]))):focus {
+    background-color: var(--muted);
+  }
   .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-state="open"]), .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-open]:not([data-open="false"])) {
     --tw-enter-translate-y: calc(10*var(--spacing));
     --tw-enter-translate-y: calc(.1*100%);
@@ -4536,10 +4833,25 @@
     --tw-exit-opacity: calc(0/100);
     --tw-exit-opacity: 0;
   }
+  .data-closed\:zoom-out-90:where([data-state="closed"]), .data-closed\:zoom-out-90:where([data-closed]:not([data-closed="false"])) {
+    --tw-exit-scale: calc(90*1%);
+    --tw-exit-scale: .9;
+  }
   .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
     --tw-exit-scale: calc(95*1%);
     --tw-exit-scale: .95;
   }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="closed"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-closed]:not([data-closed="false"])) {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="closed"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-closed]:not([data-closed="false"])) {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
+  }
+  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="closed"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-closed]:not([data-closed="false"])) {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
+  }
   .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-state="closed"]), .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-closed]:not([data-closed="false"])) {
     --tw-exit-translate-y: calc(10*var(--spacing));
     --tw-exit-translate-y: calc(.1*100%);