@kushagradhawan/kookie-ui 0.1.53 → 0.1.55

package/components.css

@@ -4612,6 +4612,7 @@
     text-align: left;
     color: var(--accent-a11);
     transition: var(--transition-card);
+    border-radius: var(--callout-border-radius);
     isolation: isolate;
 }
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-CalloutRoot {
@@ -4665,7 +4666,7 @@
     -moz-column-gap: var(--space-2);
          column-gap: var(--space-2);
     padding: var(--space-3);
-    border-radius: var(--radius-1);
+    --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
 }
@@ -4674,7 +4675,7 @@
     -moz-column-gap: var(--space-3);
          column-gap: var(--space-3);
     padding: var(--space-4);
-    border-radius: var(--radius-2);
+    --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
 }
@@ -4683,17 +4684,35 @@
     -moz-column-gap: var(--space-4);
          column-gap: var(--space-4);
     padding: var(--space-5);
-    border-radius: var(--radius-3);
+    --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
 }
+.rt-CalloutRoot:where(.rt-r-size-4) {
+    row-gap: var(--space-3);
+    -moz-column-gap: var(--space-5);
+         column-gap: var(--space-5);
+    padding: var(--space-6);
+    --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --callout-icon-height: var(--line-height-4);
+    --callout-icon-size: var(--content-icon-size-4);
+}
+.rt-CalloutRoot:where(.rt-r-size-5) {
+    row-gap: var(--space-4);
+    -moz-column-gap: var(--space-6);
+         column-gap: var(--space-6);
+    padding: var(--space-7);
+    --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --callout-icon-height: var(--line-height-5);
+    --callout-icon-size: var(--content-icon-size-5);
+}
 @media (min-width: 520px) {
     .rt-CalloutRoot:where(.xs\:rt-r-size-1) {
         row-gap: var(--space-2);
         -moz-column-gap: var(--space-2);
              column-gap: var(--space-2);
         padding: var(--space-3);
-        border-radius: var(--radius-1);
+        --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -4702,7 +4721,7 @@
         -moz-column-gap: var(--space-3);
              column-gap: var(--space-3);
         padding: var(--space-4);
-        border-radius: var(--radius-2);
+        --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -4711,10 +4730,28 @@
         -moz-column-gap: var(--space-4);
              column-gap: var(--space-4);
         padding: var(--space-5);
-        border-radius: var(--radius-3);
+        --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
+    .rt-CalloutRoot:where(.xs\:rt-r-size-4) {
+        row-gap: var(--space-3);
+        -moz-column-gap: var(--space-5);
+             column-gap: var(--space-5);
+        padding: var(--space-6);
+        --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --callout-icon-height: var(--line-height-4);
+        --callout-icon-size: var(--content-icon-size-4);
+    }
+    .rt-CalloutRoot:where(.xs\:rt-r-size-5) {
+        row-gap: var(--space-4);
+        -moz-column-gap: var(--space-6);
+             column-gap: var(--space-6);
+        padding: var(--space-7);
+        --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --callout-icon-height: var(--line-height-5);
+        --callout-icon-size: var(--content-icon-size-5);
+    }
 }
 @media (min-width: 768px) {
     .rt-CalloutRoot:where(.sm\:rt-r-size-1) {
@@ -4722,7 +4759,7 @@
         -moz-column-gap: var(--space-2);
              column-gap: var(--space-2);
         padding: var(--space-3);
-        border-radius: var(--radius-1);
+        --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -4731,7 +4768,7 @@
         -moz-column-gap: var(--space-3);
              column-gap: var(--space-3);
         padding: var(--space-4);
-        border-radius: var(--radius-2);
+        --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -4740,10 +4777,28 @@
         -moz-column-gap: var(--space-4);
              column-gap: var(--space-4);
         padding: var(--space-5);
-        border-radius: var(--radius-3);
+        --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
+    .rt-CalloutRoot:where(.sm\:rt-r-size-4) {
+        row-gap: var(--space-3);
+        -moz-column-gap: var(--space-5);
+             column-gap: var(--space-5);
+        padding: var(--space-6);
+        --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --callout-icon-height: var(--line-height-4);
+        --callout-icon-size: var(--content-icon-size-4);
+    }
+    .rt-CalloutRoot:where(.sm\:rt-r-size-5) {
+        row-gap: var(--space-4);
+        -moz-column-gap: var(--space-6);
+             column-gap: var(--space-6);
+        padding: var(--space-7);
+        --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --callout-icon-height: var(--line-height-5);
+        --callout-icon-size: var(--content-icon-size-5);
+    }
 }
 @media (min-width: 1024px) {
     .rt-CalloutRoot:where(.md\:rt-r-size-1) {
@@ -4751,7 +4806,7 @@
         -moz-column-gap: var(--space-2);
              column-gap: var(--space-2);
         padding: var(--space-3);
-        border-radius: var(--radius-1);
+        --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -4760,7 +4815,7 @@
         -moz-column-gap: var(--space-3);
              column-gap: var(--space-3);
         padding: var(--space-4);
-        border-radius: var(--radius-2);
+        --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -4769,10 +4824,28 @@
         -moz-column-gap: var(--space-4);
              column-gap: var(--space-4);
         padding: var(--space-5);
-        border-radius: var(--radius-3);
+        --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
+    .rt-CalloutRoot:where(.md\:rt-r-size-4) {
+        row-gap: var(--space-3);
+        -moz-column-gap: var(--space-5);
+             column-gap: var(--space-5);
+        padding: var(--space-6);
+        --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --callout-icon-height: var(--line-height-4);
+        --callout-icon-size: var(--content-icon-size-4);
+    }
+    .rt-CalloutRoot:where(.md\:rt-r-size-5) {
+        row-gap: var(--space-4);
+        -moz-column-gap: var(--space-6);
+             column-gap: var(--space-6);
+        padding: var(--space-7);
+        --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --callout-icon-height: var(--line-height-5);
+        --callout-icon-size: var(--content-icon-size-5);
+    }
 }
 @media (min-width: 1280px) {
     .rt-CalloutRoot:where(.lg\:rt-r-size-1) {
@@ -4780,7 +4853,7 @@
         -moz-column-gap: var(--space-2);
              column-gap: var(--space-2);
         padding: var(--space-3);
-        border-radius: var(--radius-1);
+        --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -4789,7 +4862,7 @@
         -moz-column-gap: var(--space-3);
              column-gap: var(--space-3);
         padding: var(--space-4);
-        border-radius: var(--radius-2);
+        --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -4798,10 +4871,28 @@
         -moz-column-gap: var(--space-4);
              column-gap: var(--space-4);
         padding: var(--space-5);
-        border-radius: var(--radius-3);
+        --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
+    .rt-CalloutRoot:where(.lg\:rt-r-size-4) {
+        row-gap: var(--space-3);
+        -moz-column-gap: var(--space-5);
+             column-gap: var(--space-5);
+        padding: var(--space-6);
+        --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --callout-icon-height: var(--line-height-4);
+        --callout-icon-size: var(--content-icon-size-4);
+    }
+    .rt-CalloutRoot:where(.lg\:rt-r-size-5) {
+        row-gap: var(--space-4);
+        -moz-column-gap: var(--space-6);
+             column-gap: var(--space-6);
+        padding: var(--space-7);
+        --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --callout-icon-height: var(--line-height-5);
+        --callout-icon-size: var(--content-icon-size-5);
+    }
 }
 @media (min-width: 1640px) {
     .rt-CalloutRoot:where(.xl\:rt-r-size-1) {
@@ -4809,7 +4900,7 @@
         -moz-column-gap: var(--space-2);
              column-gap: var(--space-2);
         padding: var(--space-3);
-        border-radius: var(--radius-1);
+        --callout-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --callout-icon-height: var(--line-height-1);
         --callout-icon-size: var(--content-icon-size-1);
     }
@@ -4818,7 +4909,7 @@
         -moz-column-gap: var(--space-3);
              column-gap: var(--space-3);
         padding: var(--space-4);
-        border-radius: var(--radius-2);
+        --callout-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --callout-icon-height: var(--line-height-2);
         --callout-icon-size: var(--content-icon-size-2);
     }
@@ -4827,10 +4918,28 @@
         -moz-column-gap: var(--space-4);
              column-gap: var(--space-4);
         padding: var(--space-5);
-        border-radius: var(--radius-3);
+        --callout-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
         --callout-icon-height: var(--line-height-3);
         --callout-icon-size: var(--content-icon-size-3);
     }
+    .rt-CalloutRoot:where(.xl\:rt-r-size-4) {
+        row-gap: var(--space-3);
+        -moz-column-gap: var(--space-5);
+             column-gap: var(--space-5);
+        padding: var(--space-6);
+        --callout-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --callout-icon-height: var(--line-height-4);
+        --callout-icon-size: var(--content-icon-size-4);
+    }
+    .rt-CalloutRoot:where(.xl\:rt-r-size-5) {
+        row-gap: var(--space-4);
+        -moz-column-gap: var(--space-6);
+             column-gap: var(--space-6);
+        padding: var(--space-7);
+        --callout-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --callout-icon-height: var(--line-height-5);
+        --callout-icon-size: var(--content-icon-size-5);
+    }
 }
 .rt-CalloutRoot:where(.rt-variant-soft) {
     background-color: var(--accent-2);
@@ -4953,9 +5062,10 @@
 .rt-BaseCard::before {
     z-index: -1;
 }
-:where([data-panel-background='translucent']) .rt-BaseCard::before {
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseCard::before {
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
+    --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
 :where(.rt-BaseCard[data-panel-background='solid']) .rt-BaseCard::before {
     -webkit-backdrop-filter: none;
@@ -4967,21 +5077,6 @@
             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 {
-    -webkit-backdrop-filter: none !important;
-            backdrop-filter: none !important;
-}
 .rt-BaseCard:where(.rt-r-size-1) {
     --base-card-padding-top: var(--space-2);
     --base-card-padding-right: var(--space-2);
@@ -5397,17 +5492,14 @@
 :where([data-panel-background='translucent'], [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));
 }
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-classic)::before {
     -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)::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));
@@ -5443,33 +5535,23 @@
         -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(:-moz-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(:-moz-any-link, button, label):where(:hover)::before {
         background-color: var(--gray-2);
         backdrop-filter: none;
         --backdrop-filter-panel: none;
     }
-    :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(:-moz-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(:-moz-any-link, button, label):where(:hover)::before {
         background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
         backdrop-filter: var(--backdrop-filter-panel);
         --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
     }
-    :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);
@@ -5516,20 +5598,12 @@
             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(:-moz-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(:-moz-any-link, button, label):where([data-state='open'])::before {
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-: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);
@@ -5573,20 +5647,12 @@
             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(:-moz-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(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before {
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-: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);
@@ -5883,17 +5949,14 @@
 :where([data-panel-background='translucent'], [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));
 }
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-soft)::before {
     -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)::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));
@@ -5923,33 +5986,23 @@
         -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(:-moz-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(:-moz-any-link, button, label):where(:hover)::before {
         background-color: var(--gray-3);
         backdrop-filter: none;
         --backdrop-filter-panel: none;
     }
-    :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(:-moz-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(:-moz-any-link, button, label):where(:hover)::before {
         background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
         backdrop-filter: var(--backdrop-filter-panel);
         --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
     }
-    :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);
@@ -6011,20 +6064,12 @@
             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(:-moz-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(:-moz-any-link, button, label):where([data-state='open'])::before {
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-: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);
@@ -6085,20 +6130,12 @@
             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(:-moz-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-soft):where(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before {
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-: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 {
+: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);
@@ -6131,17 +6168,14 @@
 :where([data-panel-background='translucent'], [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));
 }
 :where(.rt-BaseCard[data-panel-background='solid'], .rt-BaseCard[data-material='solid']) .rt-BaseCard:where(.rt-variant-surface)::before {
     -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)::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));
@@ -6178,33 +6212,23 @@
         -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(:-moz-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(:-moz-any-link, button, label):where(:hover)::before {
         background-color: var(--gray-2);
         backdrop-filter: none;
         --backdrop-filter-panel: none;
     }
-    :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(:-moz-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(:-moz-any-link, button, label):where(:hover)::before {
         background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
         backdrop-filter: var(--backdrop-filter-panel);
         --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
     }
-    :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);
@@ -6249,20 +6273,12 @@
             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(:-moz-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(:-moz-any-link, button, label):where([data-state='open'])::before {
     background-color: color-mix(in srgb, var(--gray-a2), var(--gray-2) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-: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);
@@ -6306,20 +6322,12 @@
             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(:-moz-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(:-moz-any-link, button, label):where(:active:not([data-state='open']))::before {
     background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
     backdrop-filter: var(--backdrop-filter-panel);
     --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
 }
-: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);
@@ -14487,12 +14495,6 @@
         --separator-size: 100%;
     }
 }
-.rt-SidebarProvider:where([data-side='left']) {
-    order: -1;
-}
-.rt-SidebarProvider:where([data-side='right']) {
-    order: 999;
-}
 .rt-SidebarRoot {
     --sidebar-base-border-radius: 0;
     width: 100%;
@@ -14582,11 +14584,6 @@
     width: 100%;
     margin: var(--space-2) 0;
 }
-@media (max-width: 768px) {
-    .rt-SidebarRoot:not(:where(.rt-SheetContent .rt-SidebarRoot)) {
-        display: none;
-    }
-}
 .rt-SidebarMenu {
     flex: 1;
     display: flex;
@@ -17227,13 +17224,13 @@
     padding-right: var(--inset-padding-right, var(--table-cell-padding));
 }
 .rt-TableColumnHeaderCell {
-    font-weight: bold;
+    font-weight: 600;
 }
 .rt-TableRowHeaderCell {
     font-weight: normal;
 }
 .rt-TableRoot:where(.rt-r-size-1) {
-    --table-border-radius: var(--radius-3);
+    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
 }
@@ -17242,7 +17239,7 @@
     line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-2) {
-    --table-border-radius: var(--radius-4);
+    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
 }
@@ -17251,17 +17248,35 @@
     line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-3) {
-    --table-border-radius: var(--radius-4);
-    --table-cell-padding: var(--space-3) var(--space-4);
+    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
 }
 .rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
 }
+.rt-TableRoot:where(.rt-r-size-4) {
+    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-cell-padding: var(--space-5);
+    --table-cell-min-height: var(--space-9);
+}
+.rt-TableRoot:where(.rt-r-size-4) :where(.rt-TableRootTable) {
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+}
+.rt-TableRoot:where(.rt-r-size-5) {
+    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-cell-padding: var(--space-6);
+    --table-cell-min-height: var(--space-10);
+}
+.rt-TableRoot:where(.rt-r-size-5) :where(.rt-TableRootTable) {
+    font-size: var(--font-size-4);
+    line-height: var(--line-height-4);
+}
 @media (min-width: 520px) {
     .rt-TableRoot:where(.xs\:rt-r-size-1) {
-        --table-border-radius: var(--radius-3);
+        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -17270,7 +17285,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-2) {
-        --table-border-radius: var(--radius-4);
+        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -17279,18 +17294,36 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-3) {
-        --table-border-radius: var(--radius-4);
-        --table-cell-padding: var(--space-3) var(--space-4);
+        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
     }
+    .rt-TableRoot:where(.xs\:rt-r-size-4) {
+        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-cell-padding: var(--space-5);
+        --table-cell-min-height: var(--space-9);
+    }
+    .rt-TableRoot:where(.xs\:rt-r-size-4) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+    }
+    .rt-TableRoot:where(.xs\:rt-r-size-5) {
+        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-cell-padding: var(--space-6);
+        --table-cell-min-height: var(--space-10);
+    }
+    .rt-TableRoot:where(.xs\:rt-r-size-5) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-4);
+        line-height: var(--line-height-4);
+    }
 }
 @media (min-width: 768px) {
     .rt-TableRoot:where(.sm\:rt-r-size-1) {
-        --table-border-radius: var(--radius-3);
+        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -17299,7 +17332,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-2) {
-        --table-border-radius: var(--radius-4);
+        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -17308,18 +17341,36 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-3) {
-        --table-border-radius: var(--radius-4);
-        --table-cell-padding: var(--space-3) var(--space-4);
+        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
     }
+    .rt-TableRoot:where(.sm\:rt-r-size-4) {
+        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-cell-padding: var(--space-5);
+        --table-cell-min-height: var(--space-9);
+    }
+    .rt-TableRoot:where(.sm\:rt-r-size-4) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+    }
+    .rt-TableRoot:where(.sm\:rt-r-size-5) {
+        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-cell-padding: var(--space-6);
+        --table-cell-min-height: var(--space-10);
+    }
+    .rt-TableRoot:where(.sm\:rt-r-size-5) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-4);
+        line-height: var(--line-height-4);
+    }
 }
 @media (min-width: 1024px) {
     .rt-TableRoot:where(.md\:rt-r-size-1) {
-        --table-border-radius: var(--radius-3);
+        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -17328,7 +17379,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.md\:rt-r-size-2) {
-        --table-border-radius: var(--radius-4);
+        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -17337,18 +17388,36 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.md\:rt-r-size-3) {
-        --table-border-radius: var(--radius-4);
-        --table-cell-padding: var(--space-3) var(--space-4);
+        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
     .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
     }
+    .rt-TableRoot:where(.md\:rt-r-size-4) {
+        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-cell-padding: var(--space-5);
+        --table-cell-min-height: var(--space-9);
+    }
+    .rt-TableRoot:where(.md\:rt-r-size-4) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+    }
+    .rt-TableRoot:where(.md\:rt-r-size-5) {
+        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-cell-padding: var(--space-6);
+        --table-cell-min-height: var(--space-10);
+    }
+    .rt-TableRoot:where(.md\:rt-r-size-5) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-4);
+        line-height: var(--line-height-4);
+    }
 }
 @media (min-width: 1280px) {
     .rt-TableRoot:where(.lg\:rt-r-size-1) {
-        --table-border-radius: var(--radius-3);
+        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -17357,7 +17426,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-2) {
-        --table-border-radius: var(--radius-4);
+        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -17366,18 +17435,36 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-3) {
-        --table-border-radius: var(--radius-4);
-        --table-cell-padding: var(--space-3) var(--space-4);
+        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
     }
+    .rt-TableRoot:where(.lg\:rt-r-size-4) {
+        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-cell-padding: var(--space-5);
+        --table-cell-min-height: var(--space-9);
+    }
+    .rt-TableRoot:where(.lg\:rt-r-size-4) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+    }
+    .rt-TableRoot:where(.lg\:rt-r-size-5) {
+        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-cell-padding: var(--space-6);
+        --table-cell-min-height: var(--space-10);
+    }
+    .rt-TableRoot:where(.lg\:rt-r-size-5) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-4);
+        line-height: var(--line-height-4);
+    }
 }
 @media (min-width: 1640px) {
     .rt-TableRoot:where(.xl\:rt-r-size-1) {
-        --table-border-radius: var(--radius-3);
+        --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
         --table-cell-padding: var(--space-2);
         --table-cell-min-height: calc(36px * var(--scaling));
     }
@@ -17386,7 +17473,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-2) {
-        --table-border-radius: var(--radius-4);
+        --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(44px * var(--scaling));
     }
@@ -17395,14 +17482,32 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-3) {
-        --table-border-radius: var(--radius-4);
-        --table-cell-padding: var(--space-3) var(--space-4);
+        --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+        --table-cell-padding: var(--space-4);
         --table-cell-min-height: var(--space-8);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
     }
+    .rt-TableRoot:where(.xl\:rt-r-size-4) {
+        --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+        --table-cell-padding: var(--space-5);
+        --table-cell-min-height: var(--space-9);
+    }
+    .rt-TableRoot:where(.xl\:rt-r-size-4) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+    }
+    .rt-TableRoot:where(.xl\:rt-r-size-5) {
+        --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+        --table-cell-padding: var(--space-6);
+        --table-cell-min-height: var(--space-10);
+    }
+    .rt-TableRoot:where(.xl\:rt-r-size-5) :where(.rt-TableRootTable) {
+        font-size: var(--font-size-4);
+        line-height: var(--line-height-4);
+    }
 }
 .rt-TableRoot:where(.rt-variant-surface) {
     box-sizing: border-box;