@mastra/playground-ui 29.0.0 → 30.0.0-alpha.1

package/dist/index.css

@@ -943,6 +943,10 @@
     margin-right: var(--spacing-0);
   }
 
+  .mr-0\! {
+    margin-right: var(--spacing-0) !important;
+  }
+
   .mr-2 {
     margin-right: var(--spacing-2);
   }
@@ -987,6 +991,10 @@
     margin-bottom: 4vh;
   }
 
+  .ml-0\! {
+    margin-left: var(--spacing-0) !important;
+  }
+
   .ml-0\.5 {
     margin-left: var(--spacing-0_5);
   }
@@ -1380,10 +1388,6 @@
     min-height: var(--spacing-9);
   }
 
-  .min-h-12 {
-    min-height: var(--spacing-12);
-  }
-
   .min-h-14 {
     min-height: var(--spacing-14);
   }
@@ -2426,10 +2430,6 @@
     overflow: auto;
   }
 
-  .overflow-clip {
-    overflow: clip;
-  }
-
   .overflow-hidden {
     overflow: hidden;
   }
@@ -2499,11 +2499,6 @@
     border-end-end-radius: var(--radius-lg);
   }
 
-  .rounded-t-lg {
-    border-top-left-radius: var(--radius-lg);
-    border-top-right-radius: var(--radius-lg);
-  }
-
   .rounded-l {
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem;
@@ -3529,6 +3524,10 @@
     padding-bottom: 4px;
   }
 
+  .pl-0\! {
+    padding-left: var(--spacing-0) !important;
+  }
+
   .pl-1 {
     padding-left: var(--spacing-1);
   }
@@ -4289,6 +4288,11 @@
     outline-style: none;
   }
 
+  .select-all {
+    -webkit-user-select: all;
+    user-select: all;
+  }
+
   .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -4392,6 +4396,14 @@
     opacity: .5;
   }
 
+  .group-data-\[indeterminate\]\/checkbox-indicator\:block:is(:where(.group\/checkbox-indicator)[data-indeterminate] *) {
+    display: block;
+  }
+
+  .group-data-\[indeterminate\]\/checkbox-indicator\:hidden:is(:where(.group\/checkbox-indicator)[data-indeterminate] *) {
+    display: none;
+  }
+
   .group-data-\[separator\=\'active\'\]\/separator\:h-12:is(:where(.group\/separator)[data-separator="active"] *) {
     height: var(--spacing-12);
   }
@@ -4935,6 +4947,10 @@
       color: var(--color-neutral6);
     }
 
+    .hover\:text-red-400:hover {
+      color: var(--color-red-400);
+    }
+
     .hover\:text-white:hover {
       color: var(--color-white);
     }
