@mastra/playground-ui 36.0.0 → 36.1.0-alpha.1

package/dist/index.css

@@ -1153,6 +1153,13 @@
     box-sizing: border-box;
   }
 
+  .line-clamp-2 {
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
+  }
+
   .block {
     display: block;
   }
@@ -1264,6 +1271,10 @@
     height: var(--spacing-2);
   }
 
+  .h-2\.5 {
+    height: var(--spacing-2_5);
+  }
+
   .h-3 {
     height: var(--spacing-3);
   }
@@ -1440,6 +1451,10 @@
     height: auto;
   }
 
+  .h-auto\! {
+    height: auto !important;
+  }
+
   .h-avatar-lg {
     height: var(--height-avatar-lg);
   }
@@ -1617,6 +1632,10 @@
     min-height: 560px;
   }
 
+  .min-h-form-md {
+    min-height: var(--spacing-form-md);
+  }
+
   .min-h-full {
     min-height: 100%;
   }
@@ -1777,6 +1796,10 @@
     width: 20rem;
   }
 
+  .w-\[22rem\] {
+    width: 22rem;
+  }
+
   .w-\[24rem\] {
     width: 24rem;
   }
@@ -2419,6 +2442,10 @@
     grid-template-columns: minmax(0, 1fr);
   }
 
+  .grid-cols-\[minmax\(0\,1fr\)_4rem\] {
+    grid-template-columns: minmax(0, 1fr) 4rem;
+  }
+
   .grid-cols-\[minmax\(0\,1fr\)_80px_64px\] {
     grid-template-columns: minmax(0, 1fr) 80px 64px;
   }
@@ -2487,6 +2514,14 @@
     grid-template-rows: auto minmax(0, 1fr);
   }
 
+  .grid-rows-\[minmax\(0\,1fr\)\] {
+    grid-template-rows: minmax(0, 1fr);
+  }
+
+  .grid-rows-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
+    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
+  }
+
   .flex-col {
     flex-direction: column;
   }
@@ -2643,6 +2678,11 @@
     gap: 16px;
   }
 
+  .gap-px {
+    gap: 1px;
+    gap: var(--spacing-px);
+  }
+
   :where(.space-y-1 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
@@ -3004,6 +3044,26 @@
     }
   }
 
+  .border-border1\/50 {
+    border-color: var(--color-border1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-border1\/50 {
+      border-color: color-mix(in oklab, var(--color-border1) 50%, transparent);
+    }
+  }
+
+  .border-border1\/60 {
+    border-color: var(--color-border1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-border1\/60 {
+      border-color: color-mix(in oklab, var(--color-border1) 60%, transparent);
+    }
+  }
+
   .border-border1\/70 {
     border-color: var(--color-border1);
   }
@@ -3242,10 +3302,16 @@
     }
   }
 
-  .bg-border1 {
+  .bg-border1, .bg-border1\/40 {
     background-color: var(--color-border1);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-border1\/40 {
+      background-color: color-mix(in oklab, var(--color-border1) 40%, transparent);
+    }
+  }
+
   .bg-current {
     background-color: currentColor;
   }
@@ -6037,6 +6103,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .focus-visible\:ring-2:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .focus-visible\:ring-accent1:focus-visible {
     --tw-ring-color: var(--color-accent1);
   }
@@ -6280,6 +6351,10 @@
     padding-left: var(--spacing-1);
   }
 
+  .aria-checked\:bg-surface3[aria-checked="true"], .aria-pressed\:bg-surface3[aria-pressed="true"] {
+    background-color: var(--color-surface3);
+  }
+
   .aria-selected\:bg-surface5[aria-selected="true"], .aria-selected\:bg-surface5\/50[aria-selected="true"] {
     background-color: var(--color-surface5);
   }
@@ -7213,6 +7288,10 @@
     .md\:min-w-\[22rem\] {
       min-width: 22rem;
     }
+
+    .md\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
   }
 
   @media (min-width: 64rem) {