@kushagradhawan/kookie-ui 0.1.109 → 0.1.111

package/components.css

@@ -1970,7 +1970,6 @@
     padding-top: var(--classic-active-padding-offset-2);
     padding-bottom: 0;
     background-color: var(--gray-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-AvatarRoot:where(button):where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled])), :where([data-panel-background='translucent'], [data-material='translucent']) .rt-AvatarRoot:where(a):where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled])), :where([data-panel-background='translucent'], [data-material='translucent']) .rt-AvatarRoot:where([role="button"]):where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled])) {
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
@@ -3634,11 +3633,9 @@
 }
 .rt-BaseButton:where(.rt-variant-classic):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled]), [data-state='on']:not([data-disabled])) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 @media (pointer: coarse) {
     .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'])) {
@@ -3725,11 +3722,9 @@
 .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
     filter: var(--base-button-solid-open-filter);
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
     filter: var(--base-button-solid-active-filter);
-    box-shadow: var(--shadow-1);
 }
 @media (pointer: coarse) {
     .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
@@ -3755,11 +3750,9 @@
 .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
     filter: var(--base-button-solid-high-contrast-open-filter);
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
     filter: var(--base-button-solid-high-contrast-active-filter);
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3796,11 +3789,9 @@
 }
 .rt-BaseButton:where(.rt-variant-soft):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-soft):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a5) calc(var(--material-alpha) * 100%), var(--accent-5) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-soft):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3841,11 +3832,9 @@
 }
 .rt-BaseButton:where(.rt-variant-ghost):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-ghost):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where(.rt-variant-ghost):where([data-disabled]) {
     color: var(--gray-a8);
@@ -3869,11 +3858,11 @@
 }
 .rt-BaseButton:where(.rt-variant-outline):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--outline-border-7), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-7);
 }
 .rt-BaseButton:where(.rt-variant-outline):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--outline-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-8);
 }
 .rt-BaseButton:where(.rt-variant-outline):where(:focus-visible) {
     outline: 2px solid var(--focus-8);
@@ -3905,11 +3894,11 @@
 }
 .rt-BaseButton:where(.rt-variant-surface):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--surface-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
 }
 .rt-BaseButton:where(.rt-variant-surface):where(:active:not([data-state='open'])) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--surface-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
 }
 .rt-BaseButton:where(.rt-variant-surface):where(:focus-visible) {
     outline: 2px solid var(--focus-8);
@@ -3927,13 +3916,11 @@
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-classic) {
     background-color: color-mix(in srgb, var(--gray-a3) calc(var(--material-alpha) * 100%), var(--gray-3) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-solid) {
     --solid-blend: calc(100% - (var(--material-alpha) * 90%));
     background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
     opacity: 0.9;
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-solid):where(.rt-high-contrast) {
     background-color: var(--accent-12);
@@ -3941,21 +3928,19 @@
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-soft) {
     background-color: color-mix(in srgb, var(--accent-a5) calc(var(--material-alpha) * 100%), var(--accent-5) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-ghost) {
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-outline) {
     --outline-border-8: color-mix(in srgb, var(--accent-a8) calc(var(--material-alpha) * 100%), var(--accent-8) var(--material-blend));
     background-color: color-mix(in srgb, var(--accent-a3) calc(var(--material-alpha) * 100%), var(--accent-3) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--outline-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--outline-border-8);
 }
 .rt-BaseButton:where([data-state='on']):where(.rt-variant-surface) {
     --surface-border-8: color-mix(in srgb, var(--accent-a8) calc(var(--material-alpha) * 100%), var(--accent-8) var(--material-blend));
     background-color: color-mix(in srgb, var(--accent-a4) calc(var(--material-alpha) * 100%), var(--accent-4) var(--material-blend));
-    box-shadow: inset 0 0 0 1px var(--surface-border-8), var(--shadow-1);
+    box-shadow: inset 0 0 0 1px var(--surface-border-8);
 }
 .rt-BaseButton:where([disabled][aria-pressed]) {
     transform: none;
@@ -5429,11 +5414,9 @@
 }
 .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open']) {
     transition-duration: 40ms;
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open']) {
     transition-duration: 40ms;
-    box-shadow: var(--shadow-1);
 }
 .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where([data-state='open'])::before {
     background-color: var(--gray-3);
@@ -5453,12 +5436,6 @@
 .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::after {
     box-shadow: none;
 }
-.rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open'])) {
-    box-shadow: var(--shadow-1);
-}
-.rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open'])) {
-    box-shadow: var(--shadow-1);
-}
 .rt-BaseCard:where(.rt-variant-classic):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before {
     background-color: var(--gray-3);
 }
