@mastra/react 1.3.2-alpha.4 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/react.css +72 -127
  3. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @mastra/react
2
2
 
3
+ ## 1.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [[`c8d8a01`](https://github.com/mastra-ai/mastra/commit/c8d8a010ee2efe2b7bf4d07707382c34c87b14e4), [`df6a9ce`](https://github.com/mastra-ai/mastra/commit/df6a9ce87214f7aadb2edfe62f67605fe998a0a4), [`73839cb`](https://github.com/mastra-ai/mastra/commit/73839cb58322679c170627d1015669ede5f619aa), [`371cf60`](https://github.com/mastra-ai/mastra/commit/371cf6075cef88ac6919a08d59a82e485397364a), [`17e3206`](https://github.com/mastra-ai/mastra/commit/17e3206b044e704699bdda53db2d617beff3b9da), [`8e4dc79`](https://github.com/mastra-ai/mastra/commit/8e4dc793dcf035ea506f9ce79f56d2d501a4be14), [`2db93cc`](https://github.com/mastra-ai/mastra/commit/2db93ccd0b872e4de7853a93383efe0647901df8), [`3a507cb`](https://github.com/mastra-ai/mastra/commit/3a507cbd42da6d56be2975f374d53dafbce7c0d1), [`094ab61`](https://github.com/mastra-ai/mastra/commit/094ab6129a1a3ecf6eeb86decac17d5faea4e02a), [`fe80944`](https://github.com/mastra-ai/mastra/commit/fe80944f3ef6681fea6eae8200fce387b7bb3c2f), [`263d2ca`](https://github.com/mastra-ai/mastra/commit/263d2cac80ba3b03b9c0f008db6f1f1b9eb0278c), [`75f843d`](https://github.com/mastra-ai/mastra/commit/75f843d09f758223e6eeb321321bdcc5c7e779d0), [`e51e166`](https://github.com/mastra-ai/mastra/commit/e51e166c52e220abc9b64554ce37359dca8544b1)]:
8
+ - @mastra/core@1.53.0
9
+ - @mastra/client-js@1.34.0
10
+
11
+ ## 1.3.2-alpha.5
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies [[`73839cb`](https://github.com/mastra-ai/mastra/commit/73839cb58322679c170627d1015669ede5f619aa), [`8e4dc79`](https://github.com/mastra-ai/mastra/commit/8e4dc793dcf035ea506f9ce79f56d2d501a4be14), [`2db93cc`](https://github.com/mastra-ai/mastra/commit/2db93ccd0b872e4de7853a93383efe0647901df8), [`094ab61`](https://github.com/mastra-ai/mastra/commit/094ab6129a1a3ecf6eeb86decac17d5faea4e02a), [`fe80944`](https://github.com/mastra-ai/mastra/commit/fe80944f3ef6681fea6eae8200fce387b7bb3c2f), [`e51e166`](https://github.com/mastra-ai/mastra/commit/e51e166c52e220abc9b64554ce37359dca8544b1)]:
16
+ - @mastra/core@1.53.0-alpha.4
17
+ - @mastra/client-js@1.34.0-alpha.5
18
+
3
19
  ## 1.3.2-alpha.4
4
20
 
5
21
  ### Patch Changes
package/dist/react.css CHANGED
@@ -1,10 +1,11 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
5
5
  :root, :host {
6
- --mastra-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
6
+ --mastra-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
7
+ "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
8
+ "Segoe UI Symbol", "Noto Color Emoji";
8
9
  --mastra-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
10
  "Courier New", monospace;
10
11
  --mastra-color-red-500: oklch(63.7% 0.237 25.331);
@@ -45,7 +46,7 @@
45
46
  line-height: 1.5;
46
47
  -webkit-text-size-adjust: 100%;
47
48
  tab-size: 4;
48
- font-family: var(--mastra-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
49
+ font-family: var(--mastra-default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
49
50
  font-feature-settings: var(--mastra-default-font-feature-settings, normal);
50
51
  font-variation-settings: var(--mastra-default-font-variation-settings, normal);
51
52
  -webkit-tap-highlight-color: transparent;
@@ -97,7 +98,7 @@
97
98
  border-color: inherit;
98
99
  border-collapse: collapse;
99
100
  }
100
- :-moz-focusring {
101
+ :-moz-focusring:where(:not(iframe)) {
101
102
  outline: auto;
102
103
  }
103
104
  progress {
@@ -256,24 +257,20 @@
256
257
  justify-content: space-between;
257
258
  }
258
259
  .mastra\:gap-1 {
259
- gap: calc(var(--mastra-spacing) * 1);
260
+ gap: var(--mastra-spacing);
260
261
  }
261
262
  .mastra\:gap-2 {
262
263
  gap: calc(var(--mastra-spacing) * 2);
263
264
  }
264
- .mastra\:space-y-2 {
265
- :where(& > :not(:last-child)) {
266
- --tw-space-y-reverse: 0;
267
- margin-block-start: calc(calc(var(--mastra-spacing) * 2) * var(--tw-space-y-reverse));
268
- margin-block-end: calc(calc(var(--mastra-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
269
- }
265
+ :where(.mastra\:space-y-2 > :not(:last-child)) {
266
+ --tw-space-y-reverse: 0;
267
+ margin-block-start: calc(calc(var(--mastra-spacing) * 2) * var(--tw-space-y-reverse));
268
+ margin-block-end: calc(calc(var(--mastra-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
270
269
  }
271
- .mastra\:space-y-4 {
272
- :where(& > :not(:last-child)) {
273
- --tw-space-y-reverse: 0;
274
- margin-block-start: calc(calc(var(--mastra-spacing) * 4) * var(--tw-space-y-reverse));
275
- margin-block-end: calc(calc(var(--mastra-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
276
- }
270
+ :where(.mastra\:space-y-4 > :not(:last-child)) {
271
+ --tw-space-y-reverse: 0;
272
+ margin-block-start: calc(calc(var(--mastra-spacing) * 4) * var(--tw-space-y-reverse));
273
+ margin-block-end: calc(calc(var(--mastra-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
277
274
  }
278
275
  .mastra\:overflow-hidden {
279
276
  overflow: hidden;
@@ -317,7 +314,7 @@
317
314
  padding: calc(var(--mastra-spacing) * 0.5);
318
315
  }
319
316
  .mastra\:p-1 {
320
- padding: calc(var(--mastra-spacing) * 1);
317
+ padding: var(--mastra-spacing);
321
318
  }
322
319
  .mastra\:p-4 {
323
320
  padding: calc(var(--mastra-spacing) * 4);
@@ -329,7 +326,7 @@
329
326
  padding-inline: calc(var(--mastra-spacing) * 4);
330
327
  }
331
328
  .mastra\:py-1 {
332
- padding-block: calc(var(--mastra-spacing) * 1);
329
+ padding-block: var(--mastra-spacing);
333
330
  }
334
331
  .mastra\:py-2 {
335
332
  padding-block: calc(var(--mastra-spacing) * 2);
@@ -373,137 +370,85 @@
373
370
  --tw-ease: var(--mastra-ease-in-out);
374
371
  transition-timing-function: var(--mastra-ease-in-out);
375
372
  }
376
- .mastra\:group-focus-within\:opacity-100 {
377
- &:is(:where(.mastra\:group):focus-within *) {
373
+ .mastra\:group-focus-within\:opacity-100:is(:where(.mastra\:group):focus-within *) {
374
+ opacity: 100%;
375
+ }
376
+ @media (hover: hover) {
377
+ .mastra\:group-hover\:opacity-100:is(:where(.mastra\:group):hover *) {
378
378
  opacity: 100%;
379
379
  }
380
- }
381
- .mastra\:group-hover\:opacity-100 {
382
- &:is(:where(.mastra\:group):hover *) {
383
- @media (hover: hover) {
384
- opacity: 100%;
385
- }
380
+ .mastra\:hover\:bg-surface4:hover {
381
+ background-color: var(--mastra-color-surface4);
386
382
  }
387
- }
388
- .mastra\:hover\:bg-surface4 {
389
- &:hover {
390
- @media (hover: hover) {
391
- background-color: var(--mastra-color-surface4);
392
- }
383
+ .mastra\:hover\:text-text6:hover {
384
+ color: var(--mastra-color-text6);
393
385
  }
394
386
  }
395
- .mastra\:hover\:text-text6 {
396
- &:hover {
397
- @media (hover: hover) {
398
- color: var(--mastra-color-text6);
399
- }
400
- }
387
+ .mastra\:active\:bg-surface5:active {
388
+ background-color: var(--mastra-color-surface5);
401
389
  }
402
- .mastra\:active\:bg-surface5 {
403
- &:active {
404
- background-color: var(--mastra-color-surface5);
405
- }
390
+ .mastra\:active\:text-text6:active {
391
+ color: var(--mastra-color-text6);
406
392
  }
407
- .mastra\:active\:text-text6 {
408
- &:active {
409
- color: var(--mastra-color-text6);
410
- }
393
+ .mastra\:aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
394
+ cursor: not-allowed;
411
395
  }
412
- .mastra\:aria-disabled\:cursor-not-allowed {
413
- &[aria-disabled="true"] {
414
- cursor: not-allowed;
415
- }
396
+ .mastra\:aria-disabled\:bg-surface5[aria-disabled="true"] {
397
+ background-color: var(--mastra-color-surface5);
416
398
  }
417
- .mastra\:aria-disabled\:bg-surface5 {
418
- &[aria-disabled="true"] {
419
- background-color: var(--mastra-color-surface5);
420
- }
399
+ .mastra\:aria-disabled\:text-text3[aria-disabled="true"] {
400
+ color: var(--mastra-color-text3);
421
401
  }
422
- .mastra\:aria-disabled\:text-text3 {
423
- &[aria-disabled="true"] {
424
- color: var(--mastra-color-text3);
425
- }
402
+ .mastra\:aria-expanded\:rounded-b-none[aria-expanded="true"] {
403
+ border-bottom-right-radius: 0;
404
+ border-bottom-left-radius: 0;
426
405
  }
427
- .mastra\:aria-expanded\:rounded-b-none {
428
- &[aria-expanded="true"] {
429
- border-bottom-right-radius: 0;
430
- border-bottom-left-radius: 0;
431
- }
406
+ .mastra\:aria-expanded\:border-b-0[aria-expanded="true"] {
407
+ border-bottom-style: var(--tw-border-style);
408
+ border-bottom-width: 0px;
432
409
  }
433
- .mastra\:aria-expanded\:border-b-0 {
434
- &[aria-expanded="true"] {
435
- border-bottom-style: var(--tw-border-style);
436
- border-bottom-width: 0px;
437
- }
410
+ .mastra\:\[\&_\.mastra-message-content\]\:bg-surface4 .mastra-message-content {
411
+ background-color: var(--mastra-color-surface4);
438
412
  }
439
- .mastra\:\[\&_\.mastra-message-content\]\:bg-surface4 {
440
- & .mastra-message-content {
441
- background-color: var(--mastra-color-surface4);
442
- }
413
+ .mastra\:\[\&_\.mastra-message-content\]\:px-4 .mastra-message-content {
414
+ padding-inline: calc(var(--mastra-spacing) * 4);
443
415
  }
444
- .mastra\:\[\&_\.mastra-message-content\]\:px-4 {
445
- & .mastra-message-content {
446
- padding-inline: calc(var(--mastra-spacing) * 4);
447
- }
416
+ .mastra\:\[\&_svg\.mastra-icon\]\:text-accent1 svg.mastra-icon {
417
+ color: var(--mastra-color-accent1);
448
418
  }
449
- .mastra\:\[\&_svg\.mastra-icon\]\:text-accent1 {
450
- & svg.mastra-icon {
451
- color: var(--mastra-color-accent1);
452
- }
419
+ .mastra\:\[\&_svg\.mastra-icon\]\:text-accent2 svg.mastra-icon {
420
+ color: var(--mastra-color-accent2);
453
421
  }
454
- .mastra\:\[\&_svg\.mastra-icon\]\:text-accent2 {
455
- & svg.mastra-icon {
456
- color: var(--mastra-color-accent2);
457
- }
422
+ .mastra\:\[\&_svg\.mastra-icon\]\:text-accent3 svg.mastra-icon {
423
+ color: var(--mastra-color-accent3);
458
424
  }
459
- .mastra\:\[\&_svg\.mastra-icon\]\:text-accent3 {
460
- & svg.mastra-icon {
461
- color: var(--mastra-color-accent3);
462
- }
425
+ .mastra\:\[\&_svg\.mastra-icon\]\:text-accent6 svg.mastra-icon {
426
+ color: var(--mastra-color-accent6);
463
427
  }
464
- .mastra\:\[\&_svg\.mastra-icon\]\:text-accent6 {
465
- & svg.mastra-icon {
466
- color: var(--mastra-color-accent6);
467
- }
428
+ .mastra\:\[\&_svg\.mastra-icon\]\:text-text3 svg.mastra-icon {
429
+ color: var(--mastra-color-text3);
468
430
  }
469
- .mastra\:\[\&_svg\.mastra-icon\]\:text-text3 {
470
- & svg.mastra-icon {
471
- color: var(--mastra-color-text3);
472
- }
431
+ .mastra\:\[\&\>pre\]\:\!bg-surface4 > pre {
432
+ background-color: var(--mastra-color-surface4) !important;
473
433
  }
474
- .mastra\:\[\&\>pre\]\:\!bg-surface4 {
475
- &>pre {
476
- background-color: var(--mastra-color-surface4) !important;
477
- }
478
- }
479
- .mastra\:\[\&\>pre\]\:p-4 {
480
- &>pre {
481
- padding: calc(var(--mastra-spacing) * 4);
482
- }
434
+ .mastra\:\[\&\>pre\]\:p-4 > pre {
435
+ padding: calc(var(--mastra-spacing) * 4);
483
436
  }
484
- .mastra\:\[\&\>pre\>code\]\:leading-5 {
485
- &>pre>code {
486
- --tw-leading: calc(var(--mastra-spacing) * 5);
487
- line-height: calc(var(--mastra-spacing) * 5);
488
- }
437
+ .mastra\:\[\&\>pre\>code\]\:leading-5 > pre > code {
438
+ --tw-leading: calc(var(--mastra-spacing) * 5);
439
+ line-height: calc(var(--mastra-spacing) * 5);
489
440
  }
490
- .mastra\:\[\&\>svg\]\:size-3 {
491
- &>svg {
492
- width: calc(var(--mastra-spacing) * 3);
493
- height: calc(var(--mastra-spacing) * 3);
494
- }
441
+ .mastra\:\[\&\>svg\]\:size-3 > svg {
442
+ width: calc(var(--mastra-spacing) * 3);
443
+ height: calc(var(--mastra-spacing) * 3);
495
444
  }
496
- .mastra\:\[\&\>svg\]\:size-4 {
497
- &>svg {
498
- width: calc(var(--mastra-spacing) * 4);
499
- height: calc(var(--mastra-spacing) * 4);
500
- }
445
+ .mastra\:\[\&\>svg\]\:size-4 > svg {
446
+ width: calc(var(--mastra-spacing) * 4);
447
+ height: calc(var(--mastra-spacing) * 4);
501
448
  }
502
- .mastra\:\[\&\>svg\]\:size-5 {
503
- &>svg {
504
- width: calc(var(--mastra-spacing) * 5);
505
- height: calc(var(--mastra-spacing) * 5);
506
- }
449
+ .mastra\:\[\&\>svg\]\:size-5 > svg {
450
+ width: calc(var(--mastra-spacing) * 5);
451
+ height: calc(var(--mastra-spacing) * 5);
507
452
  }
508
453
  }
509
454
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mastra/react",
3
- "version": "1.3.2-alpha.4",
3
+ "version": "1.3.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/mastra-ai/mastra.git",
@@ -39,7 +39,7 @@
39
39
  "lucide-react": "^0.522.0",
40
40
  "shiki": "^1.29.2",
41
41
  "tailwind-merge": "^3.5.0",
42
- "@mastra/client-js": "1.34.0-alpha.4"
42
+ "@mastra/client-js": "1.34.0"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "@mastra/core": ">=1.8.0-0 <2.0.0-0",
@@ -49,8 +49,8 @@
49
49
  },
50
50
  "devDependencies": {
51
51
  "@storybook/react-vite": "^9.1.20",
52
- "@tailwindcss/cli": "^4.2.2",
53
- "@tailwindcss/vite": "^4.2.2",
52
+ "@tailwindcss/cli": "^4.3.3",
53
+ "@tailwindcss/vite": "^4.3.3",
54
54
  "@testing-library/react": "^16.3.2",
55
55
  "@types/react": "^19.2.14",
56
56
  "@types/react-dom": "^19.2.3",
@@ -63,15 +63,15 @@
63
63
  "react": "^19.2.5",
64
64
  "react-dom": "^19.2.5",
65
65
  "storybook": "^9.1.20",
66
- "tailwindcss": "^4.2.2",
66
+ "tailwindcss": "^4.3.3",
67
67
  "tsup": "^8.5.1",
68
68
  "typescript": "^6.0.3",
69
69
  "vite": "^7.3.1",
70
70
  "vitest": "4.1.10",
71
71
  "zod": "^3.25.76",
72
- "@internal/types-builder": "0.0.91",
73
- "@internal/lint": "0.0.116",
74
- "@mastra/core": "1.53.0-alpha.3"
72
+ "@internal/lint": "0.0.117",
73
+ "@internal/types-builder": "0.0.92",
74
+ "@mastra/core": "1.53.0"
75
75
  },
76
76
  "eslintConfig": {
77
77
  "extends": [