@mastra/playground-ui 20.0.1 → 20.0.2-alpha.0

package/dist/index.css

@@ -934,6 +934,10 @@
     margin-block: var(--spacing-5);
   }
 
+  .my-8 {
+    margin-block: var(--spacing-8);
+  }
+
   .-mt-0\.5 {
     margin-top: calc(var(--spacing-0_5) * -1);
   }
@@ -982,6 +986,10 @@
     margin-top: var(--spacing-5);
   }
 
+  .mt-6 {
+    margin-top: var(--spacing-6);
+  }
+
   .mt-8 {
     margin-top: var(--spacing-8);
   }
@@ -1344,6 +1352,10 @@
     height: .6rem;
   }
 
+  .h-\[0\.9rem\] {
+    height: .9rem;
+  }
+
   .h-\[1\.1em\] {
     height: 1.1em;
   }
@@ -1352,6 +1364,10 @@
     height: 1.1rem;
   }
 
+  .h-\[1\.8rem\] {
+    height: 1.8rem;
+  }
+
   .h-\[1\.75rem\] {
     height: 1.75rem;
   }
@@ -1364,6 +1380,10 @@
     height: 1em;
   }
 
+  .h-\[1rem\] {
+    height: 1rem;
+  }
+
   .h-\[2\.8rem\] {
     height: 2.8rem;
   }
@@ -1533,6 +1553,10 @@
     max-height: var(--spacing-80);
   }
 
+  .max-h-\[20rem\] {
+    max-height: 20rem;
+  }
+
   .max-h-\[30vh\] {
     max-height: 30vh;
   }
@@ -1609,6 +1633,10 @@
     min-height: var(--spacing-5);
   }
 
+  .min-h-8 {
+    min-height: var(--spacing-8);
+  }
+
   .min-h-9 {
     min-height: var(--spacing-9);
   }
@@ -1825,10 +1853,18 @@
     width: .75rem;
   }
 
+  .w-\[0\.5rem\] {
+    width: .5rem;
+  }
+
   .w-\[0\.6rem\] {
     width: .6rem;
   }
 
+  .w-\[0\.9rem\] {
+    width: .9rem;
+  }
+
   .w-\[1\.1em\] {
     width: 1.1em;
   }
@@ -2210,6 +2246,14 @@
     min-width: 1.125rem;
   }
 
+  .min-w-\[8rem\] {
+    min-width: 8rem;
+  }
+
+  .min-w-\[12rem\] {
+    min-width: 12rem;
+  }
+
   .min-w-\[18px\] {
     min-width: 18px;
   }
@@ -2460,6 +2504,10 @@
     grid-template-columns: 1.5rem 1fr auto;
   }
 
+  .grid-cols-\[1fr\] {
+    grid-template-columns: 1fr;
+  }
+
   .grid-cols-\[1fr_1fr\] {
     grid-template-columns: 1fr 1fr;
   }
@@ -2528,10 +2576,26 @@
     grid-template-columns: auto 1fr auto;
   }
 
+  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
+    grid-template-columns: minmax(0, 1fr) auto auto;
+  }
+
   .grid-cols-subgrid {
     grid-template-columns: subgrid;
   }
 
+  .grid-rows-\[1fr\] {
+    grid-template-rows: 1fr;
+  }
+
+  .grid-rows-\[1fr_1fr\] {
+    grid-template-rows: 1fr 1fr;
+  }
+
+  .grid-rows-\[1fr_1fr_1fr\] {
+    grid-template-rows: 1fr 1fr 1fr;
+  }
+
   .grid-rows-\[1fr_auto\] {
     grid-template-rows: 1fr auto;
   }
@@ -2544,10 +2608,18 @@
     grid-template-rows: 4rem 20rem;
   }
 
+  .grid-rows-\[auto\] {
+    grid-template-rows: auto;
+  }
+
   .grid-rows-\[auto_1fr\] {
     grid-template-rows: auto 1fr;
   }
 
+  .grid-rows-\[auto_1fr_1fr\] {
+    grid-template-rows: auto 1fr 1fr;
+  }
+
   .grid-rows-\[auto_1fr_auto\] {
     grid-template-rows: auto 1fr auto;
   }
@@ -2838,6 +2910,10 @@
     row-gap: var(--spacing-1);
   }
 
+  .gap-y-1\.5 {
+    row-gap: var(--spacing-1_5);
+  }
+
   .gap-y-3 {
     row-gap: var(--spacing-3);
   }
@@ -2846,6 +2922,11 @@
     row-gap: var(--spacing-4);
   }
 
+  .gap-y-px {
+    row-gap: 1px;
+    row-gap: var(--spacing-px);
+  }
+
   :where(.divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -3462,6 +3543,16 @@
     border-color: #0000;
   }
 
+  .border-white\/10 {
+    border-color: #ffffff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-white\/10 {
+      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
   .border-yellow-200 {
     border-color: var(--color-yellow-200);
   }
@@ -3756,6 +3847,16 @@
     }
   }
 
+  .bg-black\/20 {
+    background-color: #0003;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/20 {
+      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
+    }
+  }
+
   .bg-black\/50 {
     background-color: #00000080;
   }
@@ -4665,6 +4766,10 @@
     padding-top: 15vh;
   }
 
+  .pr-0\.5 {
+    padding-right: var(--spacing-0_5);
+  }
+
   .pr-1 {
     padding-right: var(--spacing-1);
   }