@@ -5219,15 +5235,6 @@
   }
 
   @media (hover: hover) {
-    .disabled\:hover\:border-neutral3:disabled:hover {
-      border-color: var(--color-neutral3);
-    }
-
-    .disabled\:hover\:shadow-sm:disabled:hover {
-      --tw-shadow: 0 1px 2px var(--tw-shadow-color, oklch(0% 0 0 / .3));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-
     .disabled\:hover\:brightness-100:disabled:hover {
       --tw-brightness: brightness(100%);
       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, );
@@ -5392,6 +5399,46 @@
     color: var(--color-neutral5);
   }
 
+  .data-\[checked\]\:translate-x-4[data-checked] {
+    --tw-translate-x: var(--spacing-4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .data-\[checked\]\:animate-in[data-checked] {
+    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
+  }
+
+  .data-\[checked\]\:border-accent1[data-checked] {
+    border-color: var(--color-accent1);
+  }
+
+  .data-\[checked\]\:bg-accent1[data-checked] {
+    background-color: var(--color-accent1);
+  }
+
+  .data-\[checked\]\:text-surface1[data-checked] {
+    color: var(--color-surface1);
+  }
+
+  .data-\[checked\]\:shadow-glow-accent1[data-checked] {
+    --tw-shadow: 0 0 20px var(--tw-shadow-color, oklch(72.3% .219 149.579 / .25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .data-\[checked\]\:shadow-lg[data-checked] {
+    --tw-shadow: 0 10px 15px var(--tw-shadow-color, oklch(0% 0 0 / .4));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .data-\[checked\]\:duration-150[data-checked] {
+    --tw-duration: .15s;
+    transition-duration: .15s;
+  }
+
+  .data-\[checked\]\:zoom-in-50[data-checked] {
+    --tw-enter-scale: .5;
+  }
+
   .data-\[closed\]\:animate-out[data-closed] {
     animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
   }
@@ -5417,9 +5464,18 @@
   }
 
   @media (hover: hover) {
+    .data-\[disabled\]\:hover\:border-neutral3[data-disabled]:hover {
+      border-color: var(--color-neutral3);
+    }
+
     .data-\[disabled\]\:hover\:text-neutral3[data-disabled]:hover {
       color: var(--color-neutral3);
     }
+
+    .data-\[disabled\]\:hover\:shadow-sm[data-disabled]:hover {
+      --tw-shadow: 0 1px 2px var(--tw-shadow-color, oklch(0% 0 0 / .3));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
   }
 
   .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
@@ -5465,6 +5521,36 @@
     opacity: 1;
   }
 
+  .data-\[indeterminate\]\:animate-in[data-indeterminate] {
+    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
+  }
+
+  .data-\[indeterminate\]\:border-accent1[data-indeterminate] {
+    border-color: var(--color-accent1);
+  }
+
+  .data-\[indeterminate\]\:bg-accent1[data-indeterminate] {
+    background-color: var(--color-accent1);
+  }
+
+  .data-\[indeterminate\]\:text-surface1[data-indeterminate] {
+    color: var(--color-surface1);
+  }
+
+  .data-\[indeterminate\]\:shadow-glow-accent1[data-indeterminate] {
+    --tw-shadow: 0 0 20px var(--tw-shadow-color, oklch(72.3% .219 149.579 / .25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .data-\[indeterminate\]\:duration-150[data-indeterminate] {
+    --tw-duration: .15s;
+    transition-duration: .15s;
+  }
+
+  .data-\[indeterminate\]\:zoom-in-50[data-indeterminate] {
+    --tw-enter-scale: .5;
+  }
+
   .data-\[instant\]\:transition-none[data-instant] {
     transition-property: none;
   }
@@ -5693,50 +5779,10 @@
     opacity: 0;
   }
 
-  .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
-    --tw-translate-x: var(--spacing-4);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
-  .data-\[state\=checked\]\:animate-in[data-state="checked"] {
-    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
-  }
-
-  .data-\[state\=checked\]\:border-accent1[data-state="checked"] {
-    border-color: var(--color-accent1);
-  }
-
-  .data-\[state\=checked\]\:bg-accent1[data-state="checked"] {
-    background-color: var(--color-accent1);
-  }
-
   .data-\[state\=checked\]\:text-neutral6[data-state="checked"] {
     color: var(--color-neutral6);
   }
 
-  .data-\[state\=checked\]\:text-surface1[data-state="checked"] {
-    color: var(--color-surface1);
-  }
-
-  .data-\[state\=checked\]\:shadow-glow-accent1[data-state="checked"] {
-    --tw-shadow: 0 0 20px var(--tw-shadow-color, oklch(72.3% .219 149.579 / .25));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .data-\[state\=checked\]\:shadow-lg[data-state="checked"] {
-    --tw-shadow: 0 10px 15px var(--tw-shadow-color, oklch(0% 0 0 / .4));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .data-\[state\=checked\]\:duration-150[data-state="checked"] {
-    --tw-duration: .15s;
-    transition-duration: .15s;
-  }
-
-  .data-\[state\=checked\]\:zoom-in-50[data-state="checked"] {
-    --tw-enter-scale: .5;
-  }
-
   .data-\[state\=closed\]\:animate-out[data-state="closed"] {
     animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
   }
@@ -5809,12 +5855,12 @@
     --tw-enter-translate-x: calc(1 / 4*100%);
   }
 
-  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
+  .data-\[unchecked\]\:translate-x-0[data-unchecked] {
     --tw-translate-x: var(--spacing-0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .data-\[state\=unchecked\]\:bg-neutral2[data-state="unchecked"] {
+  .data-\[unchecked\]\:bg-neutral2[data-unchecked] {
     background-color: var(--color-neutral2);
   }