@mastra/playground-ui 4.0.4-alpha.0 → 4.0.4-alpha.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 (17) hide show
  1. package/{LICENSE → LICENSE.md} +3 -1
  2. package/dist/components/ui/data-table.d.ts +1 -5
  3. package/dist/domains/agents/agents-table.d.ts +1 -2
  4. package/dist/domains/workflows/workflows-table.d.ts +1 -2
  5. package/dist/ds/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  6. package/dist/ds/components/Button/Button.d.ts +1 -0
  7. package/dist/index.cjs.js +8038 -0
  8. package/dist/index.cjs.js.map +1 -0
  9. package/dist/index.d.ts +4 -0
  10. package/dist/index.es.js +171 -65
  11. package/dist/index.es.js.map +1 -1
  12. package/dist/tokens.cjs.js +85 -0
  13. package/dist/tokens.cjs.js.map +1 -0
  14. package/dist/tokens.d.ts +1 -0
  15. package/dist/tokens.es.js +73 -0
  16. package/dist/tokens.es.js.map +1 -0
  17. package/package.json +15 -5
package/dist/tokens.cjs.js ADDED
@@ -0,0 +1,85 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const BorderWidth = {
6
+ sm: "0.5px"
7
+ };
8
+ const BorderRadius = {
9
+ none: "0px",
10
+ sm: "2px",
11
+ md: "4px",
12
+ lg: "6px"
13
+ };
14
+
15
+ const Colors = {
16
+ surface1: "#000000",
17
+ surface2: "#0F0F0F",
18
+ surface3: "#141414",
19
+ surface4: "#1A1A1A",
20
+ surface5: "rgba(46, 46, 46, 0.9)",
21
+ accent1: "#1AFB6F",
22
+ accent2: "#FF4931",
23
+ accent3: "#267AD2",
24
+ accent4: "#9E57B3"
25
+ };
26
+ const BorderColors = {
27
+ border1: "rgba(48, 48, 48, 1)",
28
+ border2: "rgba(66, 66, 66, 1)"
29
+ };
30
+ const IconColors = {
31
+ icon1: "#5C5C5C",
32
+ icon2: "#707070",
33
+ icon3: "#939393",
34
+ icon4: "#A9A9A9",
35
+ icon5: "#E6E6E6",
36
+ icon6: "#FFFFFF"
37
+ };
38
+
39
+ const FontSizes = {
40
+ "header-md": "1rem",
41
+ // 16px
42
+ "ui-lg": "0.813rem",
43
+ // 13px
44
+ "ui-md": "0.75rem",
45
+ // 12px
46
+ "ui-sm": "0.688rem",
47
+ // 11px
48
+ "ui-xs": "0.625rem"
49
+ // 10px
50
+ };
51
+ const LineHeights = {
52
+ "header-md": "125%",
53
+ "ui-lg": "153.846%",
54
+ "ui-md": "166.667%",
55
+ "ui-sm": "181.818%",
56
+ "ui-xs": "200%"
57
+ };
58
+
59
+ const Sizes = {
60
+ "icon-default": "16px",
61
+ "icon-lg": "20px",
62
+ "button-default": "24px",
63
+ "header-default": "40px",
64
+ "table-header": "28px",
65
+ "table-row": "44px",
66
+ "table-row-small": "32px",
67
+ "badge-default": "20px"
68
+ };
69
+
70
+ const Spacings = {
71
+ sm: "2px",
72
+ md: "4px",
73
+ lg: "8px"
74
+ };
75
+
76
+ exports.BorderColors = BorderColors;
77
+ exports.BorderRadius = BorderRadius;
78
+ exports.BorderWidth = BorderWidth;
79
+ exports.Colors = Colors;
80
+ exports.FontSizes = FontSizes;
81
+ exports.IconColors = IconColors;
82
+ exports.LineHeights = LineHeights;
83
+ exports.Sizes = Sizes;
84
+ exports.Spacings = Spacings;
85
+ //# sourceMappingURL=tokens.cjs.js.map
package/dist/tokens.cjs.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n sm: '0.5px',\n};\n\nexport const BorderRadius = {\n none: '0px',\n sm: '2px',\n md: '4px',\n lg: '6px',\n};\n","export const Colors = {\n surface1: '#000000',\n surface2: '#0F0F0F',\n surface3: '#141414',\n surface4: '#1A1A1A',\n surface5: 'rgba(46, 46, 46, 0.9)',\n accent1: '#1AFB6F',\n accent2: '#FF4931',\n accent3: '#267AD2',\n accent4: '#9E57B3',\n};\n\nexport const BorderColors = {\n border1: 'rgba(48, 48, 48, 1)',\n border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n icon1: '#5C5C5C',\n icon2: '#707070',\n icon3: '#939393',\n icon4: '#A9A9A9',\n icon5: '#E6E6E6',\n icon6: '#FFFFFF',\n};\n","export const FontSizes = {\n 'header-md': '1rem', // 16px\n 'ui-lg': '0.813rem', // 13px\n 'ui-md': '0.75rem', // 12px\n 'ui-sm': '0.688rem', // 11px\n 'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n 'header-md': '125%',\n 'ui-lg': '153.846%',\n 'ui-md': '166.667%',\n 'ui-sm': '181.818%',\n 'ui-xs': '200%',\n};\n","export const Sizes = {\n 'icon-default': '16px',\n 'icon-lg': '20px',\n 'button-default': '24px',\n 'header-default': '40px',\n 'table-header': '28px',\n 'table-row': '44px',\n 'table-row-small': '32px',\n 'badge-default': '20px',\n};\n","export const Spacings = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n};\n"],"names":[],"mappings":";;;;AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,MAAS,GAAA;AAAA,EACpB,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,uBAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,OAAS,EAAA,qBAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA;AACT;;ACxBO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,gBAAkB,EAAA,MAAA;AAAA,EAClB,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA;AACnB;;ACTO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;;;;;;;;;"}
package/dist/tokens.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './ds/tokens/index'
package/dist/tokens.es.js ADDED
@@ -0,0 +1,73 @@
1
+ const BorderWidth = {
2
+ sm: "0.5px"
3
+ };
4
+ const BorderRadius = {
5
+ none: "0px",
6
+ sm: "2px",
7
+ md: "4px",
8
+ lg: "6px"
9
+ };
10
+
11
+ const Colors = {
12
+ surface1: "#000000",
13
+ surface2: "#0F0F0F",
14
+ surface3: "#141414",
15
+ surface4: "#1A1A1A",
16
+ surface5: "rgba(46, 46, 46, 0.9)",
17
+ accent1: "#1AFB6F",
18
+ accent2: "#FF4931",
19
+ accent3: "#267AD2",
20
+ accent4: "#9E57B3"
21
+ };
22
+ const BorderColors = {
23
+ border1: "rgba(48, 48, 48, 1)",
24
+ border2: "rgba(66, 66, 66, 1)"
25
+ };
26
+ const IconColors = {
27
+ icon1: "#5C5C5C",
28
+ icon2: "#707070",
29
+ icon3: "#939393",
30
+ icon4: "#A9A9A9",
31
+ icon5: "#E6E6E6",
32
+ icon6: "#FFFFFF"
33
+ };
34
+
35
+ const FontSizes = {
36
+ "header-md": "1rem",
37
+ // 16px
38
+ "ui-lg": "0.813rem",
39
+ // 13px
40
+ "ui-md": "0.75rem",
41
+ // 12px
42
+ "ui-sm": "0.688rem",
43
+ // 11px
44
+ "ui-xs": "0.625rem"
45
+ // 10px
46
+ };
47
+ const LineHeights = {
48
+ "header-md": "125%",
49
+ "ui-lg": "153.846%",
50
+ "ui-md": "166.667%",
51
+ "ui-sm": "181.818%",
52
+ "ui-xs": "200%"
53
+ };
54
+
55
+ const Sizes = {
56
+ "icon-default": "16px",
57
+ "icon-lg": "20px",
58
+ "button-default": "24px",
59
+ "header-default": "40px",
60
+ "table-header": "28px",
61
+ "table-row": "44px",
62
+ "table-row-small": "32px",
63
+ "badge-default": "20px"
64
+ };
65
+
66
+ const Spacings = {
67
+ sm: "2px",
68
+ md: "4px",
69
+ lg: "8px"
70
+ };
71
+
72
+ export { BorderColors, BorderRadius, BorderWidth, Colors, FontSizes, IconColors, LineHeights, Sizes, Spacings };
73
+ //# sourceMappingURL=tokens.es.js.map
package/dist/tokens.es.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/borders.ts","../src/ds/tokens/colors.ts","../src/ds/tokens/fonts.ts","../src/ds/tokens/sizes.ts","../src/ds/tokens/spacings.ts"],"sourcesContent":["export const BorderWidth = {\n sm: '0.5px',\n};\n\nexport const BorderRadius = {\n none: '0px',\n sm: '2px',\n md: '4px',\n lg: '6px',\n};\n","export const Colors = {\n surface1: '#000000',\n surface2: '#0F0F0F',\n surface3: '#141414',\n surface4: '#1A1A1A',\n surface5: 'rgba(46, 46, 46, 0.9)',\n accent1: '#1AFB6F',\n accent2: '#FF4931',\n accent3: '#267AD2',\n accent4: '#9E57B3',\n};\n\nexport const BorderColors = {\n border1: 'rgba(48, 48, 48, 1)',\n border2: 'rgba(66, 66, 66, 1)',\n};\n\nexport const IconColors = {\n icon1: '#5C5C5C',\n icon2: '#707070',\n icon3: '#939393',\n icon4: '#A9A9A9',\n icon5: '#E6E6E6',\n icon6: '#FFFFFF',\n};\n","export const FontSizes = {\n 'header-md': '1rem', // 16px\n 'ui-lg': '0.813rem', // 13px\n 'ui-md': '0.75rem', // 12px\n 'ui-sm': '0.688rem', // 11px\n 'ui-xs': '0.625rem', // 10px\n};\n\nexport const LineHeights = {\n 'header-md': '125%',\n 'ui-lg': '153.846%',\n 'ui-md': '166.667%',\n 'ui-sm': '181.818%',\n 'ui-xs': '200%',\n};\n","export const Sizes = {\n 'icon-default': '16px',\n 'icon-lg': '20px',\n 'button-default': '24px',\n 'header-default': '40px',\n 'table-header': '28px',\n 'table-row': '44px',\n 'table-row-small': '32px',\n 'badge-default': '20px',\n};\n","export const Spacings = {\n sm: '2px',\n md: '4px',\n lg: '8px',\n};\n"],"names":[],"mappings":"AAAO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA;AACN;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,IAAM,EAAA,KAAA;AAAA,EACN,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;ACTO,MAAM,MAAS,GAAA;AAAA,EACpB,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,SAAA;AAAA,EACV,QAAU,EAAA,uBAAA;AAAA,EACV,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,YAAe,GAAA;AAAA,EAC1B,OAAS,EAAA,qBAAA;AAAA,EACT,OAAS,EAAA;AACX;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,KAAO,EAAA;AACT;;ACxBO,MAAM,SAAY,GAAA;AAAA,EACvB,WAAa,EAAA,MAAA;AAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA;AAAA,EACT,OAAS,EAAA;AAAA;AACX;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,WAAa,EAAA,MAAA;AAAA,EACb,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA,UAAA;AAAA,EACT,OAAS,EAAA;AACX;;ACdO,MAAM,KAAQ,GAAA;AAAA,EACnB,cAAgB,EAAA,MAAA;AAAA,EAChB,SAAW,EAAA,MAAA;AAAA,EACX,gBAAkB,EAAA,MAAA;AAAA,EAClB,gBAAkB,EAAA,MAAA;AAAA,EAClB,cAAgB,EAAA,MAAA;AAAA,EAChB,WAAa,EAAA,MAAA;AAAA,EACb,iBAAmB,EAAA,MAAA;AAAA,EACnB,eAAiB,EAAA;AACnB;;ACTO,MAAM,QAAW,GAAA;AAAA,EACtB,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA;AACN;;;;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "4.0.4-alpha.0",
4
+ "version": "4.0.4-alpha.2",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -16,7 +16,17 @@
16
16
  "default": "./dist/index.es.js"
17
17
  }
18
18
  },
