@mastra/playground-ui 7.0.0-beta.23 → 7.0.0-beta.25

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 (57) hide show
  1. package/CHANGELOG.md +86 -0
  2. package/dist/index.cjs.js +1133 -264
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.css +10 -10
  5. package/dist/index.es.js +1120 -259
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/spacings-Ddc7umGk.js +196 -0
  8. package/dist/spacings-Ddc7umGk.js.map +1 -0
  9. package/dist/spacings-bCnRJAUT.cjs +206 -0
  10. package/dist/spacings-bCnRJAUT.cjs.map +1 -0
  11. package/dist/src/domains/agents/components/agent-metadata/agent-metadata.d.ts +11 -0
  12. package/dist/src/domains/processors/components/index.d.ts +2 -0
  13. package/dist/src/domains/processors/components/processor-panel.d.ts +8 -0
  14. package/dist/src/domains/processors/components/processor-table/columns.d.ts +12 -0
  15. package/dist/src/domains/processors/components/processor-table/index.d.ts +2 -0
  16. package/dist/src/domains/processors/components/processor-table/processor-table.d.ts +7 -0
  17. package/dist/src/domains/processors/hooks/index.d.ts +1 -0
  18. package/dist/src/domains/processors/hooks/use-processors.d.ts +50 -0
  19. package/dist/src/domains/processors/index.d.ts +2 -0
  20. package/dist/src/domains/workflows/hooks/use-workflows.d.ts +3 -1
  21. package/dist/src/domains/workflows/workflow/workflow-input-data.d.ts +2 -1
  22. package/dist/src/ds/components/Alert/Alert.d.ts +2 -1
  23. package/dist/src/ds/components/Avatar/Avatar.d.ts +2 -1
  24. package/dist/src/ds/components/Badge/Badge.d.ts +1 -1
  25. package/dist/src/ds/components/Button/Button.d.ts +1 -1
  26. package/dist/src/ds/components/Card/Card.d.ts +26 -0
  27. package/dist/src/ds/components/Card/index.d.ts +2 -0
  28. package/dist/src/ds/components/Collapsible/collapsible.d.ts +4 -3
  29. package/dist/src/ds/components/EmptyState/EmptyState.d.ts +10 -9
  30. package/dist/src/ds/components/EmptyState/index.d.ts +2 -1
  31. package/dist/src/ds/components/Input/input.d.ts +2 -0
  32. package/dist/src/ds/components/Kbd/kbd.d.ts +2 -1
  33. package/dist/src/ds/components/Notification/notification.d.ts +1 -1
  34. package/dist/src/ds/components/Spinner/spinner.d.ts +2 -1
  35. package/dist/src/ds/components/StatusBadge/StatusBadge.d.ts +13 -0
  36. package/dist/src/ds/components/StatusBadge/index.d.ts +2 -0
  37. package/dist/src/ds/icons/ProcessorIcon.d.ts +2 -0
  38. package/dist/src/ds/icons/index.d.ts +1 -0
  39. package/dist/src/ds/primitives/form-element.d.ts +3 -2
  40. package/dist/src/ds/primitives/transitions.d.ts +22 -0
  41. package/dist/src/ds/tokens/animations.d.ts +5 -0
  42. package/dist/src/ds/tokens/colors.d.ts +2 -1
  43. package/dist/src/ds/tokens/index.d.ts +2 -0
  44. package/dist/src/ds/tokens/shadows.d.ts +14 -0
  45. package/dist/src/index.d.ts +1 -0
  46. package/dist/src/lib/ai-ui/tools/badges/tool-approval-buttons.d.ts +2 -1
  47. package/dist/src/lib/framework.d.ts +2 -0
  48. package/dist/src/services/tool-call-provider.d.ts +5 -1
  49. package/dist/tailwind.preset.cjs.js +38 -10
  50. package/dist/tailwind.preset.cjs.js.map +1 -1
  51. package/dist/tailwind.preset.es.js +29 -1
  52. package/dist/tailwind.preset.es.js.map +1 -1
  53. package/dist/tokens.cjs.js +17 -175
  54. package/dist/tokens.cjs.js.map +1 -1
  55. package/dist/tokens.es.js +8 -169
  56. package/dist/tokens.es.js.map +1 -1
  57. package/package.json +10 -10