@@ -6141,7 +6118,6 @@
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate'])::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate'])::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -6175,7 +6151,6 @@
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled))::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -9403,11 +9378,9 @@
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled, :-moz-read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextFieldRoot:where(.rt-variant-soft) {
     --text-field-selection-color: var(--accent-a5);
@@ -12552,7 +12525,6 @@
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked, [data-state='checked'])::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked, [data-state='checked'])::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -12574,7 +12546,6 @@
 }
 .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled]))::before {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled, [data-disabled]))::before {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -15056,7 +15027,6 @@
 }
 .rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -15069,7 +15039,6 @@
 }
 .rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled])) {
     background-color: var(--accent-3);
-    box-shadow: var(--shadow-1);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled])) {
     background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -15904,23 +15873,46 @@
     text-align: center !important;
     font-size: var(--font-size-0) !important;
     line-height: var(--line-height-0) !important;
-    padding-top: var(--space-2) !important;
-    padding-bottom: var(--space-2) !important;
     padding-inline-start: var(--space-1) !important;
     padding-inline-end: var(--space-1) !important;
+    margin-top: 1px;
+    margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) {
-    --base-menu-item-padding-left: var(--space-1) !important;
-    --base-menu-item-padding-right: var(--space-1) !important;
-    --base-menu-item-padding-y: var(--space-2) !important;
-}
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
-    --base-menu-item-padding-left: var(--space-1) !important;
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    padding-top: var(--space-1) !important;
+    padding-bottom: var(--space-1) !important;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: var(--space-1);
+    text-align: center;
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
-    --base-menu-item-padding-left: var(--space-1) !important;
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    padding-top: var(--space-1) !important;
+    padding-bottom: var(--space-1) !important;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    gap: var(--space-1);
+    text-align: center;
+    font-size: var(--font-size-0);
+    line-height: var(--line-height-0);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+    min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+    padding-top: var(--space-2) !important;
+    padding-bottom: var(--space-2) !important;
     justify-content: center;
     align-items: center;
     flex-direction: column;
@@ -15934,6 +15926,17 @@
     max-width: 100%;
     min-width: 0;
 }
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+    --base-menu-item-padding-right: var(--space-1) !important;
+    --base-menu-item-padding-y: var(--space-2) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
+    --base-menu-item-padding-left: var(--space-1) !important;
+}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
@@ -15949,20 +15952,6 @@
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
     --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    gap: var(--space-1);
-    text-align: center;
-    font-size: var(--font-size-0);
-    line-height: var(--line-height-0);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    min-width: 0;
-}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-4);
     height: var(--content-icon-size-4);
@@ -15978,20 +15967,6 @@
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
     --base-menu-item-padding-left: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    gap: var(--space-1);
-    text-align: center;
-    font-size: var(--font-size-0);
-    line-height: var(--line-height-0);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    min-width: 0;
-}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-5);
     height: var(--content-icon-size-5);
@@ -16029,18 +16004,78 @@
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton) :where(svg) {
     display: block;
 }
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuIconWrapper) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    padding: var(--space-3) var(--space-2);
+    border-radius: var(--radius-2);
+    transition: background-color var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
+}
+.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1 .rt-SidebarMenuIconWrapper {
+    padding: var(--space-2) var(--space-2);
+    border-radius: var(--radius-1);
+}
+.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper {
+    padding: var(--space-2);
+    border-radius: var(--radius-2);
+}
+.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper {
+    padding: var(--space-3);
+    border-radius: var(--radius-2);
+}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
     display: block;
     max-width: 100%;
     min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    overflow: visible;
