@womp/kookie-ui 0.14.0 → 0.14.1

package/components.css

@@ -17002,13 +17002,16 @@
     margin-top: 1px;
     margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) {
+:where(.rt-ShellRailContent .rt-ShellPaneChrome) {
+    --sidebar-base-padding: var(--space-2) !important;
+}
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter))) {
     padding: var(--space-2);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuViewport) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuViewport) {
     padding: var(--space-2) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter))) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
     -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
             justify-content: center !important;
@@ -17030,7 +17033,7 @@
     margin-top: 1px;
     margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
     padding-top: var(--space-1) !important;
     padding-bottom: var(--space-1) !important;
     -webkit-box-pack: center;
@@ -17053,7 +17056,7 @@
     max-width: 100%;
     min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
     padding-top: var(--space-1) !important;
     padding-bottom: var(--space-1) !important;
     -webkit-box-pack: center;
@@ -17076,7 +17079,7 @@
     max-width: 100%;
     min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
     padding-top: var(--space-2) !important;
     padding-bottom: var(--space-2) !important;
     -webkit-box-pack: center;
@@ -17099,52 +17102,52 @@
     max-width: 100%;
     min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).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))) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).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)) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).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) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-1)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2)) {
     --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-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)):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-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).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) :where(svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-4);
     height: var(--content-icon-size-4);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3)) {
     --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-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)):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-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).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) :where(svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
     width: var(--content-icon-size-5);
     height: var(--content-icon-size-5);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > *) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton > *) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -17161,7 +17164,7 @@
     width: 100%;
     min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTrigger > *) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubTrigger > *) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -17175,11 +17178,11 @@
     width: 100%;
     min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > * > svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton > * > svg) {
     -ms-flex-negative: 0;
         flex-shrink: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -17196,10 +17199,10 @@
     width: 100%;
     min-width: 0;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton) :where(svg) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton) :where(svg) {
     display: block;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuIconWrapper) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -17215,19 +17218,19 @@
     -webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
     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 {
+:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1) .rt-SidebarMenuIconWrapper {
     padding: var(--space-2) var(--space-2);
     border-radius: var(--radius-pill-1);
 }
-.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2) .rt-SidebarMenuIconWrapper {
     padding: var(--space-2);
     border-radius: var(--radius-pill-2);
 }
-.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3) .rt-SidebarMenuIconWrapper {
     padding: var(--space-3);
     border-radius: var(--radius-pill-3);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
     display: block;
     max-width: 100%;
     min-width: 0;
@@ -17239,77 +17242,77 @@
     font-size: var(--font-size-0);
     line-height: var(--line-height-0);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
     color: var(--accent-ink);
     font-weight: var(--font-weight-medium);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
     color: var(--accent-ink);
 }
 @media (hover: hover) {
-    :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
+    :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
         color: var(--accent-ink);
     }
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton[data-active]) {
     background-color: transparent !important;
 }
 @media (hover: hover) {
-    :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
+    :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
         background-color: transparent !important;
     }
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-4);
 }
 @media (hover: hover) {
-    :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+    :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .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) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).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:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+:where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-a4);
 }
 @media (hover: hover) {
-    :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+    :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .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) {
+:where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).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:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-solid);
     color: var(--accent-solid-contrast);
 }
 @media (hover: hover) {
-    :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+    :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
         background-color: var(--accent-solid);
         color: var(--accent-solid-contrast);
     }
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
     background-color: var(--accent-solid);
     color: var(--accent-solid-contrast);
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Badge),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-Kbd) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuBadge),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuShortcut),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-Badge),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-Kbd) {
     display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarGroupLabel) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarGroupLabel) {
     display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTriggerIcon),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubTriggerIcon) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubTriggerIcon),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubTriggerIcon) {
     display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubList),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubList) {
     padding-left: 0 !important;
     margin-left: 0 !important;
     border-left: 0 !important;
@@ -17318,12 +17321,12 @@
     margin-top: 0 !important;
     margin-bottom: 0 !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList::before),
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList::before) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubList::before),
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubList::before) {
     content: none !important;
     display: none !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent) {
     padding-left: 0 !important;
     margin-left: 0 !important;
     border-left: 0 !important;
@@ -17332,7 +17335,7 @@
     margin-top: var(--space-2) !important;
     margin-bottom: var(--space-2) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent .rt-SidebarMenuButton) {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -17599,6 +17602,12 @@
 .rt-SidebarContainer:where(.rt-r-size-2,.rt-r-size-3) {
     --sidebar-base-padding: var(--space-4);
 }
+.rt-ShellPaneChrome:where(.rt-r-size-1) {
+    --sidebar-base-padding: var(--space-2);
+}
+.rt-ShellPaneChrome:where(.rt-r-size-2,.rt-r-size-3) {
+    --sidebar-base-padding: var(--space-3);
+}
 .rt-SidebarHeader:where(.rt-r-size-1),
 .rt-SidebarFooter:where(.rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
@@ -17693,6 +17702,12 @@
     .rt-SidebarContainer:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
         --sidebar-base-padding: var(--space-4);
     }
+    .rt-ShellPaneChrome:where(.xs\:rt-r-size-1) {
+        --sidebar-base-padding: var(--space-2);
+    }
+    .rt-ShellPaneChrome:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-3);
+    }
     .rt-SidebarHeader:where(.xs\:rt-r-size-1),
   .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
