negodesign 0.0.54 → 0.0.56

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);
@@ -338,6 +339,15 @@
   .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);
   }
@@ -422,6 +432,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-\[1\] {
+    z-index: 1;
+  }
   .order-first {
     order: -9999;
   }
@@ -434,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) {
@@ -503,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);
   }
@@ -609,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;
@@ -825,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;
   }
@@ -1005,6 +1033,9 @@
   .w-full {
     width: 100%;
   }
+  .w-max {
+    width: max-content;
+  }
   .w-min {
     width: min-content;
   }
@@ -1041,6 +1072,9 @@
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-max {
+    max-width: max-content;
+  }
   .max-w-md {
     max-width: var(--container-md);
   }
@@ -1074,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);
   }
@@ -1225,6 +1262,9 @@
   .list-disc {
     list-style-type: disc;
   }
+  .list-none {
+    list-style-type: none;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -1282,6 +1322,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0 {
+    gap: 0px;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -1448,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);
@@ -1870,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)) {
@@ -1885,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));
@@ -1893,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;
   }
@@ -1929,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);
   }
@@ -1977,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);
   }
@@ -2049,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);
   }
@@ -2191,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);
@@ -2396,6 +2473,9 @@
   .line-through {
     text-decoration-line: line-through;
   }
+  .no-underline {
+    text-decoration-line: none;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2649,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);
@@ -2740,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);
   }
@@ -2876,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);
   }
@@ -3119,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);
     }
@@ -3249,6 +3378,9 @@
       --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);
     }
@@ -3297,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);
@@ -3406,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%;
   }
@@ -3568,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);
   }
@@ -3580,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);
@@ -3590,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);
   }
@@ -3617,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;
   }
@@ -3791,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;
@@ -3820,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;
   }
@@ -3832,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);
   }
@@ -3918,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);
     }
@@ -3981,6 +4195,9 @@
     }
   }
   @media (width >= 48rem) {
+    .md\:absolute {
+      position: absolute;
+    }
     .md\:-top-10 {
       top: calc(var(--spacing) * -10);
     }
@@ -4027,6 +4244,10 @@
       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);
     }
@@ -4084,9 +4305,21 @@
     .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);
     }
@@ -4138,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);
     }
@@ -4283,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));
     }
@@ -4295,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;
     }
@@ -4513,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);
   }
@@ -4523,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);
     }
@@ -4535,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%);
@@ -4561,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%);

package/dist/index.d.ts

@@ -29,11 +29,12 @@ import CarouselPromotion from "./components/core/carousel/promotion/ui/CarouselP
 import CarouselBadge from "./components/core/carousel/badge/ui/CarouselBadge.svelte";
 import CarouselHero from "./components/core/carousel/hero/CarouselHero.svelte";
 import CompanyProfile from "./components/pages/company-profile/CompanyProfile.svelte";
+import Menu from "./components/core/nav/ui/Menu.svelte";
 import PageLogin from "./components/pages/security/login/PageLogin.svelte";
 import SearchInput from "./components/core/search/SearchInput.svelte";
-import NavMenu from "./components/core/nav/ui/nav-menu.svelte";
-import NegoDesign from "./components/NegoDesign.svelte";
 import Footer from "./components/core/footer/ui/Footer.svelte";
+import NavMenu from "./components/core/nav/ui/NavMenu.svelte";
+import NegoDesign from "./components/NegoDesign.svelte";
 /** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
 export { locale } from "./i18n";
 /** Lista de idiomas disponíveis. Atualizado automaticamente. */
@@ -44,7 +45,7 @@ export { t } from "./i18n";
 export { getMergedTranslations } from "./i18n/config";
 /** Retorna a lista de idiomas disponíveis. */
 export { getLocales } from "./i18n/config";
-export { 
+export { Menu, 
 /**
  * Componente raiz do Negodesign.
  * Configura o tema, idioma e traduções da aplicação.

package/dist/index.js

@@ -29,11 +29,12 @@ import CarouselPromotion from "./components/core/carousel/promotion/ui/CarouselP
 import CarouselBadge from "./components/core/carousel/badge/ui/CarouselBadge.svelte";
 import CarouselHero from "./components/core/carousel/hero/CarouselHero.svelte";
 import CompanyProfile from "./components/pages/company-profile/CompanyProfile.svelte";
+import Menu from "./components/core/nav/ui/Menu.svelte";
 import PageLogin from "./components/pages/security/login/PageLogin.svelte";
 import SearchInput from "./components/core/search/SearchInput.svelte";
-import NavMenu from "./components/core/nav/ui/nav-menu.svelte";
-import NegoDesign from "./components/NegoDesign.svelte";
 import Footer from "./components/core/footer/ui/Footer.svelte";
+import NavMenu from "./components/core/nav/ui/NavMenu.svelte";
+import NegoDesign from "./components/NegoDesign.svelte";
 /** Store reativa do idioma atual. Altere com `$locale = "pt"`. */
 export { locale } from "./i18n";
 /** Lista de idiomas disponíveis. Atualizado automaticamente. */
@@ -44,7 +45,7 @@ export { t } from "./i18n";
 export { getMergedTranslations } from "./i18n/config";
 /** Retorna a lista de idiomas disponíveis. */
 export { getLocales } from "./i18n/config";
-export { 
+export { Menu, 
 /**
  * Componente raiz do Negodesign.
  * Configura o tema, idioma e traduções da aplicação.

package/dist/types/index.d.ts

@@ -29,7 +29,8 @@ import type { NegoDesignProps } from "../components/types";
 import type { CarouselGridPromotionProps } from "../components/core/carousel/grid/promotion/types";
 import type { CarouselGridProductProps } from "../components/core/carousel/grid/product/types";
 import type { CompanyProfileProps } from "../components/pages/company-profile/types";
-export type { 
+import type { MenuProps } from "../components/core/nav/ui/shared/types";
+export type { MenuProps, 
 /** Props de um link individual no menu de navegação. @see NavMenuLinksProps */
 NavMenuLinksProps, 
 /** Props do logotipo no NavMenu. @see NavMenuLogoProps */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "negodesign",
-	"version": "0.0.54",
+	"version": "0.0.56",
 	"type": "module",
 	"license": "MIT",
 	"sideEffects": [

package/dist/components/core/nav/ui/nav-menu-sidebar.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { NavMenuItem } from "../data/nav-menu-sidebar";
-type $$ComponentProps = {
-    items: NavMenuItem[];
-};
-declare const NavMenuSidebar: import("svelte").Component<$$ComponentProps, {}, "">;
-type NavMenuSidebar = ReturnType<typeof NavMenuSidebar>;
-export default NavMenuSidebar;