@kushagradhawan/kookie-ui 0.1.39 → 0.1.41

package/styles.css

@@ -71,7 +71,7 @@
   --cursor-checkbox: default;
   --cursor-disabled: not-allowed;
   --cursor-link: pointer;
-  --cursor-menu-item: default;
+  --cursor-menu-item: pointer;
   --cursor-radio: default;
   --cursor-slider-thumb: default;
   --cursor-slider-thumb-active: default;
@@ -9915,7 +9915,18 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(.rt-PopoverContent, .rt-BaseDialogContent, .rt-BaseMenuContent, .rt-DropdownMenuContent, .rt-ContextMenuContent, .rt-AlertDialogContent, .rt-HoverCardContent, .rt-TooltipContent, .rt-Card) .rt-BaseCard::before{
+:where(
+        .rt-PopoverContent,
+        .rt-BaseDialogContent,
+        .rt-BaseMenuContent,
+        .rt-DropdownMenuContent,
+        .rt-ContextMenuContent,
+        .rt-AlertDialogContent,
+        .rt-HoverCardContent,
+        .rt-TooltipContent,
+        .rt-Card
+      )
+      .rt-BaseCard::before{
   -webkit-backdrop-filter: none !important;
           backdrop-filter: none !important;
 }
@@ -10274,7 +10285,11 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic)::before{
+:where(
+        .rt-BaseCard[data-panel-background='translucent'],
+        .rt-BaseCard[data-material='translucent']
+      )
+      .rt-BaseCard:where(.rt-variant-classic)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10299,13 +10314,18 @@
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
+            .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
+  :where(
+              .rt-BaseCard[data-panel-background='translucent'],
+              .rt-BaseCard[data-material='translucent']
+            )
+            .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
@@ -10333,7 +10353,11 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -10359,7 +10383,11 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -10426,7 +10454,18 @@
             backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
-  :where(.rt-PopoverContent, .rt-BaseDialogContent, .rt-BaseMenuContent, .rt-DropdownMenuContent, .rt-ContextMenuContent, .rt-AlertDialogContent, .rt-HoverCardContent, .rt-TooltipContent, .rt-Card) .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover){
+  :where(
+            .rt-PopoverContent,
+            .rt-BaseDialogContent,
+            .rt-BaseMenuContent,
+            .rt-DropdownMenuContent,
+            .rt-ContextMenuContent,
+            .rt-AlertDialogContent,
+            .rt-HoverCardContent,
+            .rt-TooltipContent,
+            .rt-Card
+          )
+          .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover){
     -webkit-backdrop-filter: none !important;
             backdrop-filter: none !important;
   }
@@ -10454,7 +10493,18 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(.rt-PopoverContent, .rt-BaseDialogContent, .rt-BaseMenuContent, .rt-DropdownMenuContent, .rt-ContextMenuContent, .rt-AlertDialogContent, .rt-HoverCardContent, .rt-TooltipContent, .rt-Card) .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']){
+:where(
+          .rt-PopoverContent,
+          .rt-BaseDialogContent,
+          .rt-BaseMenuContent,
+          .rt-DropdownMenuContent,
+          .rt-ContextMenuContent,
+          .rt-AlertDialogContent,
+          .rt-HoverCardContent,
+          .rt-TooltipContent,
+          .rt-Card
+        )
+        .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']){
   -webkit-backdrop-filter: none !important;
           backdrop-filter: none !important;
 }
@@ -10481,7 +10531,18 @@
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(.rt-PopoverContent, .rt-BaseDialogContent, .rt-BaseMenuContent, .rt-DropdownMenuContent, .rt-ContextMenuContent, .rt-AlertDialogContent, .rt-HoverCardContent, .rt-TooltipContent, .rt-Card) .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])){
+:where(
+          .rt-PopoverContent,
+          .rt-BaseDialogContent,
+          .rt-BaseMenuContent,
+          .rt-DropdownMenuContent,
+          .rt-ContextMenuContent,
+          .rt-AlertDialogContent,
+          .rt-HoverCardContent,
+          .rt-TooltipContent,
+          .rt-Card
+        )
+        .rt-BaseCard:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])){
   -webkit-backdrop-filter: none !important;
           backdrop-filter: none !important;
 }
