@mastra/playground-ui 30.0.0 → 30.0.1

package/dist/src/ds/components/DataList/{data-list-row.d.ts → data-list-row-wrapper.d.ts}

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-export type DataListRowProps = ComponentPropsWithoutRef<'div'>;
+export type DataListRowWrapperProps = ComponentPropsWithoutRef<'div'>;
 /**
  * Non-interactive grid wrapper. Used to host a leading or trailing cell (e.g. a
  * selection checkbox or row actions) alongside a `DataList.RowButton` so
@@ -9,4 +9,4 @@ export type DataListRowProps = ComponentPropsWithoutRef<'div'>;
  * Carries the row-level border + `.data-list-row` marker so separators and
  * sibling-aware rules behave the same in wrapped and standalone rows.
  */
-export declare const DataListRow: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DataListRowWrapper: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/ds/components/DataList/data-list.d.ts

@@ -21,7 +21,7 @@ export declare const DataList: typeof DataListRoot & {
     } & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
     TopCellWithTooltip: typeof DataListTopCellWithTooltip;
     TopCellSmart: typeof DataListTopCellSmart;
-    Row: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    RowWrapper: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     RowButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('./shared').DataListRowSharedProps & import('react').RefAttributes<HTMLButtonElement>>;
     RowLink: typeof DataListRowLink;
     RowStatic: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('./shared').DataListRowSharedProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/ds/components/DataList/shared.d.ts

@@ -1,7 +1,7 @@
 /**
  * Row-level styling shared by anything that participates in the row sibling
  * chain — applied to `DataList.RowButton` / `DataList.RowLink` when used
- * standalone, and to `DataList.Row` when used as a wrapper around them.
+ * standalone, and to `DataList.RowWrapper` when used as a wrapper around them.
  *
  * Contains the `.data-list-row` marker class (used by the sibling-aware border
  * rules), the bottom/top border treatment, and rounded corners.
@@ -15,13 +15,13 @@ export declare const dataListRowStyles: readonly ["mx-1 grid grid-cols-subgrid g
 export type DataListRowSharedProps = {
     /**
      * Drop the row's default left margin. Use when the row is wrapped in a
-     * `DataList.Row` that owns the leading inset (e.g. for selection rows where
+     * `DataList.RowWrapper` that owns the leading inset (e.g. for selection rows where
      * the checkbox cell sits on the left).
      */
     flushLeft?: boolean;
     /**
      * Drop the row's default right margin. Use when the row is wrapped in a
-     * `DataList.Row` that owns the trailing inset (e.g. for rows with a
+     * `DataList.RowWrapper` that owns the trailing inset (e.g. for rows with a
      * trailing actions cell on the right).
      */
     flushRight?: boolean;

package/dist/src/ds/components/LogsDataList/logs-data-list.d.ts

@@ -16,7 +16,7 @@ export declare const LogsDataList: typeof DataListRoot & {
     } & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
     TopCellWithTooltip: typeof DataListTopCellWithTooltip;
     TopCellSmart: typeof DataListTopCellSmart;
-    Row: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    RowWrapper: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     RowButton: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import('../DataList/shared').DataListRowSharedProps & import('react').RefAttributes<HTMLButtonElement>>;
     RowLink: typeof DataListRowLink;
     Spacer: typeof DataListSpacer;

package/dist/src/index.d.ts

@@ -76,9 +76,7 @@ export * from './ds/components/Chip';
 export * from './ds/components/Tree';
 export * from './ds/components/DataFilter';
 export * from './ds/components/DataList';
-export * from './ds/components/EntityList';
 export * from './ds/components/LogsDataList';
-export * from './ds/components/EntityListPageLayout';
 export * from './ds/components/PageLayout';
 export * from './ds/components/ListSearch';
 export * from './ds/components/ErrorBoundary';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "30.0.0",
