@mastra/playground-ui 29.0.0-alpha.9 → 29.0.0

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 (12) hide show
  1. package/CHANGELOG.md +224 -0
  2. package/dist/index.cjs.js +154 -88
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.css +19 -20
  5. package/dist/index.es.js +154 -86
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/src/ds/components/AlertDialog/alert-dialog.d.ts +27 -9
  8. package/dist/src/ds/components/Collapsible/collapsible.d.ts +11 -4
  9. package/dist/src/ds/components/Table/Table.d.ts +12 -11
  10. package/dist/src/ds/components/Txt/Txt.d.ts +4 -3
  11. package/dist/src/ds/icons/Icon.d.ts +4 -3
  12. package/package.json +8 -8
package/dist/src/ds/components/AlertDialog/alert-dialog.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
1
+ import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
2
2
  import * as React from 'react';
3
3
  declare function AlertDialog({ open, onOpenChange, children, }: {
4
4
  open?: boolean;
@@ -6,10 +6,10 @@ declare function AlertDialog({ open, onOpenChange, children, }: {
6
6
  children: React.ReactNode;
7
7
  }): import("react/jsx-runtime").JSX.Element;
8
8
  declare namespace AlertDialog {
9
- var Trigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
10
- var Portal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
11
- var Overlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
- var Content: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
+ var Trigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
10
+ var Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
+ var Overlay: React.ForwardRefExoticComponent<Omit<AlertDialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
+ var Content: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
13
  var Header: {
14
14
  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
15
15
  displayName: string;
@@ -22,9 +22,27 @@ declare namespace AlertDialog {
22
22
  ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
23
23
  displayName: string;
24
24
  };
25
- var Title: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
26
- var Description: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
27
- var Action: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
28
- var Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
25
+ var Title: React.ForwardRefExoticComponent<Omit<AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
26
+ var Description: React.ForwardRefExoticComponent<Omit<AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
27
+ var Action: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
28
+ var Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
29
29
  }
30
+ type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {
31
+ asChild?: boolean;
32
+ };
33
+ type AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {
34
+ className?: string;
35
+ };
36
+ type AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {
37
+ className?: string;
38
+ };
39
+ type AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {
40
+ className?: string;
41
+ };
42
+ type AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {
43
+ className?: string;
44
+ };
45
+ type AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {
46
+ className?: string;
47
+ };
30
48
  export { AlertDialog };
package/dist/src/ds/components/Collapsible/collapsible.d.ts CHANGED
@@ -1,6 +1,13 @@
1
+ import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
1
2
  import { default as React } from 'react';
2
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
3
- declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
4
- declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
5
- declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
3
+ declare const Collapsible: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ type CollapsibleTriggerProps = Omit<CollapsiblePrimitive.Trigger.Props, 'className'> & {
5
+ className?: string;
6
+ asChild?: boolean;
7
+ };
8
+ declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
+ type CollapsibleContentProps = Omit<CollapsiblePrimitive.Panel.Props, 'className'> & {
10
+ className?: string;
11
+ };
12
+ declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsibleContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
6
13
  export { Collapsible, CollapsibleTrigger, CollapsibleContent };
package/dist/src/ds/components/Table/Table.d.ts CHANGED
@@ -1,34 +1,35 @@
1
- import { default as React } from 'react';
1
+ import { CSSProperties, HTMLAttributes, ReactNode, ThHTMLAttributes } from 'react';
2
2
  export interface TableProps {
3
3
  className?: string;
4
- children: React.ReactNode;
4
+ children: ReactNode;
5
5
  size?: 'default' | 'small';
6
- style?: React.CSSProperties;
6
+ style?: CSSProperties;
7
7
  }
8
8
  export declare const Table: ({ className, children, size, style }: TableProps) => import("react/jsx-runtime").JSX.Element;
9
9
  export interface TheadProps {
10
10
  className?: string;
11
- children: React.ReactNode;
11
+ children: ReactNode;
12
12
  }
13
13
  export declare const Thead: ({ className, children }: TheadProps) => import("react/jsx-runtime").JSX.Element;
14
- export interface ThProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
14
+ export interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {
15
15
  className?: string;
16
- children: React.ReactNode;
16
+ style?: CSSProperties;
17
+ children: ReactNode;
17
18
  }
18
19
  export declare const Th: ({ className, children, ...props }: ThProps) => import("react/jsx-runtime").JSX.Element;
19
- export interface TbodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
20
+ export interface TbodyProps extends HTMLAttributes<HTMLTableSectionElement> {
20
21
  className?: string;
21
- children: React.ReactNode;
22
+ children: ReactNode;
22
23
  }
23
24
  export declare const Tbody: ({ className, children, ...props }: TbodyProps) => import("react/jsx-runtime").JSX.Element;
24
25
  export interface RowProps {
25
26
  className?: string;
26
- children: React.ReactNode;
27
+ children: ReactNode;
27
28
  selected?: boolean;
28
- style?: React.CSSProperties;
29
+ style?: CSSProperties;
29
30
  onClick?: () => void;
30
31
  tabIndex?: number;
31
32
  /** When true, row receives focus and scrolls into view */
32
33
  isActive?: boolean;
33
34
  }
34
- export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLTableRowElement>>;
35
+ export declare const Row: import('react').ForwardRefExoticComponent<RowProps & import('react').RefAttributes<HTMLTableRowElement>>;
package/dist/src/ds/components/Txt/Txt.d.ts CHANGED
@@ -1,11 +1,12 @@
1
- import { default as React } from 'react';
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
2
  import { FontSizes } from '../../tokens';
3
- export interface TxtProps extends React.HTMLAttributes<HTMLDivElement | HTMLLabelElement> {
3
+ export interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {
4
4
  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';
5
5
  variant?: keyof typeof FontSizes;
6
6
  font?: 'mono';
7
7
  htmlFor?: string;
8
8
  className?: string;
9
- children?: React.ReactNode;
9
+ title?: string;
10
+ children?: ReactNode;
10
11
  }
11
12
  export declare const Txt: ({ as: Root, className, variant, font, ...props }: TxtProps) => import("react/jsx-runtime").JSX.Element;
package/dist/src/ds/icons/Icon.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import { default as React } from 'react';
2
- export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
3
- children: React.ReactNode;
1
+ import { HTMLAttributes, ReactNode } from 'react';
2
+ export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
3
+ children: ReactNode;
4
+ className?: string;
4
5
  size?: 'default' | 'lg' | 'sm';
5
6
  }
6
7
  export declare const Icon: ({ children, className, size, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mastra/playground-ui",
3
3
  "type": "module",
4
- "version": "29.0.0-alpha.9",
4
+ "version": "29.0.0",
5
5
  "description": "Mastra Playground components",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -49,7 +49,7 @@
49
49
  "license": "Apache-2.0",
50
50
  "dependencies": {
51
51
  "@assistant-ui/react-ui": "^0.2.1",
52
- "@base-ui/react": "^1.3.0",
52
+ "@base-ui/react": "^1.5.0",
53
53
  "@codemirror/autocomplete": "^6.20.1",
54
54
  "@codemirror/lang-json": "^6.0.2",
55
55
  "@codemirror/lang-markdown": "^6.5.0",
@@ -98,8 +98,8 @@
98
98
  "react": ">=19.0.0",
99
99
  "react-dom": ">=19.0.0",
100
100
  "tailwindcss": "^4.0.0",
101
- "@mastra/client-js": "^1.20.0-alpha.8",
102
- "@mastra/react": "0.4.0-alpha.8"
101
+ "@mastra/client-js": "^1.20.0",
102
+ "@mastra/react": "0.4.0"
103
103
  },
104
104
  "devDependencies": {
105
105
  "@storybook/addon-a11y": "^10.3.6",
@@ -135,10 +135,10 @@
135
135
  "vite-plugin-dts": "^4.5.4",
136
136
  "vite-plugin-lib-inject-css": "^2.2.2",
137
137
  "vitest": "4.1.5",
138
- "@internal/lint": "0.0.96",
139
- "@mastra/client-js": "^1.20.0-alpha.8",
140
- "@mastra/core": "1.36.0-alpha.8",
141
- "@mastra/react": "0.4.0-alpha.8"
138
+ "@internal/lint": "0.0.97",
139
+ "@mastra/client-js": "^1.20.0",
140
+ "@mastra/core": "1.36.0",
141
+ "@mastra/react": "0.4.0"
142
142
  },
143
143
  "homepage": "https://mastra.ai",
144
144
  "repository": {