@@ -10495,16 +10556,16 @@
 }
 .rt-BaseCard:where(.rt-variant-soft){
   --card-border-width: 0px;
-  --card-background-color: var(--gray-3);
+  --card-background-color: var(--gray-2);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft){
-  --card-background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  --card-background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
 }
 .rt-BaseCard:where(.rt-variant-soft):where([data-panel-background='solid'], [data-material='solid']){
-  --card-background-color: var(--gray-3);
+  --card-background-color: var(--gray-2);
 }
 .rt-BaseCard:where(.rt-variant-soft):where([data-panel-background='translucent'], [data-material='translucent']){
-  --card-background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
+  --card-background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
 }
 .rt-BaseCard:where(.rt-variant-soft)::before{
   background-color: var(--card-background-color);
@@ -10518,7 +10579,11 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft)::before{
+:where(
+        .rt-BaseCard[data-panel-background='translucent'],
+        .rt-BaseCard[data-material='translucent']
+      )
+      .rt-BaseCard:where(.rt-variant-soft)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10541,19 +10606,35 @@
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
+            .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-3);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
+  :where(
+              .rt-BaseCard[data-panel-background='translucent'],
+              .rt-BaseCard[data-material='translucent']
+            )
+            .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   }
-  :where(.rt-PopoverContent, .rt-BaseDialogContent, .rt-BaseMenuContent, .rt-DropdownMenuContent, .rt-ContextMenuContent, .rt-AlertDialogContent, .rt-HoverCardContent, .rt-TooltipContent, .rt-Card) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
+  :where(
+              .rt-PopoverContent,
+              .rt-BaseDialogContent,
+              .rt-BaseMenuContent,
+              .rt-DropdownMenuContent,
+              .rt-ContextMenuContent,
+              .rt-AlertDialogContent,
+              .rt-HoverCardContent,
+              .rt-TooltipContent,
+              .rt-Card
+            )
+            .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:hover)::before{
     -webkit-backdrop-filter: none !important;
             backdrop-filter: none !important;
   }
@@ -10572,32 +10653,51 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-:where(.rt-PopoverContent, .rt-BaseDialogContent, .rt-BaseMenuContent, .rt-DropdownMenuContent, .rt-ContextMenuContent, .rt-AlertDialogContent, .rt-HoverCardContent, .rt-TooltipContent, .rt-Card) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
+:where(
+            .rt-PopoverContent,
+            .rt-BaseDialogContent,
+            .rt-BaseMenuContent,
+            .rt-DropdownMenuContent,
+            .rt-ContextMenuContent,
+            .rt-AlertDialogContent,
+            .rt-HoverCardContent,
+            .rt-TooltipContent,
+            .rt-Card
+          )
+          .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where([data-state='open'])::before{
   -webkit-backdrop-filter: none !important;
           backdrop-filter: none !important;
 }
 .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
-  background-color: var(--gray-4);
+  background-color: var(--gray-3);
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
-  background-color: color-mix(in srgb, var(--gray-a4), var(--gray-4) 60%);
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
-  background-color: var(--gray-4);
+  background-color: var(--gray-3);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
-  background-color: color-mix(in srgb, var(--gray-a4), var(--gray-4) 60%);
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-soft):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
+  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10632,7 +10732,11 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface)::before{
+:where(
+        .rt-BaseCard[data-panel-background='translucent'],
+        .rt-BaseCard[data-material='translucent']
+      )
+      .rt-BaseCard:where(.rt-variant-surface)::before{
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
@@ -10662,13 +10766,18 @@
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
   }
-  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
+  :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid'])
+            .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
     background-color: var(--gray-2);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     --backdrop-filter-panel: none;
   }
-  :where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
+  :where(
+              .rt-BaseCard[data-panel-background='translucent'],
+              .rt-BaseCard[data-material='translucent']
+            )
+            .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::before{
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
@@ -10695,7 +10804,11 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::before{
   background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -10721,7 +10834,11 @@
           backdrop-filter: none;
   --backdrop-filter-panel: none;
 }
-:where(.rt-BaseCard[data-panel-background='translucent'], .rt-BaseCard[data-material='translucent']) .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
+:where(
+            .rt-BaseCard[data-panel-background='translucent'],
+            .rt-BaseCard[data-material='translucent']
+          )
+          .rt-BaseCard:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::before{
   background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -11784,7 +11901,7 @@
   contain: paint;
   isolation: isolate;
 }
-.rt-BaseMenuContent:where([data-state="open"]){
+.rt-BaseMenuContent:where([data-state='open']){
   will-change: transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -11923,6 +12040,7 @@
   font-size: var(--font-size-1);
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
+  padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-2));
 }
 .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
   width: var(--indicator-icon-size-1);