@@ -17788,6 +17803,12 @@
     .rt-SidebarContainer:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
         --sidebar-base-padding: var(--space-4);
     }
+    .rt-ShellPaneChrome:where(.sm\:rt-r-size-1) {
+        --sidebar-base-padding: var(--space-2);
+    }
+    .rt-ShellPaneChrome:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-3);
+    }
     .rt-SidebarHeader:where(.sm\:rt-r-size-1),
   .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
@@ -17883,6 +17904,12 @@
     .rt-SidebarContainer:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
         --sidebar-base-padding: var(--space-4);
     }
+    .rt-ShellPaneChrome:where(.md\:rt-r-size-1) {
+        --sidebar-base-padding: var(--space-2);
+    }
+    .rt-ShellPaneChrome:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-3);
+    }
     .rt-SidebarHeader:where(.md\:rt-r-size-1),
   .rt-SidebarFooter:where(.md\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
@@ -17978,6 +18005,12 @@
     .rt-SidebarContainer:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
         --sidebar-base-padding: var(--space-4);
     }
+    .rt-ShellPaneChrome:where(.lg\:rt-r-size-1) {
+        --sidebar-base-padding: var(--space-2);
+    }
+    .rt-ShellPaneChrome:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-3);
+    }
     .rt-SidebarHeader:where(.lg\:rt-r-size-1),
   .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
@@ -18073,6 +18106,12 @@
     .rt-SidebarContainer:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
         --sidebar-base-padding: var(--space-4);
     }
+    .rt-ShellPaneChrome:where(.xl\:rt-r-size-1) {
+        --sidebar-base-padding: var(--space-2);
+    }
+    .rt-ShellPaneChrome:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
+        --sidebar-base-padding: var(--space-3);
+    }
     .rt-SidebarHeader:where(.xl\:rt-r-size-1),
   .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
@@ -18334,12 +18373,81 @@
 :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
     color: var(--gray-11) !important;
 }
+@media (prefers-contrast: more) {
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open']) {
+        background-color: var(--gray-3);
+    }
+    :where([data-panel-background='translucent']) :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])) {
+        background-color: var(--gray-a3);
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
+        background-color: var(--gray-3);
+        backdrop-filter: none;
+        --backdrop-filter-components: none;
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
+        background-color: var(--gray-a3);
+    }
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])) {
+        background-color: var(--accent-solid);
+        color: var(--accent-solid-contrast);
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
+        color: var(--accent-solid-contrast);
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Text) {
+        color: inherit !important;
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
+        color: inherit !important;
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Badge) {
+        color: var(--accent-solid-badge-contrast) !important;
+        background-color: var(--accent-solid-badge) !important;
+    }
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
+        background-color: var(--accent-solid);
+        color: var(--accent-solid-contrast);
+        font-weight: var(--font-weight-medium);
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
+        color: inherit !important;
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
+        color: inherit !important;
+    }
+    :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
+        color: var(--accent-solid-badge-contrast) !important;
+        background-color: var(--accent-solid-badge) !important;
+    }
+}
+@media (prefers-contrast: more) and (hover: hover) {
+    .rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),
+  .rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),
+  .rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
+        background-color: var(--accent-solid);
+        color: var(--accent-solid-contrast);
+    }
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
+        color: var(--accent-solid-contrast);
+    }
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Text) {
+        color: inherit !important;
+    }
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
+        color: inherit !important;
+    }
+    :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Badge) {
+        color: var(--accent-solid-badge-contrast) !important;
+        background-color: var(--accent-solid-badge) !important;
+    }
+}
 .rt-SidebarSearch {
     -ms-flex-negative: 0;
         flex-shrink: 0;
     padding: var(--space-2) var(--sidebar-base-padding);
 }
-:where(.rt-SidebarContainer[data-presentation='thin']) .rt-SidebarSearch {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) .rt-SidebarSearch {
     padding: var(--space-2);
 }
 .rt-SidebarSearch--expanded .rt-SidebarSearchInputWrapper {
@@ -18374,7 +18482,7 @@
         -ms-flex-pack: center;
             justify-content: center;
 }