@@ -5918,6 +6023,11 @@
     height: var(--spacing-5);
   }
 
+  .before\:h-\[0px\]:before {
+    content: var(--tw-content);
+    height: 0;
+  }
+
   .before\:w-0\.5:before {
     content: var(--tw-content);
     width: var(--spacing-0_5);
@@ -5962,7 +6072,7 @@
     border-bottom-right-radius: 3.40282e38px;
   }
 
-  .before\:border-b:before {
+  .before\:border-b:before, .before\:border-b-\[1px\]:before {
     content: var(--tw-content);
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -5979,9 +6089,9 @@
     border-color: var(--color-neutral3);
   }
 
-  .before\:bg-accent1:before {
+  .before\:bg-black:before {
     content: var(--tw-content);
-    background-color: var(--color-accent1);
+    background-color: var(--color-black);
   }
 
   .before\:bg-border1:before {
@@ -6089,6 +6199,11 @@
     width: var(--spacing-0);
   }
 
+  .after\:w-\[0px\]:after {
+    content: var(--tw-content);
+    width: 0;
+  }
+
   .after\:w-px:after {
     content: var(--tw-content);
     content: var(--tw-content);
@@ -6102,7 +6217,7 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .after\:border-l:after {
+  .after\:border-l:after, .after\:border-l-\[1px\]:after {
     content: var(--tw-content);
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
@@ -6730,6 +6845,14 @@
     border-color: var(--color-accent1);
   }
 
+  .focus-visible\:border-transparent:focus-visible {
+    border-color: #0000;
+  }
+
+  .focus-visible\:bg-surface4:focus-visible {
+    background-color: var(--color-surface4);
+  }
+
   .focus-visible\:opacity-100:focus-visible {
     opacity: 1;
   }
@@ -6795,6 +6918,10 @@
     outline-style: solid;
   }
 
+  .focus-visible\:ring-inset:focus-visible {
+    --tw-ring-inset: inset;
+  }
+
   .active\:scale-95:active {
     --tw-scale-x: 95%;
     --tw-scale-y: 95%;
@@ -7601,6 +7728,10 @@
     color: var(--color-red-400);
   }
 
+  .dark\:text-white:is(.dark *) {
+    color: var(--color-white);
+  }
+
   .dark\:brightness-0:is(.dark *) {
     --tw-brightness: brightness(0%);
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -7611,6 +7742,11 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
+  .dark\:before\:bg-white:is(.dark *):before {
+    content: var(--tw-content);
+    background-color: var(--color-white);
+  }
+
   @media (hover: hover) {
     .dark\:hover\:bg-white\/15:is(.dark *):hover {
       background-color: #ffffff26;
@@ -8354,6 +8490,15 @@
     color: var(--color-neutral3);
   }
 
+  .\[\&\>b\]\:font-normal > b {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+
+  .\[\&\>b\]\:text-neutral2 > b {
+    color: var(--color-neutral2);
+  }
+
   .\[\&\>button\]\:flex > button {
     display: flex;
   }
@@ -8366,10 +8511,18 @@
     align-items: center;
   }
 
+  .\[\&\>button\]\:justify-between > button {
+    justify-content: space-between;
+  }
+
   .\[\&\>button\]\:gap-2 > button {
     gap: var(--spacing-2);
   }
 
+  .\[\&\>button\]\:overflow-hidden > button {
+    overflow: hidden;
+  }
+
   .\[\&\>button\]\:rounded-md > button {
     border-radius: var(--radius-md);
   }
@@ -8642,10 +8795,18 @@
     height: .9rem;
   }
 
+  .\[\&\>svg\]\:h-\[0\.7rem\] > svg {
+    height: .7rem;
+  }
+
   .\[\&\>svg\]\:h-\[0\.8rem\] > svg {
     height: .8rem;
   }
 
+  .\[\&\>svg\]\:h-\[0\.85rem\] > svg {
+    height: .85rem;
+  }
+
   .\[\&\>svg\]\:h-\[1\.1em\] > svg {
     height: 1.1em;
   }
@@ -8702,10 +8863,18 @@
     width: .9rem;
   }
 
+  .\[\&\>svg\]\:w-\[0\.7rem\] > svg {
+    width: .7rem;
+  }
+
   .\[\&\>svg\]\:w-\[0\.8rem\] > svg {
     width: .8rem;
   }
 
+  .\[\&\>svg\]\:w-\[0\.85rem\] > svg {
+    width: .85rem;
+  }
+
   .\[\&\>svg\]\:w-\[1\.1em\] > svg {
     width: 1.1em;
   }
@@ -8854,7 +9023,7 @@
     rotate: 90deg;
   }
 
-  .entity-list-row:focus-within + .\[\.entity-list-row\:focus-within\+\&\]\:border-t-transparent, .entity-list-row:hover + .\[\.entity-list-row\:hover\+\&\]\:border-t-transparent {
+  .data-list-row:focus-visible + .\[\.data-list-row\:focus-visible\+\&\]\:border-t-transparent, .data-list-row:hover + .\[\.data-list-row\:hover\+\&\]\:border-t-transparent, .entity-list-row:focus-within + .\[\.entity-list-row\:focus-within\+\&\]\:border-t-transparent, .entity-list-row:hover + .\[\.entity-list-row\:hover\+\&\]\:border-t-transparent {
     border-top-color: #0000;
   }