@@ -11958,6 +12076,7 @@
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
+  padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-3));
 }
 .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
   width: var(--indicator-icon-size-2);
@@ -11993,6 +12112,7 @@
   font-size: var(--font-size-2);
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
+  padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-4));
 }
 .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
   width: var(--indicator-icon-size-2);
@@ -12029,6 +12149,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-2));
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-1);
@@ -12064,6 +12185,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-3));
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12099,6 +12221,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-4));
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12136,6 +12259,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-2));
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-1);
@@ -12171,6 +12295,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-3));
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12206,6 +12331,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-4));
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12243,6 +12369,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-2));
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-1);
@@ -12278,6 +12405,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-3));
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12313,6 +12441,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-4));
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12350,6 +12479,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-2));
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-1);
@@ -12385,6 +12515,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-3));
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12420,6 +12551,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-4));
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12457,6 +12589,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-2));
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-1);
@@ -12492,6 +12625,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-3));
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12527,6 +12661,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
+    padding-left: calc(var(--base-menu-item-padding-left) + var(--component-gap-4));
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon){
     width: var(--indicator-icon-size-2);
@@ -12546,7 +12681,8 @@
   color: var(--gray-a8);
   cursor: default;
 }
-.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)){
+.rt-BaseMenuItem
+  :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)){
   color: var(--gray-a10);
 }
 .rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut){
@@ -13302,6 +13438,16 @@
     --leading-trim-end: var(--data-list-leading-trim-end);
   }
 }