-:where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger) {
     -webkit-box-pack: center !important;
         -ms-flex-pack: center !important;
             justify-content: center !important;
@@ -18396,62 +18504,62 @@
     margin-top: 1px;
     margin-bottom: 1px;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1)) :where(.rt-SidebarSearchTrigger) {
     padding-top: var(--space-1) !important;
     padding-bottom: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2)) :where(.rt-SidebarSearchTrigger) {
     padding-top: var(--space-1) !important;
     padding-bottom: var(--space-1) !important;
 }
-:where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3) :where(.rt-SidebarSearchTrigger) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3)) :where(.rt-SidebarSearchTrigger) {
     padding-top: var(--space-2) !important;
     padding-bottom: var(--space-2) !important;
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger svg {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1) .rt-SidebarSearchTrigger svg {
     width: var(--content-icon-size-2);
     height: var(--content-icon-size-2);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger svg {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2) .rt-SidebarSearchTrigger svg {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger svg {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3) .rt-SidebarSearchTrigger svg {
     width: var(--content-icon-size-3);
     height: var(--content-icon-size-3);
 }
-:where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
+:where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
     background-color: transparent !important;
 }
 @media (hover: hover) {
-    :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where(:hover)) {
+    :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger:where(:hover)) {
         background-color: transparent !important;
     }
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
     padding: var(--space-2) var(--space-2);
     border-radius: var(--radius-pill-1);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
     padding: var(--space-2);
     border-radius: var(--radius-pill-2);
 }
-.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
+:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
     padding: var(--space-3);
     border-radius: var(--radius-pill-3);
 }
 @media (hover: hover) {
-    :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+    :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
         background-color: var(--accent-4);
     }
 }
 @media (hover: hover) {
-    :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+    :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
         background-color: var(--accent-a4);
     }
 }
 @media (hover: hover) {
-    :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
+    :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
         background-color: var(--accent-solid);
         color: var(--accent-solid-contrast);
     }
@@ -18770,6 +18878,12 @@
 .rt-ShellRailContent {
     gap: var(--space-2);
 }
+.rt-ShellScroll {
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+    min-height: 0;
+}
 .rt-ShellPane[data-state='closed'] {
     display: none;
 }

package/dist/cjs/components/_internal/pane-chrome.d.ts

@@ -0,0 +1,47 @@
+/**
+ * A pane's own chrome: a header row, a scrolling region and a footer row.
+ *
+ * Shell.Sidebar and Shell.Panel render these as `Shell.PaneHeader`, `Shell.Scroll` and
+ * `Shell.PaneFooter`. The pane renders anything; with these parts it is the presentation, so
+ * Sidebar's menu parts work inside it with no `Sidebar.Root`. The index comes from the nearest
+ * Shell (`Shell.Root size`), or from a deprecated `Sidebar.Root` that still wraps them.
+ */
+import * as React from 'react';
+type PaneSize = '1' | '2' | '3';
+type SidebarVisualContextValue = {
+    size: PaneSize;
+    menuVariant: 'solid' | 'soft';
+    presentation?: 'thin' | 'expanded';
+    color?: string;
+};
+/** Size, menu highlight and presentation for the Sidebar parts. Internal: not exported. */
+declare const SidebarVisualContext: React.Context<SidebarVisualContextValue | null>;
+declare function useSidebarVisual(): SidebarVisualContextValue | null;
+/** The Shell's index. `Shell.Root size` sets it; panes hand it to their chrome. */
+declare const ShellSizeContext: React.Context<PaneSize>;
+/**
+ * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail
+ * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.
+ */
+declare function PaneChromeScope({ children, presentation }: {
+    children: React.ReactNode;
+    presentation?: 'thin';
+}): React.JSX.Element;
+interface PaneHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+/** A pane's header row, pinned above its scrolling region. */
+declare const PaneHeader: React.ForwardRefExoticComponent<PaneHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface PaneFooterProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+/** A pane's footer row, pinned below its scrolling region. */
+declare const PaneFooter: React.ForwardRefExoticComponent<PaneFooterProps & React.RefAttributes<HTMLDivElement>>;
+interface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+/**
+ * The one region of a pane that scrolls; it takes the room the header and footer leave.
+ * It is not a landmark: for navigation, pass `role="navigation"` and an `aria-label`.
+ */
+declare const Scroll: React.ForwardRefExoticComponent<ScrollProps & React.RefAttributes<HTMLDivElement>>;
+export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll };
+export type { SidebarVisualContextValue, PaneSize, PaneHeaderProps, PaneFooterProps, ScrollProps };
+//# sourceMappingURL=pane-chrome.d.ts.map

package/dist/cjs/components/_internal/pane-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AASD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE1E,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAGd,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE1E,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAGd,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEtE;;;GAGG;AACH,QAAA,MAAM,MAAM,oFASV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AACrH,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}