@mastra/playground-ui 30.0.1 → 30.0.2-alpha.1

package/dist/src/ds/components/Drawer/drawer.d.ts

@@ -1,6 +1,7 @@
 import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 import * as React from 'react';
 export type DrawerSide = 'top' | 'right' | 'bottom' | 'left';
+export declare const useDrawerSide: () => DrawerSide;
 export type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {
     /** Edge the drawer is anchored to. Defaults to `bottom`. */
     side?: DrawerSide;
@@ -26,6 +27,7 @@ declare const DrawerIndent: React.ForwardRefExoticComponent<Omit<import('@base-u
 declare const DrawerIndentBackground: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerIndentBackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerSwipeArea: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerSwipeAreaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const createDrawerHandle: typeof DrawerPrimitive.createHandle;
+declare const DrawerInteractive: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {
     className?: string;
 };
@@ -38,33 +40,10 @@ type DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {
     className?: string;
 };
 declare const DrawerPopup: React.ForwardRefExoticComponent<Omit<DrawerPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {
+type DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {
     className?: string;
-    /** Portal target. Defaults to `document.body`. */
-    container?: HTMLElement | null;
-    /** Hide the dimmed backdrop layer (use for non-modal drawers). */
-    hideBackdrop?: boolean;
-    /** Hide the built-in close button. */
-    hideCloseButton?: boolean;
-    /** Hide the drag handle shown on top/bottom sheets. */
-    hideHandle?: boolean;
+    children?: React.ReactNode;
 };
-/**
- * Convenience composition of Portal + Backdrop + Viewport + Popup.
- *
- * Children sit in a plain `<div>`, not Base UI's `Drawer.Content`. `Drawer.Content`
- * marks its subtree as mouse-text-selectable, so a *pointer* drag inside it selects
- * text instead of swiping (touch still swipes). A plain `<div>` keeps the entire
- * panel drag-to-dismiss for pointer and touch alike. Pair this with not putting
- * `pointer-events: none` on a modal viewport — that also blocks the swipe.
- *
- * `hideBackdrop` marks the drawer as non-modal: it drops the backdrop and switches the
- * viewport to `pointer-events: none` (popup re-enables its own) so the page behind
- * stays interactive — the only case where that opt-out is correct.
- *
- * For layouts that need their own structure, compose the styled parts
- * (`DrawerPortal`, `DrawerBackdrop`, `DrawerViewport`, `DrawerPopup`) directly instead.
- */
 declare const DrawerContent: React.ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
@@ -86,5 +65,5 @@ type DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className
     className?: string;
 };
 declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DrawerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Drawer, DrawerTrigger, DrawerClose, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, DrawerProvider, DrawerIndent, DrawerIndentBackground, DrawerSwipeArea, createDrawerHandle, };
+export { Drawer, DrawerTrigger, DrawerClose, DrawerPortal, DrawerBackdrop, DrawerViewport, DrawerPopup, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, DrawerProvider, DrawerIndent, DrawerIndentBackground, DrawerSwipeArea, DrawerInteractive, createDrawerHandle, };
 export type { DrawerTriggerProps, DrawerCloseProps, DrawerBackdropProps, DrawerViewportProps, DrawerPopupProps, DrawerContentProps, DrawerTitleProps, DrawerDescriptionProps, };

package/dist/src/ds/components/MainSidebar/main-sidebar-nav-link.d.ts

@@ -31,9 +31,10 @@ export type MainSidebarNavLinkProps = Omit<ComponentPropsWithoutRef<'li'>, 'chil
     /** Override the Provider-level LinkComponent for this row. Defaults to `<a>` when neither is set. */
     LinkComponent?: LinkComponent;
     /**
-     * When true, render `children` as the interactive element (Radix Slot pattern).
+     * When true, render `children` as the interactive element.
      * Use for `<button>` items or custom router Links. Item classes are forwarded
-     * to the slotted element. `link` and `LinkComponent` are ignored.
+     * to the slotted element. `link.url` and `LinkComponent` are ignored; other
+     * `link` presentation fields still apply when supplied.
      */
     asChild?: boolean;
 };

package/dist/src/ds/components/SideDialog/side-dialog-content.d.ts

@@ -1,8 +1,5 @@
 export type SideDialogContentProps = {
     children?: React.ReactNode;
     className?: string;
-    isCentered?: boolean;
-    isFullHeight?: boolean;
-    variant?: 'default' | 'confirmation';
 };
 export declare function SideDialogContent({ children, className }: SideDialogContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/primitives/visually-hidden.d.ts

@@ -0,0 +1,2 @@
+export { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+export type { VisuallyHiddenProps } from '@radix-ui/react-visually-hidden';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "30.0.1",
+  "version": "30.0.2-alpha.1",
   "description": "Mastra Playground components",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -61,13 +61,6 @@
     "@codemirror/view": "^6.40.0",
     "@hello-pangea/dnd": "^18.0.1",
     "@lezer/highlight": "^1.2.3",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "@tanstack/react-virtual": "^3.13.22",
     "@uiw/codemirror-theme-dracula": "^4.25.9",
@@ -92,8 +85,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.21.1",
-    "@mastra/react": "0.4.2"
+    "@mastra/client-js": "^1.21.2-alpha.1",
+    "@mastra/react": "0.4.3-alpha.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.3.6",
@@ -130,9 +123,9 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.5",
     "@internal/lint": "0.0.99",
-    "@mastra/react": "0.4.2",
-    "@mastra/client-js": "^1.21.1",
-    "@mastra/core": "1.37.1"
+    "@mastra/client-js": "^1.21.2-alpha.1",
+    "@mastra/core": "1.37.2-alpha.1",
+    "@mastra/react": "0.4.3-alpha.1"
   },
   "homepage": "https://mastra.ai",
   "repository": {