19
- "./style.css": "./dist/style.css"
19
+ "./style.css": "./dist/style.css",
20
+ "./tokens": {
21
+ "import": {
22
+ "types": "./dist/tokens.d.ts",
23
+ "default": "./dist/tokens.es.js"
24
+ },
25
+ "require": {
26
+ "default": "./dist/tokens.cjs.js",
27
+ "types": "./dist/tokens.d.ts"
28
+ }
29
+ }
20
30
  },
21
31
  "keywords": [
22
32
  "mastra",
@@ -24,7 +34,7 @@
24
34
  "components"
25
35
  ],
26
36
  "author": "Mastra",
27
- "license": "ISC",
37
+ "license": "Elastic-2.0",
28
38
  "dependencies": {
29
39
  "@ai-sdk/ui-utils": "^1.1.19",
30
40
  "@assistant-ui/react": "^0.7.91",
@@ -81,14 +91,14 @@
81
91
  "use-debounce": "^10.0.4",
82
92
  "zod": "^3.24.2",
83
93
  "zustand": "^5.0.3",
84
- "@mastra/client-js": "^0.1.17-alpha.0"
94
+ "@mastra/client-js": "^0.1.17-alpha.2"
85
95
  },
86
96
  "peerDependencies": {
87
97
  "lucide-react": "^0.474.0",
88
98
  "react": ">=19.0.0",
89
99
  "react-dom": ">=19.0.0",
90
100
  "tailwindcss": "^3.0.0",
91
- "@mastra/core": "^0.8.3-alpha.0"
101
+ "@mastra/core": "^0.8.3-alpha.2"
92
102
  },
93
103
  "devDependencies": {
94
104
  "@types/node": "^20.17.27",