+.rt-DialogOverlay::before{
+  -webkit-backdrop-filter: var(--backdrop-filter-components) !important;
+          backdrop-filter: var(--backdrop-filter-components) !important;
+}
+@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
+  .rt-DialogOverlay::before{
+    -webkit-backdrop-filter: none !important;
+            backdrop-filter: none !important;
+  }
+}
 .rt-DropdownMenuContent{
   max-height: var(--radix-dropdown-menu-content-available-height);
   transform-origin: var(--radix-dropdown-menu-content-transform-origin);
@@ -16427,8 +16573,16 @@
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-:where(.rt-SheetOverlay)::before{
-  opacity: 1;
+.rt-SheetOverlay::before{
+  opacity: 1 !important;
+  -webkit-backdrop-filter: var(--backdrop-filter-components) !important;
+          backdrop-filter: var(--backdrop-filter-components) !important;
+}
+@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
+  .rt-SheetOverlay::before{
+    -webkit-backdrop-filter: none !important;
+            backdrop-filter: none !important;
+  }
 }
 @media (prefers-reduced-motion: no-preference) {
   .rt-SheetContent:where([data-state='open']){
@@ -18699,10 +18853,10 @@
     --separator-size: 100%;
   }
 }
-.rt-SidebarProvider:where([data-side="left"]){
+.rt-SidebarProvider:where([data-side='left']){
   order: -1;
 }
-.rt-SidebarProvider:where([data-side="right"]){
+.rt-SidebarProvider:where([data-side='right']){
   order: 999;
 }
 .rt-SidebarRoot{
@@ -18720,7 +18874,7 @@
   flex: 1;
   height: 100%;
 }
-.rt-SidebarRoot:where([data-type="floating"]){
+.rt-SidebarRoot:where([data-type='floating']){
   border-radius: var(--sidebar-base-border-radius);
   margin: var(--space-2);
   height: calc(100% - var(--space-4));
@@ -18728,13 +18882,13 @@
   position: relative;
   --sidebar-base-border-radius: var(--radius-5);
 }
-.rt-SidebarRoot:where([data-type="floating"]) :where(.radix-themes){
+.rt-SidebarRoot:where([data-type='floating']) :where(.radix-themes){
   border-radius: inherit;
 }
-.rt-SidebarRoot:where([data-type="floating"]):where(.rt-r-size-1){
+.rt-SidebarRoot:where([data-type='floating']):where(.rt-r-size-1){
   --sidebar-base-border-radius: var(--radius-5);
 }
-.rt-SidebarRoot:where([data-type="floating"]):where(.rt-r-size-2){
+.rt-SidebarRoot:where([data-type='floating']):where(.rt-r-size-2){
   --sidebar-base-border-radius: var(--radius-6);
 }
 .rt-SidebarContainer{
@@ -18795,7 +18949,7 @@
   margin: var(--space-2) 0;
 }
 @media (max-width: 768px) {
-  .rt-SidebarRoot{
+  .rt-SidebarRoot:not(:where(.rt-SheetContent .rt-SidebarRoot)){
     display: none;
   }
 }
@@ -18869,7 +19023,7 @@
 .rt-SidebarMenuSubTrigger :where(.rt-SidebarMenuSubTriggerIcon){
   transition: transform var(--motion-duration-micro) var(--motion-ease-standard);
 }
-.rt-SidebarMenuSubTrigger:where([data-state="open"]) :where(.rt-SidebarMenuSubTriggerIcon){
+.rt-SidebarMenuSubTrigger:where([data-state='open']) :where(.rt-SidebarMenuSubTriggerIcon){
   transform: rotate(90deg);
 }
 .rt-SidebarMenuSubContent{
@@ -18878,10 +19032,10 @@
 .rt-SidebarMenuSubContent:where(:focus-within){
   overflow: visible;
 }
-.rt-SidebarMenuSubContent:where([data-state="open"]){
+.rt-SidebarMenuSubContent:where([data-state='open']){
   animation: rt-sidebar-slide-down var(--motion-duration-small) var(--motion-ease-standard);
 }
-.rt-SidebarMenuSubContent:where([data-state="closed"]){
+.rt-SidebarMenuSubContent:where([data-state='closed']){
   animation: rt-sidebar-slide-up var(--motion-duration-small) var(--motion-ease-standard);
 }
 @keyframes rt-sidebar-slide-down {
@@ -19803,7 +19957,8 @@
   top: 0;
   inset-inline: 0;
   z-index: var(--shell-z-header, 10);
-  block-size: var(--shell-header-height, 64px);
+  height: var(--shell-header-height, 64px);
+  min-height: var(--shell-header-height, 64px);
   display: flex;
   align-items: center;
   background-color: var(--color-panel);
@@ -19878,6 +20033,18 @@
 :where(.rt-SheetContent) :where(.rt-ShellSidebarPanel){
   transition: none !important;
 }
+:where(.rt-SheetContent) :where(.rt-SidebarRoot){
+  height: 100%;
+  width: 100%;
+}
+:where(.rt-SheetContent) :where(.rt-SidebarContainer){
+  height: 100%;
+  width: 100%;
+}
+:where(.rt-SheetContent) :where(.rt-SidebarContent){
+  height: 100%;
+  width: 100%;
+}
 .rt-SliderRoot{
   --slider-thumb-width: var(--space-3);
   --slider-thumb-height: var(--space-2);
@@ -21199,6 +21366,9 @@
   --scrollarea-scrollbar-horizontal-margin-left: 0;
   --scrollarea-scrollbar-horizontal-margin-right: 0;
 }
+.rt-TableRoot:where(.rt-variant-ghost) :where(.rt-TableBody) :where(.rt-TableRow:last-child){
+  --table-row-box-shadow: none;
+}
 .rt-TabsContent{
   position: relative;
   outline: 0;

package/tokens/base.css

@@ -1110,7 +1110,7 @@
   --cursor-checkbox: default;
   --cursor-disabled: not-allowed;
   --cursor-link: pointer;
-  --cursor-menu-item: default;
+  --cursor-menu-item: pointer;
   --cursor-radio: default;
   --cursor-slider-thumb: default;
   --cursor-slider-thumb-active: default;

package/tokens.css

@@ -4492,7 +4492,7 @@
   --cursor-checkbox: default;
   --cursor-disabled: not-allowed;
   --cursor-link: pointer;
-  --cursor-menu-item: default;
+  --cursor-menu-item: pointer;
   --cursor-radio: default;
   --cursor-slider-thumb: default;
   --cursor-slider-thumb-active: default;