@mastra/playground-ui 41.0.0 → 41.1.0-alpha.0

package/dist/src/ds/components/SankeyChart/sankeyColor.d.ts

@@ -0,0 +1,6 @@
+export declare function hashHue(value: string): number;
+export declare function nodeColor(hue: number): string;
+export declare function nodeColorVivid(hue: number): string;
+export declare function buildSankeyHueMap(names: string[]): {
+    [k: string]: number;
+};

package/dist/style.css

@@ -191,6 +191,7 @@
     --blur-xs: 4px;
     --blur-sm: 8px;
     --blur-md: 12px;
+    --blur-xl: 24px;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --default-font-family: var(--font-sans);
@@ -810,6 +811,10 @@
     left: var(--spacing-3);
   }
 
+  .left-\[-10\%\] {
+    left: -10%;
+  }
+
   .left-\[50\%\] {
     left: 50%;
   }
@@ -1252,6 +1257,10 @@
     display: table-row;
   }
 
+  .field-sizing-content {
+    field-sizing: content;
+  }
+
   .size-1 {
     width: var(--spacing-1);
     height: var(--spacing-1);
@@ -1850,6 +1859,10 @@
     width: 75vw;
   }
 
+  .w-\[120\%\] {
+    width: 120%;
+  }
+
   .w-\[126px\] {
     width: 126px;
   }
@@ -2212,6 +2225,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-y-2 {
+    --tw-translate-y: calc(var(--spacing-2) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-y-px {
     --tw-translate-y: calc(var(--spacing-px) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2265,6 +2283,10 @@
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
 
+  .transform-gpu {
+    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
   .animate-in {
     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);
   }
@@ -2313,6 +2335,10 @@
     resize: both;
   }
 
+  .resize-none {
+    resize: none;
+  }
+
   .resize-y {
     resize: vertical;
   }
@@ -2521,6 +2547,10 @@
     flex-wrap: wrap;
   }
 
+  .flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
   .place-items-center {
     place-items: center;
   }
@@ -2670,6 +2700,12 @@
     gap: var(--spacing-px);
   }
 
+  :where(.-space-y-3 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing-3) * -1) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing-3) * -1) * calc(1 - var(--tw-space-y-reverse)));
+  }
+
   :where(.space-y-1 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
@@ -2831,6 +2867,10 @@
     border-radius: .3125rem;
   }
 
+  .rounded-\[22px\] {
+    border-radius: 22px;
+  }
+
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -3281,6 +3321,10 @@
     background-color: var(--color-accent1Dark);
   }
 
+  .bg-accent1Darker {
+    background-color: var(--color-accent1Darker);
+  }
+
   .bg-accent2, .bg-accent2\/4 {
     background-color: var(--color-accent2);
   }
@@ -4241,6 +4285,10 @@
     padding-bottom: var(--spacing-1);
   }
 
+  .pb-1\.5 {
+    padding-bottom: var(--spacing-1_5);
+  }
+
   .pb-2 {
     padding-bottom: var(--spacing-2);
   }
@@ -5027,6 +5075,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, );
   }
 
+  .blur-xl {
+    --tw-blur: blur(var(--blur-xl));
+    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, );
+  }
+
   .blur-xs {
     --tw-blur: blur(var(--blur-xs));
     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, );
@@ -5982,6 +6035,10 @@
     z-index: 20;
   }
 
+  .focus-within\:border-border2:focus-within {
+    border-color: var(--color-border2);
+  }
+
   .focus-within\:border-neutral2:focus-within {
     border-color: var(--color-neutral2);
   }
@@ -6414,6 +6471,10 @@
     }
   }
 
+  .focus-visible\:ring-neutral5:focus-visible {
+    --tw-ring-color: var(--color-neutral5);
+  }
+
   .focus-visible\:outline-hidden:focus-visible {
     --tw-outline-style: none;
     outline-style: none;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "41.0.0",
+  "version": "41.1.0-alpha.0",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -150,8 +150,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.32.0",
-    "@mastra/react": "1.2.5"
+    "@mastra/client-js": "^1.32.1-alpha.0",
+    "@mastra/react": "1.2.6-alpha.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -190,10 +190,10 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.10",
     "@internal/lint": "0.0.114",
-    "@mastra/client-js": "^1.32.0",
-    "@mastra/core": "1.51.0",
-    "@mastra/react": "1.2.5",
-    "@mastra/memory": "1.23.0"
+    "@mastra/core": "1.51.1-alpha.0",
+    "@mastra/memory": "1.23.1-alpha.0",
+    "@mastra/react": "1.2.6-alpha.0",
+    "@mastra/client-js": "^1.32.1-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {