@mastra/playground-ui 5.0.0-alpha.6 → 5.0.0-alpha.8

package/dist/ds/components/Avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+export interface AvatarProps {
+    src?: string;
+    name: string;
+}
+export declare const Avatar: ({ src, name }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/dist/ds/components/Button/Button.d.ts

@@ -4,8 +4,9 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     as?: React.ElementType;
     className?: string;
     href?: string;
-    to?: string;
     prefetch?: boolean | null;
     children: React.ReactNode;
+    size?: 'md' | 'lg';
+    variant?: 'default' | 'light';
 }
-export declare const Button: ({ className, as, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ className, as, size, variant, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,10 @@
+import { ElementType, ReactNode } from '../../../../node_modules/@types/react';
+
+export interface EmptyStateProps {
+    as?: ElementType;
+    iconSlot: ReactNode;
+    titleSlot: ReactNode;
+    descriptionSlot: ReactNode;
+    actionSlot: ReactNode;
+}
+export declare const EmptyState: ({ iconSlot, titleSlot, descriptionSlot, actionSlot, as: Component, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/EmptyState/index.d.ts

@@ -0,0 +1 @@
+export * from './EmptyState';

package/dist/ds/components/Header/Header.d.ts

@@ -2,8 +2,9 @@ import { default as React } from '../../../../node_modules/@types/react';
 
 export interface HeaderProps {
     children?: React.ReactNode;
+    border?: boolean;
 }
-export declare const Header: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ children, border }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const HeaderTitle: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const HeaderAction: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const HeaderGroup: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Span.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface SpanProps {
+    children: React.ReactNode;
+    durationMs: number;
+    variant: 'tool' | 'agent' | 'workflow' | 'memory' | 'rag' | 'storage' | 'eval' | 'other';
+    tokenCount?: number;
+    spans?: React.ReactNode;
+    isRoot?: boolean;
+    onClick?: () => void;
+}
+export declare const Span: ({ children, durationMs, variant, tokenCount, spans, isRoot, onClick }: SpanProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Spans.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface SpansProps {
+    children: React.ReactNode;
+}
+export declare const Spans: ({ children }: SpansProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Time.d.ts

@@ -0,0 +1,7 @@
+export interface TimeProps {
+    durationMs: number;
+    tokenCount?: number;
+    variant?: 'agent';
+    progressPercent: number;
+}
+export declare const Time: ({ durationMs, tokenCount, variant, progressPercent }: TimeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Trace.context.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export declare const TraceDurationContext: React.Context<number>;
+export declare const useTraceDuration: () => number;
+export interface TraceDurationProviderProps {
+    children: React.ReactNode;
+    durationMs: number;
+}
+export declare const TraceDurationProvider: ({ children, durationMs }: TraceDurationProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/Trace.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface TraceProps {
+    name: string;
+    spans: React.ReactNode;
+    durationMs: number;
+    tokenCount?: number;
+    onClick?: () => void;
+}
+export declare const Trace: ({ name, spans, durationMs, tokenCount, onClick }: TraceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/TraceTree.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../node_modules/@types/react';
+
+export interface TraceTreeProps {
+    children: React.ReactNode;
+}
+export declare const TraceTree: ({ children }: TraceTreeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/components/TraceTree/index.d.ts

@@ -0,0 +1 @@
+export * from './TraceTree';

package/dist/ds/components/Txt/Txt.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from '../../../../node_modules/@types/react';
 import { FontSizes } from '../../tokens';
 
-export interface TxtProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+export interface TxtProps extends React.HTMLAttributes<HTMLDivElement | HTMLLabelElement> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
     variant?: keyof typeof FontSizes;
     font?: 'mono';
+    htmlFor?: string;
 }
 export declare const Txt: ({ as: Root, className, variant, font, ...props }: TxtProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/AgentCoinIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const AgentCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/ChevronIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const ChevronIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/EvaluatorCoinIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const EvaluatorCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/GithubCoinIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const GithubCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/GithubIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const GithubIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/GoogleIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const GoogleIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/{SpanIcon.d.ts → RepoIcon.d.ts}

@@ -1,3 +1,3 @@
 import { default as React } from '../../../node_modules/@types/react';
 
-export declare const SpanIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const RepoIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/WorkflowCoinIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from '../../../node_modules/@types/react';
+
+export declare const WorkflowCoinIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/ds/icons/index.d.ts

@@ -1,8 +1,10 @@
 export * from './AgentIcon';
+export * from './AgentCoinIcon';
 export * from './AiIcon';
 export * from './ApiIcon';
 export * from './BranchIcon';
 export * from './CheckIcon';
+export * from './ChevronIcon';
 export * from './CommitIcon';
 export * from './CrossIcon';
 export * from './DbIcon';
@@ -11,7 +13,12 @@ export * from './DeploymentIcon';
 export * from './DividerIcon';
 export * from './DocsIcon';
 export * from './EnvIcon';
+export * from './EvaluatorCoinIcon';
 export * from './FiltersIcon';
+export * from './GithubCoinIcon';
+export * from './GithubIcon';
+export * from './GoogleIcon';
+export * from './RepoIcon';
 export * from './HomeIcon';
 export * from './Icon';
 export * from './InfoIcon';
@@ -28,3 +35,4 @@ export * from './TraceIcon';
 export * from './TsIcon';
 export * from './VariablesIcon';
 export * from './WorkflowIcon';
+export * from './WorkflowCoinIcon';

package/dist/ds/tokens/sizes.d.ts

@@ -1,10 +1,12 @@
 export declare const Sizes: {
     'icon-default': string;
     'icon-lg': string;
-    'button-default': string;
+    'button-md': string;
+    'button-lg': string;
     'header-default': string;
     'table-header': string;
     'table-row': string;
     'table-row-small': string;
     'badge-default': string;
+    'avatar-default': string;
 };