+    text-overflow: clip;
     white-space: nowrap;
     text-align: center;
-    color: var(--accent-11);
+    color: var(--gray-11);
     font-size: var(--font-size-0);
     line-height: var(--line-height-0);
 }
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
+    color: var(--accent-11);
+    font-weight: var(--font-weight-medium);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuLabel) {
+    color: var(--accent-11);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-highlighted]),
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
+    background-color: transparent !important;
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-4);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-3);
+}
+:where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-a4);
+}
+:where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-a3);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-9);
+    color: var(--accent-contrast);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-9);
+    color: var(--accent-contrast);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-highlighted] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-12);
+    color: var(--accent-1);
+}
+:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+    background-color: var(--accent-12);
+    color: var(--accent-1);
+}
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
 :where(.rt-SidebarContainer[data-presentation='thin'] .rt-Badge),
@@ -19594,11 +19629,9 @@
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled, :-moz-read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
-    box-shadow: var(--shadow-1);
 }
 .rt-TextAreaRoot:where(.rt-variant-soft) {
     --text-area-selection-color: var(--accent-a5);

package/dist/cjs/components/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/sidebar.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var ne=Object.create;var x=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,de=Object.prototype.hasOwnProperty;var ue=(r,t)=>{for(var o in t)x(r,o,{get:t[o],enumerable:!0})},Q=(r,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of ie(t))!de.call(r,i)&&i!==o&&x(r,i,{get:()=>t[i],enumerable:!(n=ae(t,i))||n.enumerable});return r};var E=(r,t,o)=>(o=r!=null?ne(se(r)):{},Q(t||!r||!r.__esModule?x(o,"default",{value:r,enumerable:!0}):o,r)),pe=r=>Q(x({},"__esModule",{value:!0}),r);var le={};ue(le,{Content:()=>I,Footer:()=>V,Group:()=>j,GroupContent:()=>q,GroupLabel:()=>O,Header:()=>G,Menu:()=>W,MenuButton:()=>F,MenuItem:()=>k,MenuSub:()=>$,MenuSubContent:()=>K,MenuSubTrigger:()=>_,Root:()=>D,Separator:()=>A});module.exports=pe(le);var e=E(require("react")),u=E(require("classnames")),z=require("./slot.js"),P=E(require("@radix-ui/react-accordion")),C=E(require("./dropdown-menu.js")),y=require("./sidebar.props.js"),Y=require("./theme.js"),Z=require("./scroll-area.js"),ee=require("./separator.js"),re=require("./icons.js"),te=require("../helpers/extract-props.js"),R=require("./kbd.js"),N=require("./badge.js");const X=e.createContext(null);function v(){return e.useContext(X)}const D=e.forwardRef((r,t)=>{const o=(0,Y.useThemeContext)(),{size:n=y.sidebarPropDefs.size.default,variant:i=y.sidebarPropDefs.variant.default,menuVariant:m=y.sidebarPropDefs.menuVariant.default,layout:p=y.sidebarPropDefs.layout.default,presentation:c,panelBackground:a,color:f,highContrast:d=y.sidebarPropDefs.highContrast.default}=r,{className:g,children:B,...U}=(0,te.extractProps)(r,y.sidebarPropDefs),{asChild:b,panelBackground:J,presentation:T,...H}=U,M=f||o.accentColor,S=c==="thin"?"rail":c==="expanded"?"panel":p||"panel",w=typeof n=="object"?n.initial||"2":n;return e.createElement("div",{...H,ref:t,"data-accent-color":M,className:(0,u.default)("rt-SidebarRoot",g)},e.createElement(X.Provider,{value:{size:w,menuVariant:m,presentation:c,color:M}},e.createElement("div",{className:(0,u.default)("rt-SidebarContainer",`rt-variant-${i}`,`rt-r-size-${w}`,`rt-menu-variant-${m}`,S&&`rt-layout-${S}`),"data-accent-color":M,"data-high-contrast":d||void 0,"data-panel-background":a,"data-presentation":c,"data-layout":S},B)))});D.displayName="Sidebar.Root";const I=e.forwardRef(({className:r,children:t,role:o="navigation","aria-label":n="Main navigation",id:i,...m},p)=>{const c=v(),a=c?.size??"2",f=c?.menuVariant??"soft";return e.createElement(Z.ScrollArea,{type:"hover"},e.createElement("div",{...m,ref:p,id:i,role:o,"aria-label":n,className:(0,u.default)("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${a}`,`rt-menu-variant-${f}`,r)},e.createElement("div",{className:"rt-BaseMenuViewport"},t)))});I.displayName="Sidebar.Content";const G=e.forwardRef(({className:r,asContainer:t=!0,...o},n)=>{const i=v(),m=i?.size??"2",p=i?.menuVariant??"soft";return e.createElement("div",{...o,ref:n,className:(0,u.default)("rt-SidebarHeader",`rt-r-size-${m}`,`rt-menu-variant-${p}`,{"rt-SidebarHeader--container":t},r)})});G.displayName="Sidebar.Header";const V=e.forwardRef(({className:r,asContainer:t=!0,...o},n)=>{const i=v(),m=i?.size??"2",p=i?.menuVariant??"soft";return e.createElement("div",{...o,ref:n,className:(0,u.default)("rt-SidebarFooter",`rt-r-size-${m}`,`rt-menu-variant-${p}`,{"rt-SidebarFooter--container":t},r)})});V.displayName="Sidebar.Footer";const A=e.forwardRef(({className:r,...t},o)=>e.createElement(ee.Separator,{...t,ref:o,className:(0,u.default)("rt-SidebarSeparator",r)}));A.displayName="Sidebar.Separator";const W=e.forwardRef(({className:r,...t},o)=>e.createElement("ul",{...t,ref:o,role:"menu",className:(0,u.default)("rt-SidebarMenu",r)}));W.displayName="Sidebar.Menu";const k=e.forwardRef(({className:r,...t},o)=>e.createElement("li",{...t,ref:o,className:(0,u.default)("rt-SidebarMenuItem",r)}));k.displayName="Sidebar.MenuItem";const F=e.forwardRef(({asChild:r=!1,isActive:t=!1,shortcut:o,badge:n,className:i,children:m,onMouseEnter:p,onMouseLeave:c,onKeyDown:a,...f},d)=>{const[g,B]=e.useState(!1),b=v()?.size??"2",J=r?z.Slot:"button",{onClick:T}=f,H=e.useCallback(s=>{switch(s.key){case"Enter":case" ":s.preventDefault(),T&&T(s);break;case"ArrowDown":{s.preventDefault();const l=s.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');l&&l.focus();break}case"ArrowUp":{s.preventDefault();const l=s.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');l&&l.focus();break}}a?.(s)},[T,a]),M=s=>{if(typeof s=="string"||typeof s=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},s);if(Array.isArray(s))return s.map((l,h)=>e.createElement(e.Fragment,{key:h},M(l)));if(e.isValidElement(s)){const l=s,h=l.props&&l.props.className||"";if(typeof l.type=="string"&&h.split(" ").includes("rt-SidebarMenuLabel"))return l;const oe=M(l.props?.children);return e.cloneElement(l,{...l.props},oe)}return s},S=M(m),w=e.useMemo(()=>{if(!r)return null;try{const s=e.Children.only(S),l=s.props?.children,h=e.createElement(e.Fragment,null,l,n&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof n=="string"?e.createElement(N.Badge,{size:b,variant:"soft"},n):e.createElement(N.Badge,{size:n.size||b,variant:n.variant||"soft",color:n.color,highContrast:n.highContrast,radius:n.radius},n.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(R.Kbd,{size:b},o)));return e.cloneElement(s,{...s.props},h)}catch{return S}},[r,S,n,o,b]);return e.createElement(J,{...f,ref:d,role:"menuitem","aria-current":t?"page":void 0,className:(0,u.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",i),"data-active":t||void 0,"data-highlighted":g||void 0,onKeyDown:H,onMouseEnter:s=>{B(!0),p?.(s)},onMouseLeave:s=>{B(!1),c?.(s)}},r?w:e.createElement(e.Fragment,null,S,n&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof n=="string"?e.createElement(N.Badge,{size:b,variant:"soft"},n):e.createElement(N.Badge,{size:n.size||b,variant:n.variant||"soft",color:n.color,highContrast:n.highContrast,radius:n.radius},n.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(R.Kbd,{size:b},o))))});F.displayName="Sidebar.MenuButton";const L=e.createContext("accordion"),$=e.forwardRef(({defaultOpen:r=!1,children:t,...o},n)=>(v()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...o,ref:n},e.createElement(C.Root,null,e.createElement(L.Provider,{value:"dropdown"},t))):e.createElement("div",{...o,ref:n},e.createElement(L.Provider,{value:"accordion"},e.createElement(P.Root,{type:"single",collapsible:!0,defaultValue:r?"item":void 0},e.createElement(P.Item,{value:"item"},t)))));$.displayName="Sidebar.MenuSub";const _=e.forwardRef(({asChild:r=!1,className:t,children:o,onMouseEnter:n,onMouseLeave:i,...m},p)=>{const[c,a]=e.useState(!1);return e.useContext(L)==="dropdown"?e.createElement(C.Trigger,null,e.createElement("button",{...m,ref:p,type:"button",role:"menuitem","aria-haspopup":"menu",className:(0,u.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",t),"data-highlighted":c||void 0,onMouseEnter:d=>{a(!0),n?.(d)},onMouseLeave:d=>{a(!1),i?.(d)}},o)):e.createElement(P.Header,{asChild:!0},e.createElement("div",null,e.createElement(P.Trigger,{...m,ref:p,asChild:r,role:"menuitem","aria-haspopup":"true",className:(0,u.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",t),"data-highlighted":c||void 0,onMouseEnter:d=>{a(!0),n?.(d)},onMouseLeave:d=>{a(!1),i?.(d)}},r?o:e.createElement(e.Fragment,null,o,e.createElement(re.ThickChevronRightIcon,{className:(0,u.default)("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});_.displayName="Sidebar.MenuSubTrigger";const K=e.forwardRef(({className:r,children:t,...o},n)=>{const i=v();if(e.useContext(L)==="dropdown"){const p=a=>{if(Array.isArray(a))return a.map((f,d)=>e.createElement(e.Fragment,{key:d},p(f)));if(e.isValidElement(a)){if(a.type?.displayName==="Sidebar.MenuButton")return a.props?.children;const d=a.props?.children;if(d!==void 0)return e.cloneElement(a,{...a.props,children:p(d)})}return a},c=e.Children.map(t,(a,f)=>{if(e.isValidElement(a)&&a.type?.displayName==="Sidebar.MenuItem"){const d=a.props?.children,g=p(d);return e.createElement(C.Item,{key:f,asChild:!0},g)}return e.createElement(C.Item,{key:f,asChild:!0},p(a))});return e.createElement(C.Content,{size:i?.size,variant:i?.menuVariant,className:(0,u.default)(r)},e.createElement(C.Group,null,c))}return e.createElement(P.Content,{...o,ref:n,className:(0,u.default)("rt-SidebarMenuSubContent",r)},e.createElement("div",{className:"rt-SidebarMenuSubList"},t))});K.displayName="Sidebar.MenuSubContent";const j=e.forwardRef(({className:r,...t},o)=>e.createElement("div",{...t,ref:o,className:(0,u.default)("rt-BaseMenuGroup","rt-SidebarGroup",r)}));j.displayName="Sidebar.Group";const O=e.forwardRef(({asChild:r=!1,className:t,...o},n)=>e.createElement(r?z.Slot:"div",{...o,ref:n,role:"group",className:(0,u.default)("rt-BaseMenuLabel","rt-SidebarGroupLabel",t)}));O.displayName="Sidebar.GroupLabel";const q=e.forwardRef(({className:r,...t},o)=>e.createElement("div",{...t,ref:o,className:(0,u.default)("rt-SidebarGroupContent",r)}));q.displayName="Sidebar.GroupContent";
+"use strict";"use client";var ue=Object.create;var z=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ce=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var fe=(r,t)=>{for(var n in t)z(r,n,{get:t[n],enumerable:!0})},ee=(r,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of le(t))!me.call(r,s)&&s!==n&&z(r,s,{get:()=>t[s],enumerable:!(o=pe(t,s))||o.enumerable});return r};var H=(r,t,n)=>(n=r!=null?ue(ce(r)):{},ee(t||!r||!r.__esModule?z(n,"default",{value:r,enumerable:!0}):n,r)),be=r=>ee(z({},"__esModule",{value:!0}),r);var Se={};fe(Se,{Content:()=>k,Footer:()=>F,Group:()=>J,GroupContent:()=>X,GroupLabel:()=>Q,Header:()=>W,Menu:()=>_,MenuButton:()=>j,MenuItem:()=>K,MenuSub:()=>O,MenuSubContent:()=>U,MenuSubTrigger:()=>q,Root:()=>A,Separator:()=>$});module.exports=be(Se);var e=H(require("react")),u=H(require("classnames")),G=require("./slot.js"),x=H(require("@radix-ui/react-accordion")),P=H(require("./dropdown-menu.js")),v=require("./sidebar.props.js"),te=require("./theme.js"),ne=require("./scroll-area.js"),oe=require("./separator.js"),ae=require("./icons.js"),se=require("../helpers/extract-props.js"),V=require("./kbd.js"),E=require("./badge.js");const re=e.createContext(null);function N(){return e.useContext(re)}const A=e.forwardRef((r,t)=>{const n=(0,te.useThemeContext)(),{size:o=v.sidebarPropDefs.size.default,variant:s=v.sidebarPropDefs.variant.default,menuVariant:c=v.sidebarPropDefs.menuVariant.default,layout:p=v.sidebarPropDefs.layout.default,presentation:m,panelBackground:f,color:i,highContrast:l=v.sidebarPropDefs.highContrast.default}=r,{className:S,children:g,...L}=(0,se.extractProps)(r,v.sidebarPropDefs),{asChild:M,panelBackground:D,presentation:Y,...B}=L,T=i||n.accentColor,w=m==="thin"?"rail":m==="expanded"?"panel":p||"panel",h=typeof o=="object"?o.initial||"2":o;return e.createElement("div",{...B,ref:t,"data-accent-color":T,className:(0,u.default)("rt-SidebarRoot",S)},e.createElement(re.Provider,{value:{size:h,menuVariant:c,presentation:m,color:T}},e.createElement("div",{className:(0,u.default)("rt-SidebarContainer",`rt-variant-${s}`,`rt-r-size-${h}`,`rt-menu-variant-${c}`,w&&`rt-layout-${w}`),"data-accent-color":T,"data-high-contrast":l||void 0,"data-panel-background":f,"data-presentation":m,"data-layout":w},g)))});A.displayName="Sidebar.Root";const k=e.forwardRef(({className:r,children:t,role:n="navigation","aria-label":o="Main navigation",id:s,...c},p)=>{const m=N(),f=m?.size??"2",i=m?.menuVariant??"soft";return e.createElement(ne.ScrollArea,{type:"hover"},e.createElement("div",{...c,ref:p,id:s,role:n,"aria-label":o,className:(0,u.default)("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${f}`,`rt-menu-variant-${i}`,r)},e.createElement("div",{className:"rt-BaseMenuViewport"},t)))});k.displayName="Sidebar.Content";const W=e.forwardRef(({className:r,asContainer:t=!0,...n},o)=>{const s=N(),c=s?.size??"2",p=s?.menuVariant??"soft";return e.createElement("div",{...n,ref:o,className:(0,u.default)("rt-SidebarHeader",`rt-r-size-${c}`,`rt-menu-variant-${p}`,{"rt-SidebarHeader--container":t},r)})});W.displayName="Sidebar.Header";const F=e.forwardRef(({className:r,asContainer:t=!0,...n},o)=>{const s=N(),c=s?.size??"2",p=s?.menuVariant??"soft";return e.createElement("div",{...n,ref:o,className:(0,u.default)("rt-SidebarFooter",`rt-r-size-${c}`,`rt-menu-variant-${p}`,{"rt-SidebarFooter--container":t},r)})});F.displayName="Sidebar.Footer";const $=e.forwardRef(({className:r,...t},n)=>e.createElement(oe.Separator,{...t,ref:n,className:(0,u.default)("rt-SidebarSeparator",r)}));$.displayName="Sidebar.Separator";const _=e.forwardRef(({className:r,...t},n)=>e.createElement("ul",{...t,ref:n,role:"menu",className:(0,u.default)("rt-SidebarMenu",r)}));_.displayName="Sidebar.Menu";const K=e.forwardRef(({className:r,...t},n)=>e.createElement("li",{...t,ref:n,className:(0,u.default)("rt-SidebarMenuItem",r)}));K.displayName="Sidebar.MenuItem";const j=e.forwardRef(({asChild:r=!1,isActive:t=!1,shortcut:n,badge:o,className:s,children:c,onMouseEnter:p,onMouseLeave:m,onKeyDown:f,...i},l)=>{const[S,g]=e.useState(!1),L=N(),M=L?.size??"2",D=L?.presentation==="thin",Y=r?G.Slot:"button",{onClick:B}=i,T=e.useCallback(a=>{switch(a.key){case"Enter":case" ":a.preventDefault(),B&&B(a);break;case"ArrowDown":{a.preventDefault();const d=a.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');d&&d.focus();break}case"ArrowUp":{a.preventDefault();const d=a.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');d&&d.focus();break}}f?.(a)},[B,f]),w=a=>{const d=[],b=[];return e.Children.forEach(a,y=>{if(typeof y=="string"||typeof y=="number")b.push(e.createElement("span",{key:b.length,className:"rt-SidebarMenuLabel"},y));else if(e.isValidElement(y)){const C=y;C.type==="svg"||C.props&&C.props.icon||typeof C.type=="function"&&(C.type.displayName?.includes("Icon")||C.type.name?.includes("Icon"))?d.push(y):b.push(y)}else y&&b.push(y)}),{icons:d,labels:b}},h=a=>{if(typeof a=="string"||typeof a=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},a);if(Array.isArray(a))return a.map((d,b)=>e.createElement(e.Fragment,{key:b},h(d)));if(e.isValidElement(a)){const d=a,b=d.props&&d.props.className||"";if(typeof d.type=="string"&&b.split(" ").includes("rt-SidebarMenuLabel"))return d;const C=h(d.props?.children);return e.cloneElement(d,{...d.props},C)}return a},R=h(c),{icons:Z,labels:ie}=D?w(c):{icons:[],labels:[]},de=e.useMemo(()=>{if(!r)return null;try{const a=e.Children.only(R),d=a.props?.children,b=e.createElement(e.Fragment,null,d,o&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof o=="string"?e.createElement(E.Badge,{size:M,variant:"soft"},o):e.createElement(E.Badge,{size:o.size||M,variant:o.variant||"soft",color:o.color,highContrast:o.highContrast,radius:o.radius},o.content)),n&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(V.Kbd,{size:M},n)));return e.cloneElement(a,{...a.props},b)}catch{return R}},[r,R,o,n,M]);return e.createElement(Y,{...i,ref:l,role:"menuitem","aria-current":t?"page":void 0,className:(0,u.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",s),"data-active":t||void 0,"data-highlighted":S||void 0,onKeyDown:T,onMouseEnter:a=>{g(!0),p?.(a)},onMouseLeave:a=>{g(!1),m?.(a)}},r?de:D&&Z.length>0?e.createElement(e.Fragment,null,e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},Z),ie.map((a,d)=>e.createElement(e.Fragment,{key:d},typeof a=="string"||typeof a=="number"?e.createElement("span",{className:"rt-SidebarMenuLabel"},a):a))):e.createElement(e.Fragment,null,R,o&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof o=="string"?e.createElement(E.Badge,{size:M,variant:"soft"},o):e.createElement(E.Badge,{size:o.size||M,variant:o.variant||"soft",color:o.color,highContrast:o.highContrast,radius:o.radius},o.content)),n&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(V.Kbd,{size:M},n))))});j.displayName="Sidebar.MenuButton";const I=e.createContext("accordion"),O=e.forwardRef(({defaultOpen:r=!1,children:t,...n},o)=>(N()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...n,ref:o},e.createElement(P.Root,null,e.createElement(I.Provider,{value:"dropdown"},t))):e.createElement("div",{...n,ref:o},e.createElement(I.Provider,{value:"accordion"},e.createElement(x.Root,{type:"single",collapsible:!0,defaultValue:r?"item":void 0},e.createElement(x.Item,{value:"item"},t)))));O.displayName="Sidebar.MenuSub";const q=e.forwardRef(({asChild:r=!1,className:t,children:n,onMouseEnter:o,onMouseLeave:s,...c},p)=>{const[m,f]=e.useState(!1);return e.useContext(I)==="dropdown"?e.createElement(P.Trigger,null,e.createElement("button",{...c,ref:p,type:"button",role:"menuitem","aria-haspopup":"menu",className:(0,u.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",t),"data-highlighted":m||void 0,onMouseEnter:l=>{f(!0),o?.(l)},onMouseLeave:l=>{f(!1),s?.(l)}},n)):e.createElement(x.Header,{asChild:!0},e.createElement("div",null,e.createElement(x.Trigger,{...c,ref:p,asChild:r,role:"menuitem","aria-haspopup":"true",className:(0,u.default)("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",t),"data-highlighted":m||void 0,onMouseEnter:l=>{f(!0),o?.(l)},onMouseLeave:l=>{f(!1),s?.(l)}},r?n:e.createElement(e.Fragment,null,n,e.createElement(ae.ThickChevronRightIcon,{className:(0,u.default)("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")})))))});q.displayName="Sidebar.MenuSubTrigger";const U=e.forwardRef(({className:r,children:t,...n},o)=>{const s=N();if(e.useContext(I)==="dropdown"){const p=i=>{if(Array.isArray(i))return i.map((l,S)=>e.createElement(e.Fragment,{key:S},p(l)));if(e.isValidElement(i)){if(i.type?.displayName==="Sidebar.MenuButton")return i.props?.children;const S=i.props?.children;if(S!==void 0)return e.cloneElement(i,{...i.props,children:p(S)})}return i},m=e.Children.map(t,(i,l)=>{if(e.isValidElement(i)&&i.type?.displayName==="Sidebar.MenuItem"){const S=i.props?.children,g=p(S);return e.createElement(P.Item,{key:l,asChild:!0},g)}return e.createElement(P.Item,{key:l,asChild:!0},p(i))}),f=s?.size==="3"?"2":s?.size;return e.createElement(P.Content,{size:f,variant:s?.menuVariant,className:(0,u.default)(r)},e.createElement(P.Group,null,m))}return e.createElement(x.Content,{...n,ref:o,className:(0,u.default)("rt-SidebarMenuSubContent",r)},e.createElement("div",{className:"rt-SidebarMenuSubList"},t))});U.displayName="Sidebar.MenuSubContent";const J=e.forwardRef(({className:r,...t},n)=>e.createElement("div",{...t,ref:n,className:(0,u.default)("rt-BaseMenuGroup","rt-SidebarGroup",r)}));J.displayName="Sidebar.Group";const Q=e.forwardRef(({asChild:r=!1,className:t,...n},o)=>e.createElement(r?G.Slot:"div",{...n,ref:o,role:"group",className:(0,u.default)("rt-BaseMenuLabel","rt-SidebarGroupLabel",t)}));Q.displayName="Sidebar.GroupLabel";const X=e.forwardRef(({className:r,...t},n)=>e.createElement("div",{...t,ref:n,className:(0,u.default)("rt-SidebarGroupContent",r)}));X.displayName="Sidebar.GroupContent";
 //# sourceMappingURL=sidebar.js.map