package/dist/tokens.cjs.js CHANGED
@@ -2,182 +2,24 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const BorderRadius = {
6
- none: "0px",
7
- sm: "2px",
8
- md: "4px",
9
- lg: "6px"
10
- };
11
-
12
- const Colors = {
13
- surface1: "#000000",
14
- surface2: "#0F0F0F",
15
- surface3: "#141414",
16
- surface4: "#1A1A1A",
17
- surface5: "rgba(46, 46, 46, 0.9)",
18
- accent1: "#1AFB6F",
19
- accent2: "#FF4931",
20
- accent3: "#267AD2",
21
- accent4: "#9E57B3",
22
- accent5: "#4A9DF2",
23
- accent6: "#ECB047",
24
- accent1Dark: "#16281f",
25
- accent2Dark: "#281916",
26
- accent3Dark: "#161a28",
27
- accent5Dark: "#161a22",
28
- accent6Dark: "#232214",
29
- accent1Darker: "#141a16",
30
- accent2Darker: "#1a1414",
31
- accent3Darker: "#14141a",
32
- accent5Darker: "#14161a",
33
- accent6Darker: "#1a1a14",
34
- neutral1: "#5C5C5C",
35
- neutral2: "#707070",
36
- neutral3: "#939393",
37
- neutral4: "#A9A9A9",
38
- neutral5: "#E6E6E6",
39
- neutral6: "#FFFFFF"
40
- };
41
- const BorderColors = {
42
- border1: "rgba(48, 48, 48, 1)",
43
- border2: "rgba(66, 66, 66, 1)"
44
- };
45
-
46
- const FontSizes = {
47
- // UI text sizes
48
- "ui-xs": "0.625rem",
49
- // 10px - small labels, badges
50
- "ui-sm": "0.75rem",
51
- // 12px - secondary text
52
- "ui-md": "0.875rem",
53
- // 14px - body text
54
- "ui-lg": "1rem",
55
- // 16px - emphasized text
56
- // Header sizes
57
- "header-sm": "1.125rem",
58
- // 18px
59
- "header-md": "1.25rem",
60
- // 20px
61
- "header-lg": "1.5rem",
62
- // 24px
63
- "header-xl": "1.75rem"
64
- // 28px
65
- };
66
- const LineHeights = {
67
- "ui-xs": "160%",
68
- // 16px
69
- "ui-sm": "150%",
70
- // 18px
71
- "ui-md": "143%",
72
- // 20px
73
- "ui-lg": "150%",
74
- // 24px
75
- "header-sm": "133%",
76
- // 24px
77
- "header-md": "140%",
78
- // 28px
79
- "header-lg": "133%",
80
- // 32px
81
- "header-xl": "129%"
82
- // 36px
83
- };
84
-
85
- const Sizes = {
86
- "icon-default": "16px",
87
- "icon-lg": "20px",
88
- "icon-sm": "12px",
89
- "form-sm": "1.5rem",
90
- "form-md": "2rem",
91
- "form-lg": "2.5rem",
92
- "header-default": "48px",
93
- "table-header": "28px",
94
- "table-row": "56px",
95
- "table-row-small": "40px",
96
- "badge-default": "20px",
97
- "avatar-sm": "24px",
98
- "avatar-md": "32px",
99
- "avatar-lg": "40px",
100
- "dropdown-max-height": "300px"
101
- };
5
+ const spacings = require('./spacings-bCnRJAUT.cjs');
102
6
 
