@mastra/playground-ui 5.1.3 → 5.1.4-alpha.0

package/dist/src/components/dynamic-form/index.d.ts

@@ -2,10 +2,11 @@ import { default as z } from 'zod';
 
 interface DynamicFormProps<T extends z.ZodSchema> {
     schema: T;
-    onSubmit: (values: z.infer<T>) => void | Promise<void>;
+    onSubmit?: (values: z.infer<T>) => void | Promise<void>;
     defaultValues?: z.infer<T>;
     isSubmitLoading?: boolean;
     submitButtonLabel?: string;
+    className?: string;
 }
-export declare function DynamicForm<T extends z.ZodSchema>({ schema, onSubmit, defaultValues, isSubmitLoading, submitButtonLabel, }: DynamicFormProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function DynamicForm<T extends z.ZodSchema>({ schema, onSubmit, defaultValues, isSubmitLoading, submitButtonLabel, className, }: DynamicFormProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/components/ui/copy-button.d.ts

@@ -1,7 +1,7 @@
 type CopyButtonProps = {
     content: string;
     copyMessage?: string;
-    classname?: string;
+    className?: string;
 };
-export declare function CopyButton({ content, copyMessage, classname }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyButton({ content, copyMessage, className }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/ui/form.d.ts

@@ -1,7 +1,7 @@
 import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;

package/dist/src/components/ui/resizable.d.ts

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from 'react-resizable-panels';
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import('../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('../../../node_modules/@types/react').HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import('../../../node_modules/@types/react').ForwardRefExoticComponent<Omit<import('../../../node_modules/@types/react').HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLMapElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

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

@@ -6,5 +6,7 @@ export interface TxtProps extends React.HTMLAttributes<HTMLDivElement | HTMLLabe
     variant?: keyof typeof FontSizes;
     font?: 'mono';
     htmlFor?: string;
+    className?: string;
+    children?: React.ReactNode;
 }
 export declare const Txt: ({ as: Root, className, variant, font, ...props }: TxtProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "5.1.3",
+  "version": "5.1.4-alpha.0",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -92,7 +92,7 @@
     "use-debounce": "^10.0.4",
     "zod": "^3.24.3",
     "zustand": "^5.0.3",
-    "@mastra/client-js": "^0.10.2"
+    "@mastra/client-js": "^0.10.3-alpha.0"
   },
   "peerDependencies": {
     "@mastra/core": "^0.10.0-alpha.0",
@@ -102,7 +102,7 @@
     "tailwindcss": "^3.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.17.27",
+    "@types/node": "^20.17.57",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
@@ -117,7 +117,7 @@
     "vite": "^6.0.0",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.2.1",
-    "@mastra/core": "0.10.2"
+    "@mastra/core": "0.10.4-alpha.0"
   },
   "scripts": {
     "dev": "vite",

package/dist/src/components/syntax-highlighter.d.ts

@@ -1,4 +0,0 @@
-export declare const useCodemirrorTheme: () => import('@uiw/react-codemirror').Extension;
-export declare const SyntaxHighlighter: ({ data }: {
-    data: Record<string, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/syntax-highlighter.d.ts

@@ -1,5 +0,0 @@
-export declare const useCodemirrorTheme: () => import('@uiw/react-codemirror').Extension;
-export declare const SyntaxHighlighter: ({ data }: {
-    data: Record<string, unknown>;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function highlight(code: string, language: string): Promise<import('shiki').ThemedToken[][] | null>;