@mastra/playground-ui 34.0.0 → 34.0.1-alpha.1

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @mastra/playground-ui
2
2
 
3
+ ## 34.0.1-alpha.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Fixed badges so they keep their intrinsic width in data list cells. ([#18090](https://github.com/mastra-ai/mastra/pull/18090))
8
+
9
+ - Updated dependencies [[`b7dff0a`](https://github.com/mastra-ai/mastra/commit/b7dff0a3d1022eb6868f48dc40a2b1febd5c277f), [`02087e1`](https://github.com/mastra-ai/mastra/commit/02087e1fbc54aa07f3071f7a200df1bf5be601a8), [`ab975d4`](https://github.com/mastra-ai/mastra/commit/ab975d4dd9488752f05bda7afa03166d207e3e2a)]:
10
+ - @mastra/core@1.44.0-alpha.1
11
+ - @mastra/client-js@1.25.1-alpha.1
12
+ - @mastra/react@1.0.3-alpha.1
13
+
14
+ ## 34.0.1-alpha.0
15
+
16
+ ### Patch Changes
17
+
18
+ - Security remediation for the 2026-06-17 "easy-day-js" supply-chain incident. Patch bump to publish clean versions and move the `latest` dist-tag forward, superseding the compromised versions that declared the malicious `easy-day-js` dependency. ([#18056](https://github.com/mastra-ai/mastra/pull/18056))
19
+
20
+ - Updated dependencies [[`77a2351`](https://github.com/mastra-ai/mastra/commit/77a2351ee79296e360bce822cb3391f7cfd6489d)]:
21
+ - @mastra/client-js@1.25.1-alpha.0
22
+ - @mastra/core@1.43.1-alpha.0
23
+ - @mastra/react@1.0.3-alpha.0
24
+
3
25
  ## 34.0.0
4
26
 
5
27
  ### Minor Changes
@@ -17,7 +17,7 @@ const Badge = ({ icon, variant = "default", className, children, ...props }) =>
17
17
  "div",
18
18
  {
19
19
  className: utils.cn(
20
- "font-mono text-ui-sm gap-1 h-badge-default inline-flex items-center rounded-full border shrink-0",
20
+ "font-mono text-ui-sm gap-1 h-badge-default inline-flex w-fit max-w-full items-center rounded-full border shrink-0",
21
21
  transitions.transitions.colors,
22
22
  icon ? "pl-2 pr-2.5" : "px-2.5",
23
23
  variantClasses[variant],
@@ -33,4 +33,4 @@ const Badge = ({ icon, variant = "default", className, children, ...props }) =>
33
33
  };
34
34
 
35
35
  exports.Badge = Badge;
36
- //# sourceMappingURL=Badge-CQD9T1Yd.cjs.map
36
+ //# sourceMappingURL=Badge-BcGswj8X.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge-BcGswj8X.cjs","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BadgeProps {\n icon?: React.ReactNode;\n variant?: 'default' | 'success' | 'error' | 'info' | 'warning';\n className?: string;\n children?: React.ReactNode;\n}\n\nconst variantClasses = {\n default: 'text-neutral5 bg-surface4 border-border1',\n success: 'text-notice-success-fg bg-notice-success/20 border-notice-success/20',\n error: 'text-notice-destructive-fg bg-notice-destructive/20 border-notice-destructive/20',\n info: 'text-notice-info-fg bg-notice-info/20 border-notice-info/20',\n warning: 'text-notice-warning-fg bg-notice-warning/20 border-notice-warning/20',\n};\n\nexport const Badge = ({ icon, variant = 'default', className, children, ...props }: BadgeProps) => {\n return (\n <div\n className={cn(\n 'font-mono text-ui-sm gap-1 h-badge-default inline-flex w-fit max-w-full items-center rounded-full border shrink-0',\n transitions.colors,\n icon ? 'pl-2 pr-2.5' : 'px-2.5',\n variantClasses[variant],\n className,\n )}\n {...props}\n >\n {icon && <Icon size=\"sm\">{icon}</Icon>}\n {children}\n </div>\n );\n};\n"],"names":["jsxs","cn","transitions","jsx","Icon"],"mappings":";;;;;;;AAaA,MAAM,cAAA,GAAiB;AAAA,EACrB,OAAA,EAAS,0CAAA;AAAA,EACT,OAAA,EAAS,sEAAA;AAAA,EACT,KAAA,EAAO,kFAAA;AAAA,EACP,IAAA,EAAM,6DAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEO,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,GAAU,WAAW,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AACjG,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,mHAAA;AAAA,QACAC,uBAAA,CAAY,MAAA;AAAA,QACZ,OAAO,aAAA,GAAgB,QAAA;AAAA,QACvB,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQC,cAAA,CAACC,SAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
@@ -15,7 +15,7 @@ const Badge = ({ icon, variant = "default", className, children, ...props }) =>
15
15
  "div",
16
16
  {
17
17
  className: cn(
18
- "font-mono text-ui-sm gap-1 h-badge-default inline-flex items-center rounded-full border shrink-0",
18
+ "font-mono text-ui-sm gap-1 h-badge-default inline-flex w-fit max-w-full items-center rounded-full border shrink-0",
19
19
  transitions.colors,
20
20
  icon ? "pl-2 pr-2.5" : "px-2.5",
21
21
  variantClasses[variant],
@@ -31,4 +31,4 @@ const Badge = ({ icon, variant = "default", className, children, ...props }) =>
31
31
  };
32
32
 
33
33
  export { Badge as B };
34
- //# sourceMappingURL=Badge-C5MzMyCa.js.map
34
+ //# sourceMappingURL=Badge-BwMcFzGo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge-BwMcFzGo.js","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BadgeProps {\n icon?: React.ReactNode;\n variant?: 'default' | 'success' | 'error' | 'info' | 'warning';\n className?: string;\n children?: React.ReactNode;\n}\n\nconst variantClasses = {\n default: 'text-neutral5 bg-surface4 border-border1',\n success: 'text-notice-success-fg bg-notice-success/20 border-notice-success/20',\n error: 'text-notice-destructive-fg bg-notice-destructive/20 border-notice-destructive/20',\n info: 'text-notice-info-fg bg-notice-info/20 border-notice-info/20',\n warning: 'text-notice-warning-fg bg-notice-warning/20 border-notice-warning/20',\n};\n\nexport const Badge = ({ icon, variant = 'default', className, children, ...props }: BadgeProps) => {\n return (\n <div\n className={cn(\n 'font-mono text-ui-sm gap-1 h-badge-default inline-flex w-fit max-w-full items-center rounded-full border shrink-0',\n transitions.colors,\n icon ? 'pl-2 pr-2.5' : 'px-2.5',\n variantClasses[variant],\n className,\n )}\n {...props}\n >\n {icon && <Icon size=\"sm\">{icon}</Icon>}\n {children}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;AAaA,MAAM,cAAA,GAAiB;AAAA,EACrB,OAAA,EAAS,0CAAA;AAAA,EACT,OAAA,EAAS,sEAAA;AAAA,EACT,KAAA,EAAO,kFAAA;AAAA,EACP,IAAA,EAAM,6DAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEO,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,GAAU,WAAW,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AACjG,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,mHAAA;AAAA,QACA,WAAA,CAAY,MAAA;AAAA,QACZ,OAAO,aAAA,GAAgB,QAAA;AAAA,QACvB,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
@@ -6,7 +6,7 @@ const utils = require('./utils-vA5sWo9W.cjs');
6
6
 
7
7
  const statusBadgeVariants = index.cva(
8
8
  // Base styles
9
- "inline-flex items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal",
9
+ "inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal",
10
10
  {
11
11
  variants: {
12
12
  variant: {
@@ -71,4 +71,4 @@ function StatusBadge({ className, variant, size, withDot, pulse, children, ...pr
71
71
  }
72
72
 
73
73
  exports.StatusBadge = StatusBadge;
74
- //# sourceMappingURL=StatusBadge-Bow-zeGQ.cjs.map
74
+ //# sourceMappingURL=StatusBadge-DKtfODhH.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge-DKtfODhH.cjs","sources":["../src/ds/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst statusBadgeVariants = cva(\n // Base styles\n 'inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal',\n {\n variants: {\n variant: {\n success: 'bg-accent1Dark text-accent1',\n warning: 'bg-accent6Dark text-accent6',\n error: 'bg-accent2Dark text-accent2',\n info: 'bg-accent5Dark text-accent5',\n neutral: 'bg-surface4 text-neutral4',\n },\n size: {\n sm: 'px-1.5 py-0.5 text-ui-xs',\n md: 'px-2 py-1 text-ui-xs',\n lg: 'px-2.5 py-1 text-ui-sm',\n },\n withDot: {\n true: '',\n false: '',\n },\n pulse: {\n true: '',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n withDot: false,\n pulse: false,\n },\n },\n);\n\nconst dotVariants = cva('rounded-full', {\n variants: {\n variant: {\n success: 'bg-accent1',\n warning: 'bg-accent6',\n error: 'bg-accent2',\n info: 'bg-accent5',\n neutral: 'bg-neutral3',\n },\n size: {\n sm: 'w-1 h-1',\n md: 'w-1.5 h-1.5',\n lg: 'w-2 h-2',\n },\n pulse: {\n true: 'animate-pulse',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n pulse: false,\n },\n});\n\nexport type StatusBadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n VariantProps<typeof statusBadgeVariants> & {\n children: React.ReactNode;\n };\n\nexport function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }: StatusBadgeProps) {\n return (\n <span className={cn(statusBadgeVariants({ variant, size, withDot, pulse }), className)} {...props}>\n {withDot && <span className={dotVariants({ variant, size, pulse })} />}\n {children}\n </span>\n );\n}\n"],"names":["cva","jsxs","cn","jsx"],"mappings":";;;;;;AAKA,MAAM,mBAAA,GAAsBA,SAAA;AAAA;AAAA,EAE1B,yHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6BAAA;AAAA,QACT,OAAA,EAAS,6BAAA;AAAA,QACT,KAAA,EAAO,6BAAA;AAAA,QACP,IAAA,EAAM,6BAAA;AAAA,QACN,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAcA,UAAI,cAAA,EAAgB;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,YAAA;AAAA,MACT,OAAA,EAAS,YAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,YAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,aAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,eAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,SAAS,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAqB;AAC9G,EAAA,uBACEC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,QAAA,CAAG,oBAAoB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACzF,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAWC,cAAA,CAAC,UAAK,SAAA,EAAW,WAAA,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,CAAA;AAAA,IACnE;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
@@ -4,7 +4,7 @@ import { c as cn } from './utils-CzYGxqbG.js';
4
4
 
5
5
  const statusBadgeVariants = cva(
6
6
  // Base styles
7
- "inline-flex items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal",
7
+ "inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal",
8
8
  {
9
9
  variants: {
10
10
  variant: {
@@ -69,4 +69,4 @@ function StatusBadge({ className, variant, size, withDot, pulse, children, ...pr
69
69
  }
70
70
 
71
71
  export { StatusBadge as S };
72
- //# sourceMappingURL=StatusBadge-CBbwykMh.js.map
72
+ //# sourceMappingURL=StatusBadge-DLLmQ85P.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge-DLLmQ85P.js","sources":["../src/ds/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst statusBadgeVariants = cva(\n // Base styles\n 'inline-flex w-fit max-w-full items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal',\n {\n variants: {\n variant: {\n success: 'bg-accent1Dark text-accent1',\n warning: 'bg-accent6Dark text-accent6',\n error: 'bg-accent2Dark text-accent2',\n info: 'bg-accent5Dark text-accent5',\n neutral: 'bg-surface4 text-neutral4',\n },\n size: {\n sm: 'px-1.5 py-0.5 text-ui-xs',\n md: 'px-2 py-1 text-ui-xs',\n lg: 'px-2.5 py-1 text-ui-sm',\n },\n withDot: {\n true: '',\n false: '',\n },\n pulse: {\n true: '',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n withDot: false,\n pulse: false,\n },\n },\n);\n\nconst dotVariants = cva('rounded-full', {\n variants: {\n variant: {\n success: 'bg-accent1',\n warning: 'bg-accent6',\n error: 'bg-accent2',\n info: 'bg-accent5',\n neutral: 'bg-neutral3',\n },\n size: {\n sm: 'w-1 h-1',\n md: 'w-1.5 h-1.5',\n lg: 'w-2 h-2',\n },\n pulse: {\n true: 'animate-pulse',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n pulse: false,\n },\n});\n\nexport type StatusBadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n VariantProps<typeof statusBadgeVariants> & {\n children: React.ReactNode;\n };\n\nexport function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }: StatusBadgeProps) {\n return (\n <span className={cn(statusBadgeVariants({ variant, size, withDot, pulse }), className)} {...props}>\n {withDot && <span className={dotVariants({ variant, size, pulse })} />}\n {children}\n </span>\n );\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,mBAAA,GAAsB,GAAA;AAAA;AAAA,EAE1B,yHAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6BAAA;AAAA,QACT,OAAA,EAAS,6BAAA;AAAA,QACT,KAAA,EAAO,6BAAA;AAAA,QACP,IAAA,EAAM,6BAAA;AAAA,QACN,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAc,IAAI,cAAA,EAAgB;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,YAAA;AAAA,MACT,OAAA,EAAS,YAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,YAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,aAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,eAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,SAAS,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAqB;AAC9G,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,oBAAoB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACzF,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAW,GAAA,CAAC,UAAK,SAAA,EAAW,WAAA,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,CAAA;AAAA,IACnE;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const Badge = require('../Badge-CQD9T1Yd.cjs');
5
+ const Badge = require('../Badge-BcGswj8X.cjs');
6
6
 
7
7
 
8
8
 
@@ -1,2 +1,2 @@
1
- export { B as Badge } from '../Badge-C5MzMyCa.js';
1
+ export { B as Badge } from '../Badge-BwMcFzGo.js';
2
2
  //# sourceMappingURL=Badge.es.js.map
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const StatusBadge = require('../StatusBadge-Bow-zeGQ.cjs');
5
+ const StatusBadge = require('../StatusBadge-DKtfODhH.cjs');
6
6
 
7
7
 
8
8
 
@@ -1,2 +1,2 @@
1
- export { S as StatusBadge } from '../StatusBadge-CBbwykMh.js';
1
+ export { S as StatusBadge } from '../StatusBadge-DLLmQ85P.js';
2
2
  //# sourceMappingURL=StatusBadge.es.js.map
package/dist/index.cjs.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  require('./index.css');;/* empty css */
6
6
  const Avatar = require('./Avatar-Y-1fas25.cjs');
7
- const Badge = require('./Badge-CQD9T1Yd.cjs');
7
+ const Badge = require('./Badge-BcGswj8X.cjs');
8
8
  const Breadcrumb = require('./Breadcrumb-BT_nzL3M.cjs');
9
9
  const Button = require('./Button-DpIX8JMz.cjs');
10
10
  const codeEditor = require('./code-editor-BuzhLm2a.cjs');
@@ -107,7 +107,7 @@ const horizontalBars = require('./horizontal-bars-C9qp4r47.cjs');
107
107
  const metricsDataTable = require('./metrics-data-table-D7vx2WEJ.cjs');
108
108
  const metricsLineChart = require('./metrics-line-chart-D1ZGVepo.cjs');
109
109
  const scrollableContainer = require('./scrollable-container-Btq-TfCL.cjs');
110
- const StatusBadge = require('./StatusBadge-Bow-zeGQ.cjs');
110
+ const StatusBadge = require('./StatusBadge-DKtfODhH.cjs');
111
111
  const tokens = require('./tokens.cjs.js');
112
112
  const spacings = require('./spacings-BP8L49kn.cjs');
113
113
  const controlSize = require('./control-size-D67C0kPZ.cjs');
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';/* empty css */
2
2
  export { A as Avatar } from './Avatar-Dcmi3-pN.js';
3
- export { B as Badge } from './Badge-C5MzMyCa.js';
3
+ export { B as Badge } from './Badge-BwMcFzGo.js';
4
4
  export { B as Breadcrumb, C as Crumb, S as SlashIcon } from './Breadcrumb-CxbCgAij.js';
5
5
  import { B as Button } from './Button-DoOEJwa_.js';
6
6
  export { b as buttonVariants } from './Button-DoOEJwa_.js';
@@ -111,7 +111,7 @@ import { M as MetricsDataTable } from './metrics-data-table-DryqJWoI.js';
111
111
  import { M as MetricsLineChart } from './metrics-line-chart-BUUqDQPW.js';
112
112
  export { a as MetricsLineChartTooltip } from './metrics-line-chart-BUUqDQPW.js';
113
113
  export { S as ScrollableContainer } from './scrollable-container-BqOFHwdb.js';
114
- export { S as StatusBadge } from './StatusBadge-CBbwykMh.js';
114
+ export { S as StatusBadge } from './StatusBadge-DLLmQ85P.js';
115
115
  export { Animations } from './tokens.es.js';
116
116
  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-0Zbr65EW.js';
117
117
  export { c as controlHeight, a as controlSizeClasses, b as controlTriggerOpenState } from './control-size-BdDLgGX4.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "34.0.0",
4
+ "version": "34.0.1-alpha.1",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -96,8 +96,8 @@
96
96
  "react": ">=19.0.0",
97
97
  "react-dom": ">=19.0.0",
98
98
  "tailwindcss": "^4.0.0",
99
- "@mastra/client-js": "^1.25.0",
100
- "@mastra/react": "1.0.2"
99
+ "@mastra/client-js": "^1.25.1-alpha.1",
100
+ "@mastra/react": "1.0.3-alpha.1"
101
101
  },
102
102
  "devDependencies": {
103
103
  "@storybook/addon-a11y": "^10.4.1",
@@ -135,9 +135,9 @@
135
135
  "vite-plugin-lib-inject-css": "^2.2.2",
136
136
  "vitest": "4.1.8",
137
137
  "@internal/lint": "0.0.105",
138
- "@mastra/client-js": "^1.25.0",
139
- "@mastra/core": "1.43.0",
140
- "@mastra/react": "1.0.2"
138
+ "@mastra/core": "1.44.0-alpha.1",
139
+ "@mastra/react": "1.0.3-alpha.1",
140
+ "@mastra/client-js": "^1.25.1-alpha.1"
141
141
  },
142
142
  "homepage": "https://mastra.ai",
143
143
  "repository": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge-C5MzMyCa.js","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BadgeProps {\n icon?: React.ReactNode;\n variant?: 'default' | 'success' | 'error' | 'info' | 'warning';\n className?: string;\n children?: React.ReactNode;\n}\n\nconst variantClasses = {\n default: 'text-neutral5 bg-surface4 border-border1',\n success: 'text-notice-success-fg bg-notice-success/20 border-notice-success/20',\n error: 'text-notice-destructive-fg bg-notice-destructive/20 border-notice-destructive/20',\n info: 'text-notice-info-fg bg-notice-info/20 border-notice-info/20',\n warning: 'text-notice-warning-fg bg-notice-warning/20 border-notice-warning/20',\n};\n\nexport const Badge = ({ icon, variant = 'default', className, children, ...props }: BadgeProps) => {\n return (\n <div\n className={cn(\n 'font-mono text-ui-sm gap-1 h-badge-default inline-flex items-center rounded-full border shrink-0',\n transitions.colors,\n icon ? 'pl-2 pr-2.5' : 'px-2.5',\n variantClasses[variant],\n className,\n )}\n {...props}\n >\n {icon && <Icon size=\"sm\">{icon}</Icon>}\n {children}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;AAaA,MAAM,cAAA,GAAiB;AAAA,EACrB,OAAA,EAAS,0CAAA;AAAA,EACT,OAAA,EAAS,sEAAA;AAAA,EACT,KAAA,EAAO,kFAAA;AAAA,EACP,IAAA,EAAM,6DAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEO,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,GAAU,WAAW,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AACjG,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,kGAAA;AAAA,QACA,WAAA,CAAY,MAAA;AAAA,QACZ,OAAO,aAAA,GAAgB,QAAA;AAAA,QACvB,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge-CQD9T1Yd.cjs","sources":["../src/ds/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface BadgeProps {\n icon?: React.ReactNode;\n variant?: 'default' | 'success' | 'error' | 'info' | 'warning';\n className?: string;\n children?: React.ReactNode;\n}\n\nconst variantClasses = {\n default: 'text-neutral5 bg-surface4 border-border1',\n success: 'text-notice-success-fg bg-notice-success/20 border-notice-success/20',\n error: 'text-notice-destructive-fg bg-notice-destructive/20 border-notice-destructive/20',\n info: 'text-notice-info-fg bg-notice-info/20 border-notice-info/20',\n warning: 'text-notice-warning-fg bg-notice-warning/20 border-notice-warning/20',\n};\n\nexport const Badge = ({ icon, variant = 'default', className, children, ...props }: BadgeProps) => {\n return (\n <div\n className={cn(\n 'font-mono text-ui-sm gap-1 h-badge-default inline-flex items-center rounded-full border shrink-0',\n transitions.colors,\n icon ? 'pl-2 pr-2.5' : 'px-2.5',\n variantClasses[variant],\n className,\n )}\n {...props}\n >\n {icon && <Icon size=\"sm\">{icon}</Icon>}\n {children}\n </div>\n );\n};\n"],"names":["jsxs","cn","transitions","jsx","Icon"],"mappings":";;;;;;;AAaA,MAAM,cAAA,GAAiB;AAAA,EACrB,OAAA,EAAS,0CAAA;AAAA,EACT,OAAA,EAAS,sEAAA;AAAA,EACT,KAAA,EAAO,kFAAA;AAAA,EACP,IAAA,EAAM,6DAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEO,MAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAA,GAAU,WAAW,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AACjG,EAAA,uBACEA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,kGAAA;AAAA,QACAC,uBAAA,CAAY,MAAA;AAAA,QACZ,OAAO,aAAA,GAAgB,QAAA;AAAA,QACvB,eAAe,OAAO,CAAA;AAAA,QACtB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,oBAAQC,cAAA,CAACC,SAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC9B;AAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusBadge-Bow-zeGQ.cjs","sources":["../src/ds/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst statusBadgeVariants = cva(\n // Base styles\n 'inline-flex items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal',\n {\n variants: {\n variant: {\n success: 'bg-accent1Dark text-accent1',\n warning: 'bg-accent6Dark text-accent6',\n error: 'bg-accent2Dark text-accent2',\n info: 'bg-accent5Dark text-accent5',\n neutral: 'bg-surface4 text-neutral4',\n },\n size: {\n sm: 'px-1.5 py-0.5 text-ui-xs',\n md: 'px-2 py-1 text-ui-xs',\n lg: 'px-2.5 py-1 text-ui-sm',\n },\n withDot: {\n true: '',\n false: '',\n },\n pulse: {\n true: '',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n withDot: false,\n pulse: false,\n },\n },\n);\n\nconst dotVariants = cva('rounded-full', {\n variants: {\n variant: {\n success: 'bg-accent1',\n warning: 'bg-accent6',\n error: 'bg-accent2',\n info: 'bg-accent5',\n neutral: 'bg-neutral3',\n },\n size: {\n sm: 'w-1 h-1',\n md: 'w-1.5 h-1.5',\n lg: 'w-2 h-2',\n },\n pulse: {\n true: 'animate-pulse',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n pulse: false,\n },\n});\n\nexport type StatusBadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n VariantProps<typeof statusBadgeVariants> & {\n children: React.ReactNode;\n };\n\nexport function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }: StatusBadgeProps) {\n return (\n <span className={cn(statusBadgeVariants({ variant, size, withDot, pulse }), className)} {...props}>\n {withDot && <span className={dotVariants({ variant, size, pulse })} />}\n {children}\n </span>\n );\n}\n"],"names":["cva","jsxs","cn","jsx"],"mappings":";;;;;;AAKA,MAAM,mBAAA,GAAsBA,SAAA;AAAA;AAAA,EAE1B,wGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6BAAA;AAAA,QACT,OAAA,EAAS,6BAAA;AAAA,QACT,KAAA,EAAO,6BAAA;AAAA,QACP,IAAA,EAAM,6BAAA;AAAA,QACN,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAcA,UAAI,cAAA,EAAgB;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,YAAA;AAAA,MACT,OAAA,EAAS,YAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,YAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,aAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,eAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,SAAS,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAqB;AAC9G,EAAA,uBACEC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,QAAA,CAAG,oBAAoB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACzF,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAWC,cAAA,CAAC,UAAK,SAAA,EAAW,WAAA,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,CAAA;AAAA,IACnE;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusBadge-CBbwykMh.js","sources":["../src/ds/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst statusBadgeVariants = cva(\n // Base styles\n 'inline-flex items-center gap-1.5 rounded-full text-ui-xs font-medium transition-colors duration-normal',\n {\n variants: {\n variant: {\n success: 'bg-accent1Dark text-accent1',\n warning: 'bg-accent6Dark text-accent6',\n error: 'bg-accent2Dark text-accent2',\n info: 'bg-accent5Dark text-accent5',\n neutral: 'bg-surface4 text-neutral4',\n },\n size: {\n sm: 'px-1.5 py-0.5 text-ui-xs',\n md: 'px-2 py-1 text-ui-xs',\n lg: 'px-2.5 py-1 text-ui-sm',\n },\n withDot: {\n true: '',\n false: '',\n },\n pulse: {\n true: '',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n withDot: false,\n pulse: false,\n },\n },\n);\n\nconst dotVariants = cva('rounded-full', {\n variants: {\n variant: {\n success: 'bg-accent1',\n warning: 'bg-accent6',\n error: 'bg-accent2',\n info: 'bg-accent5',\n neutral: 'bg-neutral3',\n },\n size: {\n sm: 'w-1 h-1',\n md: 'w-1.5 h-1.5',\n lg: 'w-2 h-2',\n },\n pulse: {\n true: 'animate-pulse',\n false: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'md',\n pulse: false,\n },\n});\n\nexport type StatusBadgeProps = React.HTMLAttributes<HTMLSpanElement> &\n VariantProps<typeof statusBadgeVariants> & {\n children: React.ReactNode;\n };\n\nexport function StatusBadge({ className, variant, size, withDot, pulse, children, ...props }: StatusBadgeProps) {\n return (\n <span className={cn(statusBadgeVariants({ variant, size, withDot, pulse }), className)} {...props}>\n {withDot && <span className={dotVariants({ variant, size, pulse })} />}\n {children}\n </span>\n );\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,mBAAA,GAAsB,GAAA;AAAA;AAAA,EAE1B,wGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6BAAA;AAAA,QACT,OAAA,EAAS,6BAAA;AAAA,QACT,KAAA,EAAO,6BAAA;AAAA,QACP,IAAA,EAAM,6BAAA;AAAA,QACN,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,EAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,KAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,MAAM,WAAA,GAAc,IAAI,cAAA,EAAgB;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,YAAA;AAAA,MACT,OAAA,EAAS,YAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,YAAA;AAAA,MACN,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,aAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,eAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,SAAS,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAqB;AAC9G,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,oBAAoB,EAAE,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACzF,QAAA,EAAA;AAAA,IAAA,OAAA,oBAAW,GAAA,CAAC,UAAK,SAAA,EAAW,WAAA,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,CAAA;AAAA,IACnE;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}