103
- const Spacings = {
104
- // Base scale (REM-based, matching Tailwind convention)
105
- "0": "0rem",
106
- px: "0.0625rem",
107
- // 1px
108
- "0.5": "0.125rem",
109
- // 2px
110
- "1": "0.25rem",
111
- // 4px
112
- "1.5": "0.375rem",
113
- // 6px
114
- "2": "0.5rem",
115
- // 8px
116
- "2.5": "0.625rem",
117
- // 10px
118
- "3": "0.75rem",
119
- // 12px
120
- "3.5": "0.875rem",
121
- // 14px
122
- "4": "1rem",
123
- // 16px
124
- "5": "1.25rem",
125
- // 20px
126
- "6": "1.5rem",
127
- // 24px
128
- "7": "1.75rem",
129
- // 28px
130
- "8": "2rem",
131
- // 32px
132
- "9": "2.25rem",
133
- // 36px
134
- "10": "2.5rem",
135
- // 40px
136
- "11": "2.75rem",
137
- // 44px
138
- "12": "3rem",
139
- // 48px
140
- "14": "3.5rem",
141
- // 56px
142
- "16": "4rem",
143
- // 64px
144
- "20": "5rem",
145
- // 80px
146
- "24": "6rem",
147
- // 96px
148
- "28": "7rem",
149
- // 112px
150
- "32": "8rem",
151
- // 128px
152
- "36": "9rem",
153
- // 144px
154
- "40": "10rem",
155
- // 160px
156
- "44": "11rem",
157
- // 176px
158
- "48": "12rem",
159
- // 192px
160
- "52": "13rem",
161
- // 208px
162
- "56": "14rem",
163
- // 224px
164
- "60": "15rem",
165
- // 240px
166
- "64": "16rem",
167
- // 256px
168
- "72": "18rem",
169
- // 288px
170
- "80": "20rem",
171
- // 320px
172
- "96": "24rem"
173
- // 384px
7
+ const Animations = {
8
+ // Durations
9
+ durationNormal: "200ms",
10
+ durationSlow: "300ms",
11
+ // Easings
12
+ easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
174
13
  };
175
14
 
176
- exports.BorderColors = BorderColors;
177
- exports.BorderRadius = BorderRadius;
178
- exports.Colors = Colors;
179
- exports.FontSizes = FontSizes;
180
- exports.LineHeights = LineHeights;
181
- exports.Sizes = Sizes;
182
- exports.Spacings = Spacings;
15
+ exports.BorderColors = spacings.BorderColors;
16
+ exports.BorderRadius = spacings.BorderRadius;
17
+ exports.Colors = spacings.Colors;
18
+ exports.FontSizes = spacings.FontSizes;
19
+ exports.Glows = spacings.Glows;
20
+ exports.LineHeights = spacings.LineHeights;
21
+ exports.Shadows = spacings.Shadows;
22
+ exports.Sizes = spacings.Sizes;
23
+ exports.Spacings = spacings.Spacings;
24
+ exports.Animations = Animations;
183
25
  //# sourceMappingURL=tokens.cjs.js.map
package/dist/tokens.cjs.js.map CHANGED
@@ -1 +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 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 accent5: '#4A9DF2',\n accent6: '#ECB047',\n accent1Dark: '#16281f',\n accent2Dark: '#281916',\n accent3Dark: '#161a28',\n accent5Dark: '#161a22',\n accent6Dark: '#232214',\n accent1Darker: '#141a16',\n accent2Darker: '#1a1414',\n accent3Darker: '#14141a',\n accent5Darker: '#14161a',\n accent6Darker: '#1a1a14',\n neutral1: '#5C5C5C',\n neutral2: '#707070',\n neutral3: '#939393',\n neutral4: '#A9A9A9',\n neutral5: '#E6E6E6',\n neutral6: '#FFFFFF',\n};\n\nexport const BorderColors = {\n border1: 'rgba(48, 48, 48, 1)',\n border2: 'rgba(66, 66, 66, 1)',\n};\n","export const FontSizes = {\n // UI text sizes\n 'ui-xs': '0.625rem', // 10px - small labels, badges\n 'ui-sm': '0.75rem', // 12px - secondary text\n 'ui-md': '0.875rem', // 14px - body text\n 'ui-lg': '1rem', // 16px - emphasized text\n\n // Header sizes\n 'header-sm': '1.125rem', // 18px\n 'header-md': '1.25rem', // 20px\n 'header-lg': '1.5rem', // 24px\n 'header-xl': '1.75rem', // 28px\n};\n\nexport const LineHeights = {\n 'ui-xs': '160%', // 16px\n 'ui-sm': '150%', // 18px\n 'ui-md': '143%', // 20px\n 'ui-lg': '150%', // 24px\n 'header-sm': '133%', // 24px\n 'header-md': '140%', // 28px\n 'header-lg': '133%', // 32px\n 'header-xl': '129%', // 36px\n};\n","export const Sizes = {\n 'icon-default': '16px',\n 'icon-lg': '20px',\n 'icon-sm': '12px',\n 'form-sm': '1.5rem',\n 'form-md': '2rem',\n 'form-lg': '2.5rem',\n 'header-default': '48px',\n 'table-header': '28px',\n 'table-row': '56px',\n 'table-row-small': '40px',\n 'badge-default': '20px',\n 'avatar-sm': '24px',\n 'avatar-md': '32px',\n 'avatar-lg': '40px',\n 'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n // Base scale (REM-based, matching Tailwind convention)\n '0': '0rem',\n px: '0.0625rem', // 1px\n '0.5': '0.125rem', // 2px\n '1': '0.25rem', // 4px\n '1.5': '0.375rem', // 6px\n '2': '0.5rem', // 8px\n '2.5': '0.625rem', // 10px\n '3': '0.75rem', // 12px\n '3.5': '0.875rem', // 14px\n '4': '1rem', // 16px\n '5': '1.25rem', // 20px\n '6': '1.5rem', // 24px\n '7': '1.75rem', // 28px\n '8': '2rem', // 32px\n '9': '2.25rem', // 36px\n '10': '2.5rem', // 40px\n '11': '2.75rem', // 44px\n '12': '3rem', // 48px\n '14': '3.5rem', // 56px\n '16': '4rem', // 64px\n '20': '5rem', // 80px\n '24': '6rem', // 96px\n '28': '7rem', // 112px\n '32': '8rem', // 128px\n '36': '9rem', // 144px\n '40': '10rem', // 160px\n '44': '11rem', // 176px\n '48': '12rem', // 192px\n '52': '13rem', // 208px\n '56': '14rem', // 224px\n '60': '15rem', // 240px\n '64': '16rem', // 256px\n '72': '18rem', // 288px\n '80': '20rem', // 320px\n '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":";;;;AAAO,MAAM,YAAA,GAAe;AAAA,EAC1B,IAAA,EAAM,KAAA;AAAA,EACN,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;;ACLO,MAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,uBAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA,EACT,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA,EACb,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,aAAA,EAAe,SAAA;AAAA,EACf,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU;AACZ;AAEO,MAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EAAS,qBAAA;AAAA,EACT,OAAA,EAAS;AACX;;ACjCO,MAAM,SAAA,GAAY;AAAA;AAAA,EAEvB,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,SAAA;AAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA;AAAA,EAGT,WAAA,EAAa,UAAA;AAAA;AAAA,EACb,WAAA,EAAa,SAAA;AAAA;AAAA,EACb,WAAA,EAAa,QAAA;AAAA;AAAA,EACb,WAAA,EAAa;AAAA;AACf;AAEO,MAAM,WAAA,GAAc;AAAA,EACzB,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA;AAAA,EACb,WAAA,EAAa;AAAA;AACf;;ACvBO,MAAM,KAAA,GAAQ;AAAA,EACnB,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,QAAA;AAAA,EACX,SAAA,EAAW,MAAA;AAAA,EACX,SAAA,EAAW,QAAA;AAAA,EACX,gBAAA,EAAkB,MAAA;AAAA,EAClB,cAAA,EAAgB,MAAA;AAAA,EAChB,WAAA,EAAa,MAAA;AAAA,EACb,iBAAA,EAAmB,MAAA;AAAA,EACnB,eAAA,EAAiB,MAAA;AAAA,EACjB,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,WAAA,EAAa,MAAA;AAAA,EACb,qBAAA,EAAuB;AACzB;;AChBO,MAAM,QAAA,GAAW;AAAA;AAAA,EAEtB,GAAA,EAAK,MAAA;AAAA,EACL,EAAA,EAAI,WAAA;AAAA;AAAA,EACJ,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,KAAA,EAAO,UAAA;AAAA;AAAA,EACP,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,QAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA;AAAA,EACL,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,SAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA;AAAA,EACN,IAAA,EAAM;AAAA;AACR;;;;;;;;;;"}
1
+ {"version":3,"file":"tokens.cjs.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n // Durations\n durationNormal: '200ms',\n durationSlow: '300ms',\n\n // Easings\n easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n"],"names":[],"mappings":";;;;;;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;;;;;;;;;;;;;"}
package/dist/tokens.es.js CHANGED
@@ -1,173 +1,12 @@
1
- const BorderRadius = {
2
- none: "0px",
3
- sm: "2px",
4
- md: "4px",
5
- lg: "6px"
6
- };
7
-
8
- const Colors = {
9
- surface1: "#000000",
10
- surface2: "#0F0F0F",
11
- surface3: "#141414",
12
- surface4: "#1A1A1A",
13
- surface5: "rgba(46, 46, 46, 0.9)",
14
- accent1: "#1AFB6F",
15
- accent2: "#FF4931",
16
- accent3: "#267AD2",
17
- accent4: "#9E57B3",
18
- accent5: "#4A9DF2",
19
- accent6: "#ECB047",
20
- accent1Dark: "#16281f",
21
- accent2Dark: "#281916",
22
- accent3Dark: "#161a28",
23
- accent5Dark: "#161a22",
24
- accent6Dark: "#232214",
25
- accent1Darker: "#141a16",
26
- accent2Darker: "#1a1414",
27
- accent3Darker: "#14141a",
28
- accent5Darker: "#14161a",
29
- accent6Darker: "#1a1a14",
30
- neutral1: "#5C5C5C",
31
- neutral2: "#707070",
32
- neutral3: "#939393",
33
- neutral4: "#A9A9A9",
34
- neutral5: "#E6E6E6",
35
- neutral6: "#FFFFFF"
36
- };
37
- const BorderColors = {
38
- border1: "rgba(48, 48, 48, 1)",
39
- border2: "rgba(66, 66, 66, 1)"
40
- };
41
-
42
- const FontSizes = {
43
- // UI text sizes
44
- "ui-xs": "0.625rem",
45
- // 10px - small labels, badges
46
- "ui-sm": "0.75rem",
47
- // 12px - secondary text
48
- "ui-md": "0.875rem",
49
- // 14px - body text
50
- "ui-lg": "1rem",
51
- // 16px - emphasized text
52
- // Header sizes
53
- "header-sm": "1.125rem",
54
- // 18px
55
- "header-md": "1.25rem",
56
- // 20px
57
- "header-lg": "1.5rem",
58
- // 24px
59
- "header-xl": "1.75rem"
60
- // 28px
61
- };
62
- const LineHeights = {
63
- "ui-xs": "160%",
64
- // 16px
65
- "ui-sm": "150%",
66
- // 18px
67
- "ui-md": "143%",
68
- // 20px
69
- "ui-lg": "150%",
70
- // 24px
71
- "header-sm": "133%",
72
- // 24px
73
- "header-md": "140%",
74
- // 28px
75
- "header-lg": "133%",
76
- // 32px
77
- "header-xl": "129%"
78
- // 36px
79
- };
80
-
81
- const Sizes = {
82
- "icon-default": "16px",
83
- "icon-lg": "20px",
84
- "icon-sm": "12px",
85
- "form-sm": "1.5rem",
86
- "form-md": "2rem",
87
- "form-lg": "2.5rem",
88
- "header-default": "48px",
89
- "table-header": "28px",
90
- "table-row": "56px",
91
- "table-row-small": "40px",
92
- "badge-default": "20px",
93
- "avatar-sm": "24px",
94
- "avatar-md": "32px",
95
- "avatar-lg": "40px",
96
- "dropdown-max-height": "300px"
97
- };
1
+ export { B as BorderColors, b as BorderRadius, C as Colors, F as FontSizes, G as Glows, L as LineHeights, S as Shadows, a as Sizes, c as Spacings } from './spacings-Ddc7umGk.js';
98
2
 