+  "version": "30.0.1",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -92,8 +92,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.21.0",
-    "@mastra/react": "0.4.1"
+    "@mastra/client-js": "^1.21.1",
+    "@mastra/react": "0.4.2"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.3.6",
@@ -129,10 +129,10 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.5",
-    "@internal/lint": "0.0.98",
-    "@mastra/client-js": "^1.21.0",
-    "@mastra/react": "0.4.1",
-    "@mastra/core": "1.37.0"
+    "@internal/lint": "0.0.99",
+    "@mastra/react": "0.4.2",
+    "@mastra/client-js": "^1.21.1",
+    "@mastra/core": "1.37.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/dist/src/ds/components/EntityList/entity-list-cells.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export type EntityListCellProps = {
-    children: ReactNode;
-    className?: string;
-};
-export declare function EntityListCell({ children, className }: EntityListCellProps): import("react/jsx-runtime").JSX.Element;
-export declare function EntityListTextCell({ children, className }: EntityListCellProps): import("react/jsx-runtime").JSX.Element;
-export declare function EntityListNameCell({ children, className }: EntityListCellProps): import("react/jsx-runtime").JSX.Element;
-export declare function EntityListDescriptionCell({ children, className }: EntityListCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-no-match.d.ts

@@ -1,5 +0,0 @@
-export type EntityListNoMatchProps = {
-    message?: string;
-    className?: string;
-};
-export declare function EntityListNoMatch({ message, className }: EntityListNoMatchProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-pagination.d.ts

@@ -1,7 +0,0 @@
-export type EntityListPaginationProps = {
-    currentPage?: number;
-    hasMore?: boolean;
-    onNextPage?: () => void;
-    onPrevPage?: () => void;
-};
-export declare function EntityListPagination({ currentPage, hasMore, onNextPage, onPrevPage }: EntityListPaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-root.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export type EntityListRootProps = {
-    children: ReactNode;
-    columns: string;
-    className?: string;
-};
-export declare function EntityListRoot({ children, columns, className }: EntityListRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-row-link.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { LinkComponent } from '../../types/link-component';
-export type EntityListRowLinkProps = {
-    children: ReactNode;
-    to: string;
-    className?: string;
-    LinkComponent: LinkComponent;
-};
-export declare function EntityListRowLink({ children, to, className, LinkComponent: Link }: EntityListRowLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-row.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export type EntityListRowProps = {
-    children: ReactNode;
-    className?: string;
-    onClick?: () => void;
-    selected?: boolean;
-};
-export declare function EntityListRow({ children, className, onClick, selected }: EntityListRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-rows.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export type EntityListRowsProps = {
-    children: ReactNode;
-    className?: string;
-};
-export declare function EntityListRows({ children, className }: EntityListRowsProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-skeleton.d.ts

@@ -1,5 +0,0 @@
-export type EntityListSkeletonProps = {
-    columns: string;
-    numberOfRows?: number;
-};
-export declare function EntityListSkeleton({ columns, numberOfRows }: EntityListSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-top-cell.d.ts

@@ -1,20 +0,0 @@
-import { ReactNode } from 'react';
-export type EntityListTopCellProps = {
-    children: ReactNode;
-    className?: string;
-};
-export declare const EntityListTopCell: import('react').ForwardRefExoticComponent<EntityListTopCellProps & import('react').RefAttributes<HTMLSpanElement>>;
-export type EntityListTopCellWithTooltipProps = {
-    children: ReactNode;
-    tooltip: string;
-    className?: string;
-};
-export declare function EntityListTopCellWithTooltip({ children, tooltip, className }: EntityListTopCellWithTooltipProps): import("react/jsx-runtime").JSX.Element;
-export type EntityListTopCellSmartProps = {
-    long: ReactNode;
-    short: ReactNode;
-    tooltip?: string;
-    breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-    className?: string;
-};
-export declare function EntityListTopCellSmart({ long, short, tooltip, breakpoint, className, }: EntityListTopCellSmartProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list-top.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export type EntityListTopProps = {
-    children: ReactNode;
-    className?: string;
-};
-export declare function EntityListTop({ children, className }: EntityListTopProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityList/entity-list.d.ts

@@ -1,24 +0,0 @@
-import { EntityListCell, EntityListTextCell, EntityListNameCell, EntityListDescriptionCell } from './entity-list-cells';
-import { EntityListNoMatch } from './entity-list-no-match';
-import { EntityListPagination } from './entity-list-pagination';
-import { EntityListRoot } from './entity-list-root';
-import { EntityListRow } from './entity-list-row';
-import { EntityListRowLink } from './entity-list-row-link';
-import { EntityListRows } from './entity-list-rows';
-import { EntityListTop } from './entity-list-top';
-import { EntityListTopCellWithTooltip, EntityListTopCellSmart } from './entity-list-top-cell';
-export declare const EntityList: typeof EntityListRoot & {
-    Top: typeof EntityListTop;
-    TopCell: import('react').ForwardRefExoticComponent<import('./entity-list-top-cell').EntityListTopCellProps & import('react').RefAttributes<HTMLSpanElement>>;
-    TopCellWithTooltip: typeof EntityListTopCellWithTooltip;
-    TopCellSmart: typeof EntityListTopCellSmart;
-    Rows: typeof EntityListRows;
-    Row: typeof EntityListRow;
-    RowLink: typeof EntityListRowLink;
-    Cell: typeof EntityListCell;
-    TextCell: typeof EntityListTextCell;
-    NameCell: typeof EntityListNameCell;
-    DescriptionCell: typeof EntityListDescriptionCell;
-    NoMatch: typeof EntityListNoMatch;
-    Pagination: typeof EntityListPagination;
-};

package/dist/src/ds/components/EntityList/index.d.ts

@@ -1,2 +0,0 @@
-export * from './entity-list';
-export * from './entity-list-skeleton';

package/dist/src/ds/components/EntityListPageLayout/entity-list-page-layout-root.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export declare function EntityListPageLayoutRoot({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityListPageLayout/entity-list-page-layout-top.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export declare function EntityListPageLayoutTop({ children, className }: {
-    children: ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/EntityListPageLayout/entity-list-page-layout.d.ts

@@ -1,5 +0,0 @@
-import { EntityListPageLayoutRoot } from './entity-list-page-layout-root';
-import { EntityListPageLayoutTop } from './entity-list-page-layout-top';
-export declare const EntityListPageLayout: typeof EntityListPageLayoutRoot & {
-    Top: typeof EntityListPageLayoutTop;
-};

package/dist/src/ds/components/EntityListPageLayout/index.d.ts

@@ -1 +0,0 @@
-export { EntityListPageLayout } from './entity-list-page-layout';