99
- const Spacings = {
100
- // Base scale (REM-based, matching Tailwind convention)
101
- "0": "0rem",
102
- px: "0.0625rem",
103
- // 1px
104
- "0.5": "0.125rem",
105
- // 2px
106
- "1": "0.25rem",
107
- // 4px
108
- "1.5": "0.375rem",
109
- // 6px
110
- "2": "0.5rem",
111
- // 8px
112
- "2.5": "0.625rem",
113
- // 10px
114
- "3": "0.75rem",
115
- // 12px
116
- "3.5": "0.875rem",
117
- // 14px
118
- "4": "1rem",
119
- // 16px
120
- "5": "1.25rem",
121
- // 20px
122
- "6": "1.5rem",
123
- // 24px
124
- "7": "1.75rem",
125
- // 28px
126
- "8": "2rem",
127
- // 32px
128
- "9": "2.25rem",
129
- // 36px
130
- "10": "2.5rem",
131
- // 40px
132
- "11": "2.75rem",
133
- // 44px
134
- "12": "3rem",
135
- // 48px
136
- "14": "3.5rem",
137
- // 56px
138
- "16": "4rem",
139
- // 64px
140
- "20": "5rem",
141
- // 80px
142
- "24": "6rem",
143
- // 96px
144
- "28": "7rem",
145
- // 112px
146
- "32": "8rem",
147
- // 128px
148
- "36": "9rem",
149
- // 144px
150
- "40": "10rem",
151
- // 160px
152
- "44": "11rem",
153
- // 176px
154
- "48": "12rem",
155
- // 192px
156
- "52": "13rem",
157
- // 208px
158
- "56": "14rem",
159
- // 224px
160
- "60": "15rem",
161
- // 240px
162
- "64": "16rem",
163
- // 256px
164
- "72": "18rem",
165
- // 288px
166
- "80": "20rem",
167
- // 320px
168
- "96": "24rem"
169
- // 384px
3
+ const Animations = {
4
+ // Durations
5
+ durationNormal: "200ms",
6
+ durationSlow: "300ms",
7
+ // Easings
8
+ easeOut: "cubic-bezier(0.33, 1, 0.68, 1)"
170
9
  };
171
10
 
172
- export { BorderColors, BorderRadius, Colors, FontSizes, LineHeights, Sizes, Spacings };
11
+ export { Animations };
173
12
  //# sourceMappingURL=tokens.es.js.map
package/dist/tokens.es.js.map CHANGED
@@ -1 +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 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 accent5: '#4A9DF2',\n accent6: '#ECB047',\n accent1Dark: '#16281f',\n accent2Dark: '#281916',\n accent3Dark: '#161a28',\n accent5Dark: '#161a22',\n accent6Dark: '#232214',\n accent1Darker: '#141a16',\n accent2Darker: '#1a1414',\n accent3Darker: '#14141a',\n accent5Darker: '#14161a',\n accent6Darker: '#1a1a14',\n neutral1: '#5C5C5C',\n neutral2: '#707070',\n neutral3: '#939393',\n neutral4: '#A9A9A9',\n neutral5: '#E6E6E6',\n neutral6: '#FFFFFF',\n};\n\nexport const BorderColors = {\n border1: 'rgba(48, 48, 48, 1)',\n border2: 'rgba(66, 66, 66, 1)',\n};\n","export const FontSizes = {\n // UI text sizes\n 'ui-xs': '0.625rem', // 10px - small labels, badges\n 'ui-sm': '0.75rem', // 12px - secondary text\n 'ui-md': '0.875rem', // 14px - body text\n 'ui-lg': '1rem', // 16px - emphasized text\n\n // Header sizes\n 'header-sm': '1.125rem', // 18px\n 'header-md': '1.25rem', // 20px\n 'header-lg': '1.5rem', // 24px\n 'header-xl': '1.75rem', // 28px\n};\n\nexport const LineHeights = {\n 'ui-xs': '160%', // 16px\n 'ui-sm': '150%', // 18px\n 'ui-md': '143%', // 20px\n 'ui-lg': '150%', // 24px\n 'header-sm': '133%', // 24px\n 'header-md': '140%', // 28px\n 'header-lg': '133%', // 32px\n 'header-xl': '129%', // 36px\n};\n","export const Sizes = {\n 'icon-default': '16px',\n 'icon-lg': '20px',\n 'icon-sm': '12px',\n 'form-sm': '1.5rem',\n 'form-md': '2rem',\n 'form-lg': '2.5rem',\n 'header-default': '48px',\n 'table-header': '28px',\n 'table-row': '56px',\n 'table-row-small': '40px',\n 'badge-default': '20px',\n 'avatar-sm': '24px',\n 'avatar-md': '32px',\n 'avatar-lg': '40px',\n 'dropdown-max-height': '300px',\n};\n","export const Spacings = {\n // Base scale (REM-based, matching Tailwind convention)\n '0': '0rem',\n px: '0.0625rem', // 1px\n '0.5': '0.125rem', // 2px\n '1': '0.25rem', // 4px\n '1.5': '0.375rem', // 6px\n '2': '0.5rem', // 8px\n '2.5': '0.625rem', // 10px\n '3': '0.75rem', // 12px\n '3.5': '0.875rem', // 14px\n '4': '1rem', // 16px\n '5': '1.25rem', // 20px\n '6': '1.5rem', // 24px\n '7': '1.75rem', // 28px\n '8': '2rem', // 32px\n '9': '2.25rem', // 36px\n '10': '2.5rem', // 40px\n '11': '2.75rem', // 44px\n '12': '3rem', // 48px\n '14': '3.5rem', // 56px\n '16': '4rem', // 64px\n '20': '5rem', // 80px\n '24': '6rem', // 96px\n '28': '7rem', // 112px\n '32': '8rem', // 128px\n '36': '9rem', // 144px\n '40': '10rem', // 160px\n '44': '11rem', // 176px\n '48': '12rem', // 192px\n '52': '13rem', // 208px\n '56': '14rem', // 224px\n '60': '15rem', // 240px\n '64': '16rem', // 256px\n '72': '18rem', // 288px\n '80': '20rem', // 320px\n '96': '24rem', // 384px\n} as const;\n\nexport type Spacing = keyof typeof Spacings;\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tokens.es.js","sources":["../src/ds/tokens/animations.ts"],"sourcesContent":["export const Animations = {\n // Durations\n durationNormal: '200ms',\n durationSlow: '300ms',\n\n // Easings\n easeOut: 'cubic-bezier(0.33, 1, 0.68, 1)',\n};\n"],"names":[],"mappings":";;AAAO,MAAM,UAAA,GAAa;AAAA;AAAA,EAExB,cAAA,EAAgB,OAAA;AAAA,EAChB,YAAA,EAAc,OAAA;AAAA;AAAA,EAGd,OAAA,EAAS;AACX;;;;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "7.0.0-beta.23",
4
+ "version": "7.0.0-beta.25",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -111,10 +111,10 @@
111
111
  "react": ">=19.0.0",
112
112
  "react-dom": ">=19.0.0",
113
113
  "tailwindcss": "^3.0.0",
114
- "@mastra/ai-sdk": "^1.0.0-beta.15",
115
- "@mastra/react": "0.1.0-beta.23",
116
- "@mastra/client-js": "^1.0.0-beta.23",
117
- "@mastra/schema-compat": "1.0.0-beta.6"
114
+ "@mastra/ai-sdk": "^1.0.0-beta.16",
115
+ "@mastra/react": "1.0.0-beta.25",
116
+ "@mastra/client-js": "^1.0.0-beta.25",
117
+ "@mastra/schema-compat": "1.0.0-beta.8"
118
118
  },
119
119
  "devDependencies": {
120
120
  "@storybook/addon-docs": "^9.1.16",
@@ -140,11 +140,11 @@
140
140
  "vite-plugin-dts": "^4.5.4",
141
141
  "vite-plugin-lib-inject-css": "^2.2.2",
142
142
  "vitest": "4.0.16",
143
- "@mastra/ai-sdk": "^1.0.0-beta.15",
144
- "@mastra/client-js": "^1.0.0-beta.23",
145
- "@mastra/core": "1.0.0-beta.23",
146
- "@mastra/schema-compat": "1.0.0-beta.6",
147
- "@mastra/react": "0.1.0-beta.23"
143
+ "@mastra/ai-sdk": "^1.0.0-beta.16",
144
+ "@mastra/react": "1.0.0-beta.25",
145
+ "@mastra/client-js": "^1.0.0-beta.25",
146
+ "@mastra/schema-compat": "1.0.0-beta.8",
147
+ "@mastra/core": "1.0.0-beta.25"
148
148
  },
149
149
  "homepage": "https://mastra.ai",
150
150
  "repository": {