@mastra/playground-ui 55.0.0 → 55.1.0-alpha.0

package/dist/src/ds/components/DataPanel/data-panel-content.d.ts

@@ -2,5 +2,7 @@ import { ReactNode, Ref } from 'react';
 export interface DataPanelContentProps {
     children: ReactNode;
     ref?: Ref<HTMLDivElement>;
+    /** Layout overrides (e.g. padding) for the scroll container. */
+    className?: string;
 }
-export declare function DataPanelContent({ children, ref }: DataPanelContentProps): import("react").JSX.Element;
+export declare function DataPanelContent({ children, ref, className }: DataPanelContentProps): import("react").JSX.Element;

package/dist/src/ds/components/DataPanel/data-panel-next-prev-nav.d.ts

@@ -1,7 +1,9 @@
+import { ButtonProps } from '../Button';
 export interface DataPanelNextPrevNavProps {
     onPrevious?: () => void;
     onNext?: () => void;
     previousLabel?: string;
     nextLabel?: string;
+    variant?: ButtonProps['variant'];
 }
-export declare function DataPanelNextPrevNav({ onPrevious, onNext, previousLabel, nextLabel, }: DataPanelNextPrevNavProps): import("react").JSX.Element;
+export declare function DataPanelNextPrevNav({ onPrevious, onNext, previousLabel, nextLabel, variant, }: DataPanelNextPrevNavProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/index.d.ts

@@ -0,0 +1,12 @@
+export { SidebarNew } from './sidebar-new';
+export { SidebarNewBrand, type SidebarNewBrandProps } from './sidebar-new-brand';
+export { SidebarNewFooter, type SidebarNewFooterProps } from './sidebar-new-footer';
+export { SidebarNewHeader, type SidebarNewHeaderProps } from './sidebar-new-header';
+export { SidebarNewMeter, type SidebarNewMeterProps, type SidebarNewMeterTone } from './sidebar-new-meter';
+export { SidebarNewNav, type SidebarNewNavProps } from './sidebar-new-nav';
+export { SidebarNewNavHeader, type SidebarNewNavHeaderProps } from './sidebar-new-nav-header';
+export { SidebarNewNavStack, type SidebarNewNavStackProps, type SidebarNewNavStackRootViewProps, type SidebarNewNavStackViewProps, } from './sidebar-new-nav-stack';
+export { SidebarNewRoot, type SidebarNewRootProps } from './sidebar-new-root';
+export { SidebarNewSections, type SidebarNewSectionsProps } from './sidebar-new-sections';
+export { SidebarNewTrigger, type SidebarNewTriggerProps } from './sidebar-new-trigger';
+export { getIsLinkActive, MainSidebarProvider as SidebarNewProvider, type MainSidebarProviderProps as SidebarNewProviderProps, navItemClasses, type MainSidebarNavItemSize as SidebarNewNavItemSize, type NavLink as SidebarNewLink, type NavSection as SidebarNewSection, useMainSidebar as useSidebarNew, } from '../../components/MainSidebar/main-sidebar';

package/dist/src/ds/new/sidebar/sidebar-new-brand.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type SidebarNewBrandProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {
+    logo?: ReactNode;
+    title: ReactNode;
+};
+export declare function SidebarNewBrand({ logo, title, className, ...props }: SidebarNewBrandProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-footer.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type SidebarNewFooterProps = ComponentPropsWithoutRef<'footer'>;
+export declare function SidebarNewFooter({ className, children, ...props }: SidebarNewFooterProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-header.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type SidebarNewHeaderProps = ComponentPropsWithoutRef<'header'>;
+export declare function SidebarNewHeader({ className, children, ...props }: SidebarNewHeaderProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-meter.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { SidebarState } from '../../components/MainSidebar/main-sidebar-context';
+import { LinkComponent } from '../../types/link-component';
+export type SidebarNewMeterTone = 'neutral' | 'warning' | 'danger';
+interface SidebarNewMeterBaseProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    /** Short name for the measured thing, e.g. `Credits`. Hidden on a collapsed rail. */
+    label: ReactNode;
+    /** The figure itself. Rendered with tabular figures so it cannot shift width. */
+    value: ReactNode;
+    /** One line under the value. Truncates; the card height never changes. */
+    status?: ReactNode;
+    /** Drives the bloom hue. `neutral` is the only tone that carries grain. */
+    tone?: SidebarNewMeterTone;
+    /** Leading icon beside the label, shown only when the tone is not neutral. */
+    icon?: ReactNode;
+    /** Trailing control beside the label, kept outside the card link. */
+    action?: ReactNode;
+    /** Overrides the Provider-level LinkComponent. Defaults to `<a>` when neither is set. */
+    LinkComponent?: LinkComponent;
+    /** Defaults to the Provider's state; pass to override. */
+    state?: SidebarState;
+}
+type SidebarNewMeterLinkProps = {
+    /** Makes the whole card navigate. The link covers the card as an overlay. */
+    href: string;
+    /** Accessible name for the card link. Required whenever `href` is set. */
+    linkLabel: string;
+} | {
+    href?: never;
+    linkLabel?: never;
+};
+export type SidebarNewMeterProps = SidebarNewMeterBaseProps & SidebarNewMeterLinkProps;
+export declare const SidebarNewMeter: import('react').ForwardRefExoticComponent<SidebarNewMeterProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/ds/new/sidebar/sidebar-new-nav-header.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SidebarState } from '../../components/MainSidebar/main-sidebar-context';
+import { LinkComponent } from '../../types/link-component';
+export type SidebarNewNavHeaderProps = Omit<ComponentPropsWithoutRef<'header'>, 'children'> & {
+    children?: React.ReactNode;
+    state?: SidebarState;
+    href?: string;
+    isActive?: boolean;
+    LinkComponent?: LinkComponent;
+};
+export declare function SidebarNewNavHeader({ children, className, state: stateProp, href, isActive, LinkComponent: LinkProp, ...props }: SidebarNewNavHeaderProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-nav-stack-context.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type SidebarNewNavStackContextValue = {
+    activeValue: string;
+    rootValue: string;
+    closeView: (returnFocusRef?: React.RefObject<HTMLElement | null>) => void;
+};
+export declare const SidebarNewNavStackContext: React.Context<SidebarNewNavStackContextValue | undefined>;
+export declare function useSidebarNewNavStack(): SidebarNewNavStackContextValue;

package/dist/src/ds/new/sidebar/sidebar-new-nav-stack-page-classes.d.ts

@@ -0,0 +1 @@
+export declare function sidebarNewNavStackPageClasses(active: boolean, page: 'root' | 'view', className?: string): string;

package/dist/src/ds/new/sidebar/sidebar-new-nav-stack-root-view.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type SidebarNewNavStackRootViewProps = ComponentPropsWithoutRef<'div'>;
+export declare function SidebarNewNavStackRootView({ children, className, ...props }: SidebarNewNavStackRootViewProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-nav-stack-root.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export type SidebarNewNavStackProps = ComponentPropsWithoutRef<'div'> & {
+    value: string;
+    rootValue?: string;
+    onValueChange: (value: string) => void;
+};
+export declare function SidebarNewNavStackRoot({ value, rootValue, onValueChange, children, className, ...props }: SidebarNewNavStackProps): React.JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-nav-stack-view.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export type SidebarNewNavStackViewProps = ComponentPropsWithoutRef<'div'> & {
+    value: string;
+    title: string;
+    backLabel?: string;
+    returnFocusRef?: React.RefObject<HTMLElement | null>;
+    onBack?: () => void;
+};
+export declare function SidebarNewNavStackView({ value, title, backLabel, returnFocusRef, onBack, children, className, ...props }: SidebarNewNavStackViewProps): React.JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-nav-stack.d.ts

@@ -0,0 +1,10 @@
+import { SidebarNewNavStackRoot } from './sidebar-new-nav-stack-root';
+import { SidebarNewNavStackRootView } from './sidebar-new-nav-stack-root-view';
+import { SidebarNewNavStackView } from './sidebar-new-nav-stack-view';
+export type { SidebarNewNavStackProps } from './sidebar-new-nav-stack-root';
+export type { SidebarNewNavStackRootViewProps } from './sidebar-new-nav-stack-root-view';
+export type { SidebarNewNavStackViewProps } from './sidebar-new-nav-stack-view';
+export declare const SidebarNewNavStack: typeof SidebarNewNavStackRoot & {
+    Root: typeof SidebarNewNavStackRootView;
+    View: typeof SidebarNewNavStackView;
+};

package/dist/src/ds/new/sidebar/sidebar-new-nav.d.ts

@@ -0,0 +1,3 @@
+import { MainSidebarNavProps } from '../../components/MainSidebar/main-sidebar-nav';
+export type SidebarNewNavProps = MainSidebarNavProps;
+export declare function SidebarNewNav({ children, className, ...props }: SidebarNewNavProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-root.d.ts

@@ -0,0 +1,5 @@
+import { MainSidebarRootProps } from '../../components/MainSidebar/main-sidebar-root';
+export type SidebarNewRootProps = MainSidebarRootProps & {
+    'aria-label'?: string;
+};
+export declare function SidebarNewRoot({ 'aria-label': ariaLabel, ...props }: SidebarNewRootProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-section-link.d.ts

@@ -0,0 +1,8 @@
+import { NavLink } from '../../components/MainSidebar/main-sidebar-nav-link';
+export type SidebarNewSectionLinkProps = {
+    link: NavLink;
+    activeCandidates: NavLink[];
+    level?: number;
+    isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;
+};
+export declare function SidebarNewSectionLink({ link, activeCandidates, level, isActive }: SidebarNewSectionLinkProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-sections.d.ts

@@ -0,0 +1,8 @@
+import { NavLink } from '../../components/MainSidebar/main-sidebar-nav-link';
+import { NavSection } from '../../components/MainSidebar/main-sidebar-nav-section';
+export type SidebarNewSectionsProps = {
+    sections: NavSection[];
+    isActive?: (link: NavLink, activeCandidates: NavLink[]) => boolean;
+    className?: string;
+};
+export declare function SidebarNewSections({ sections, isActive, className }: SidebarNewSectionsProps): import("react").JSX.Element;

package/dist/src/ds/new/sidebar/sidebar-new-trigger.d.ts

@@ -0,0 +1,3 @@
+import { MainSidebarTriggerProps } from '../../components/MainSidebar/main-sidebar-trigger';
+export type SidebarNewTriggerProps = MainSidebarTriggerProps;
+export declare function SidebarNewTrigger(props: SidebarNewTriggerProps): import("react").JSX.Element | null;

package/dist/src/ds/new/sidebar/sidebar-new.d.ts

@@ -0,0 +1,36 @@
+import { SidebarNewBrand } from './sidebar-new-brand';
+import { SidebarNewFooter } from './sidebar-new-footer';
+import { SidebarNewHeader } from './sidebar-new-header';
+import { SidebarNewNav } from './sidebar-new-nav';
+import { SidebarNewNavHeader } from './sidebar-new-nav-header';
+import { SidebarNewRoot } from './sidebar-new-root';
+import { SidebarNewSections } from './sidebar-new-sections';
+import { SidebarNewTrigger } from './sidebar-new-trigger';
+import { MainSidebarMobileTrigger } from '../../components/MainSidebar/main-sidebar-mobile-trigger';
+import { MainSidebarNavLabel } from '../../components/MainSidebar/main-sidebar-nav-label';
+import { MainSidebarNavLink } from '../../components/MainSidebar/main-sidebar-nav-link';
+import { MainSidebarNavList } from '../../components/MainSidebar/main-sidebar-nav-list';
+import { MainSidebarNavSection } from '../../components/MainSidebar/main-sidebar-nav-section';
+import { MainSidebarNavSeparator } from '../../components/MainSidebar/main-sidebar-nav-separator';
+import { MainSidebarProvider } from '../../components/MainSidebar/main-sidebar-provider';
+export declare const SidebarNew: typeof SidebarNewRoot & {
+    Brand: typeof SidebarNewBrand;
+    Footer: typeof SidebarNewFooter;
+    Header: typeof SidebarNewHeader;
+    Meter: import('react').ForwardRefExoticComponent<import('./sidebar-new-meter').SidebarNewMeterProps & import('react').RefAttributes<HTMLDivElement>>;
+    MobileTrigger: typeof MainSidebarMobileTrigger;
+    Nav: typeof SidebarNewNav;
+    NavHeader: typeof SidebarNewNavHeader;
+    NavLabel: typeof MainSidebarNavLabel;
+    NavLink: typeof MainSidebarNavLink;
+    NavList: typeof MainSidebarNavList;
+    NavSection: typeof MainSidebarNavSection;
+    NavSeparator: typeof MainSidebarNavSeparator;
+    NavStack: typeof import('./sidebar-new-nav-stack-root').SidebarNewNavStackRoot & {
+        Root: typeof import('./sidebar-new-nav-stack-root-view').SidebarNewNavStackRootView;
+        View: typeof import('./sidebar-new-nav-stack-view').SidebarNewNavStackView;
+    };
+    Provider: typeof MainSidebarProvider;
+    Sections: typeof SidebarNewSections;
+    Trigger: typeof SidebarNewTrigger;
+};

package/dist/src/ds/new/sidebar/sidebar-new.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { SidebarNew } from '.';
+declare const meta: Meta<typeof SidebarNew>;
+export default meta;
+type Story = StoryObj<typeof SidebarNew>;
+export declare const Default: Story;

package/dist/style.css

@@ -176,6 +176,7 @@
     --tracking-wide: .025em;
     --tracking-wider: .05em;
     --tracking-widest: .1em;
+    --leading-tight: 1.25;
     --leading-relaxed: 1.625;
     --radius-xs: .125rem;
     --radius-sm: 4px;
@@ -915,6 +916,10 @@
     isolation: isolate;
   }
 
+  .-z-10 {
+    z-index: calc(10 * -1);
+  }
+
   .z-0 {
     z-index: 0;
   }
@@ -983,6 +988,10 @@
     grid-column: 1 / -1;
   }
 
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+
   .col-start-3 {
     grid-column-start: 3;
   }
@@ -1684,6 +1693,10 @@
     margin-top: auto;
   }
 
+  .-mr-1\.5 {
+    margin-right: calc(var(--spacing-1_5) * -1);
+  }
+
   .-mr-3 {
     margin-right: calc(var(--spacing-3) * -1);
   }
@@ -3060,6 +3073,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-x-2 {
+    --tw-translate-x: calc(var(--spacing-2) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .translate-x-0 {
     --tw-translate-x: var(--spacing-0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3070,6 +3088,11 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .translate-x-2 {
+    --tw-translate-x: var(--spacing-2);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3297,6 +3320,10 @@
     grid-template-columns: 1fr auto 1fr;
   }
 
+  .grid-cols-\[2rem_1fr_2rem\] {
+    grid-template-columns: 2rem 1fr 2rem;
+  }
+
   .grid-cols-\[5rem_repeat\(4\,minmax\(0\,1fr\)\)\] {
     grid-template-columns: 5rem repeat(4, minmax(0, 1fr));
   }
@@ -3745,6 +3772,10 @@
     align-self: stretch;
   }
 
+  .justify-self-center {
+    justify-self: center;
+  }
+
   .justify-self-end {
     justify-self: flex-end;
   }
@@ -4791,6 +4822,16 @@
     }
   }
 
+  .bg-neutral4\/40 {
+    background-color: var(--color-neutral4);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-neutral4\/40 {
+      background-color: color-mix(in oklab, var(--color-neutral4) 40%, transparent);
+    }
+  }
+
   .bg-neutral5 {
     background-color: var(--color-neutral5);
   }
@@ -5803,6 +5844,11 @@
     line-height: var(--leading-relaxed);
   }
 
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
+
   .leading-ui-lg {
     --tw-leading: var(--leading-ui-lg);
     line-height: var(--leading-ui-lg);
@@ -6171,6 +6217,10 @@
     color: var(--color-notice-success-fg);
   }
 
+  .text-notice-warning {
+    color: var(--color-notice-warning);
+  }
+
   .text-notice-warning-fg {
     color: var(--color-notice-warning-fg);
   }
@@ -6708,6 +6758,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-\[opacity\,translate\] {
+    transition-property: opacity, translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .transition-\[padding\] {
     transition-property: padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -6881,6 +6937,10 @@
     will-change: opacity,filter,scale;
   }
 
+  .will-change-\[opacity\,translate\] {
+    will-change: opacity,translate;
+  }
+
   .will-change-transform {
     will-change: transform;
   }
@@ -10309,6 +10369,18 @@
     height: var(--spacing-5);
   }
 
+  .\[\&_\[data-orientation\=vertical\]\]\:w-1 [data-orientation="vertical"] {
+    width: var(--spacing-1);
+  }
+
+  .\[\&_\[data-orientation\=vertical\]\]\:p-0 [data-orientation="vertical"] {
+    padding: var(--spacing-0);
+  }
+
+  .\[\&_\[data-orientation\=vertical\]\[data-has-overflow-y\]\]\:opacity-100 [data-orientation="vertical"][data-has-overflow-y] {
+    opacity: 1;
+  }
+
   .\[\&_\[data-slot\=command-input-wrapper\]\]\:h-11 [data-slot="command-input-wrapper"] {
     height: var(--spacing-11);
   }
@@ -11635,6 +11707,29 @@
   --surface4: oklch(21.78% 0 0);
   --surface5: oklch(24.35% 0 0 / .9);
   --surface6: oklch(30.92% 0 0);
+  --background-1: oklch(0% 0 0);
+  --background-2: oklch(15.91% 0 0);
+  --background-3: oklch(19.13% 0 0);
+  --gray-1: oklch(21.78% 0 0);
+  --gray-2: oklch(24.35% 0 0);
+  --gray-3: oklch(26.86% 0 0);
+  --gray-4: oklch(30.92% 0 0);
+  --gray-5: oklch(37.15% 0 0);
+  --gray-6: oklch(44.95% 0 0);
+  --gray-7: oklch(52.08% 0 0);
+  --gray-8: oklch(65% 0 0);
+  --gray-9: oklch(76.99% 0 0);
+  --gray-10: oklch(98.51% 0 0);
+  --gray-alpha-1: #ffffff0a;
+  --gray-alpha-2: #ffffff12;
+  --gray-alpha-3: #ffffff1a;
+  --gray-alpha-4: #ffffff24;
+  --gray-alpha-5: #ffffff2e;
+  --gray-alpha-6: #ffffff4d;
+  --gray-alpha-7: #ffffff73;
+  --gray-alpha-8: #fff9;
+  --gray-alpha-9: #ffffffbf;
+  --gray-alpha-10: #ffffffe6;
   --accent1: oklch(72.3% .219 149.579);
   --accent2: oklch(63.7% .237 25.331);
   --accent3: oklch(62.3% .214 259.815);
@@ -11735,6 +11830,29 @@ html.light {
   --surface4: oklch(96.5% 0 0);
   --surface5: oklch(94.4% 0 0 / .94);
   --surface6: oklch(89.5% 0 0);
+  --background-1: oklch(96.42% 0 0);
+  --background-2: oklch(98.51% 0 0);
+  --background-3: oklch(100% 0 0);
+  --gray-1: oklch(94.31% 0 0);
+  --gray-2: oklch(91.89% 0 0);
+  --gray-3: oklch(89.45% 0 0);
+  --gray-4: oklch(84.52% 0 0);
+  --gray-5: oklch(76.04% 0 0);
+  --gray-6: oklch(62.01% 0 0);
+  --gray-7: oklch(54.86% 0 0);
+  --gray-8: oklch(44.59% 0 0);
+  --gray-9: oklch(30.92% 0 0);
+  --gray-10: oklch(12.86% 0 0);
+  --gray-alpha-1: #0000000a;
+  --gray-alpha-2: #00000012;
+  --gray-alpha-3: #0000001a;
+  --gray-alpha-4: #00000024;
+  --gray-alpha-5: #0000002e;
+  --gray-alpha-6: #0000004d;
+  --gray-alpha-7: #00000073;
+  --gray-alpha-8: #0009;
+  --gray-alpha-9: #000000bf;
+  --gray-alpha-10: #000000e6;
   --accent1: oklch(62.7% .194 149.214);
   --accent2: oklch(57.7% .245 27.325);
   --accent3: oklch(54.6% .245 262.881);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "55.0.0",
+  "version": "55.1.0-alpha.0",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -118,6 +118,12 @@
         "default": "./dist/new/settings.es.js"
       }
     },
+    "./new/sidebar": {
+      "import": {
+        "types": "./dist/new/sidebar.d.ts",
+        "default": "./dist/new/sidebar.es.js"
+      }
+    },
     "./new/layout/app-shell": {
       "import": {
         "types": "./dist/new/layout/app-shell.d.ts",
@@ -183,8 +189,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/client-js": "^1.46.0",
-    "@mastra/react": "1.5.0"
+    "@mastra/client-js": "^1.46.1-alpha.0",
+    "@mastra/react": "1.5.1-alpha.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.4.1",
@@ -227,10 +233,10 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.10",
     "@internal/lint": "0.0.133",
-    "@mastra/client-js": "^1.46.0",
-    "@mastra/core": "1.67.0",
-    "@mastra/react": "1.5.0",
-    "@mastra/memory": "1.30.0"
+    "@mastra/client-js": "^1.46.1-alpha.0",
+    "@mastra/memory": "1.30.0",
+    "@mastra/react": "1.5.1-alpha.0",
+    "@mastra/core": "1.68.0-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/theme.css

@@ -15,6 +15,30 @@
   --surface5: oklch(24.35% 0 0deg / 90%);
   --surface6: oklch(30.92% 0 0deg);
 
+  --background-1: oklch(0 0 0);
+  --background-2: oklch(0.1591 0 0);
+  --background-3: oklch(0.1913 0 0);
+  --gray-1: oklch(0.2178 0 0);
+  --gray-2: oklch(0.2435 0 0);
+  --gray-3: oklch(0.2686 0 0);
+  --gray-4: oklch(0.3092 0 0);
+  --gray-5: oklch(0.3715 0 0);
+  --gray-6: oklch(0.4495 0 0);
+  --gray-7: oklch(0.5208 0 0);
+  --gray-8: oklch(0.65 0 0);
+  --gray-9: oklch(0.7699 0 0);
+  --gray-10: oklch(0.9851 0 0);
+  --gray-alpha-1: rgb(255 255 255 / 4%);
+  --gray-alpha-2: rgb(255 255 255 / 7%);
+  --gray-alpha-3: rgb(255 255 255 / 10%);
+  --gray-alpha-4: rgb(255 255 255 / 14%);
+  --gray-alpha-5: rgb(255 255 255 / 18%);
+  --gray-alpha-6: rgb(255 255 255 / 30%);
+  --gray-alpha-7: rgb(255 255 255 / 45%);
+  --gray-alpha-8: rgb(255 255 255 / 60%);
+  --gray-alpha-9: rgb(255 255 255 / 75%);
+  --gray-alpha-10: rgb(255 255 255 / 90%);
+
   --accent1: oklch(0.723 0.219 149.579);
   --accent2: oklch(0.637 0.237 25.331);
   --accent3: oklch(0.623 0.214 259.815);
@@ -132,6 +156,30 @@ html.light {
   --surface5: oklch(94.4% 0 0deg / 94%);
   --surface6: oklch(89.5% 0 0deg);
 
+  --background-1: oklch(0.9642 0 0);
+  --background-2: oklch(0.9851 0 0);
+  --background-3: oklch(1 0 0);
+  --gray-1: oklch(0.9431 0 0);
+  --gray-2: oklch(0.9189 0 0);
+  --gray-3: oklch(0.8945 0 0);
+  --gray-4: oklch(0.8452 0 0);
+  --gray-5: oklch(0.7604 0 0);
+  --gray-6: oklch(0.6201 0 0);
+  --gray-7: oklch(0.5486 0 0);
+  --gray-8: oklch(0.4459 0 0);
+  --gray-9: oklch(0.3092 0 0);
+  --gray-10: oklch(0.1286 0 0);
+  --gray-alpha-1: rgb(0 0 0 / 4%);
+  --gray-alpha-2: rgb(0 0 0 / 7%);
+  --gray-alpha-3: rgb(0 0 0 / 10%);
+  --gray-alpha-4: rgb(0 0 0 / 14%);
+  --gray-alpha-5: rgb(0 0 0 / 18%);
+  --gray-alpha-6: rgb(0 0 0 / 30%);
+  --gray-alpha-7: rgb(0 0 0 / 45%);
+  --gray-alpha-8: rgb(0 0 0 / 60%);
+  --gray-alpha-9: rgb(0 0 0 / 75%);
+  --gray-alpha-10: rgb(0 0 0 / 90%);
+
   --accent1: oklch(0.627 0.194 149.214);
   --accent2: oklch(0.577 0.245 27.325);
   --accent3: oklch(0.546 0.245 262.881);

package/dist/data-panel-5iuux0r_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-panel-5iuux0r_.js","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  className?: string;\n}\n\nexport function DataPanelCloseButton({ onClick, tooltip = 'Close panel', className }: DataPanelCloseButtonProps) {\n  return (\n    <Button size=\"md\" onClick={onClick} aria-label=\"Close Panel\" tooltip={tooltip} className={className}>\n      <XIcon />\n    </Button>\n  );\n}\n","import type { ReactNode, Ref } from 'react';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function DataPanelContent({ children, ref }: DataPanelContentProps) {\n  return (\n    <div ref={ref} className=\"min-h-0 flex-1 overflow-y-auto p-3\">\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Horizontal padding (not margin) so the bottom border spans the full card width.\n        'flex min-h-10 items-center justify-between gap-2 px-3 py-2',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border1',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3 className={cn('flex gap-2 text-ui-md text-neutral3 [&>b]:font-normal [&>b]:text-neutral2', className)}>\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"text-ui-sm text-neutral2 flex min-h-32 items-center justify-center gap-2 px-3 py-4\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-neutral1\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <ButtonsGroup spacing=\"close\">\n      <Button size=\"md\" tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"md\" tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </ButtonsGroup>\n  );\n}\n","export interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return <p className=\"text-ui-sm text-neutral2 px-3 py-4\">{children ?? 'No data found.'}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelProps {\n  collapsed?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function DataPanelRoot({ collapsed, children, className }: DataPanelProps) {\n  return (\n    <section\n      className={cn(\n        'flex flex-col overflow-hidden rounded-xl border border-border1 bg-surface2',\n        collapsed ? 'h-auto' : 'max-h-full',\n        className,\n      )}\n    >\n      {children}\n    </section>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  Heading: DataPanelHeading,\n  CloseButton: DataPanelCloseButton,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":[],"mappings":"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"}

package/dist/data-panel-tSErqolu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-panel-tSErqolu.cjs","sources":["../src/ds/components/DataPanel/data-panel-close-button.tsx","../src/ds/components/DataPanel/data-panel-content.tsx","../src/ds/components/DataPanel/data-panel-header.tsx","../src/ds/components/DataPanel/data-panel-heading.tsx","../src/ds/components/DataPanel/data-panel-loading-data.tsx","../src/ds/components/DataPanel/data-panel-next-prev-nav.tsx","../src/ds/components/DataPanel/data-panel-no-data.tsx","../src/ds/components/DataPanel/data-panel-root.tsx","../src/ds/components/DataPanel/data-panel.tsx"],"sourcesContent":["import { XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface DataPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  className?: string;\n}\n\nexport function DataPanelCloseButton({ onClick, tooltip = 'Close panel', className }: DataPanelCloseButtonProps) {\n  return (\n    <Button size=\"md\" onClick={onClick} aria-label=\"Close Panel\" tooltip={tooltip} className={className}>\n      <XIcon />\n    </Button>\n  );\n}\n","import type { ReactNode, Ref } from 'react';\n\nexport interface DataPanelContentProps {\n  children: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function DataPanelContent({ children, ref }: DataPanelContentProps) {\n  return (\n    <div ref={ref} className=\"min-h-0 flex-1 overflow-y-auto p-3\">\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeader({ className, children }: DataPanelHeaderProps) {\n  return (\n    <div\n      className={cn(\n        // Horizontal padding (not margin) so the bottom border spans the full card width.\n        'flex min-h-10 items-center justify-between gap-2 px-3 py-2',\n        // Bottom border only when something follows the header (i.e. the panel is expanded).\n        // When the panel is collapsed and the header is the only child, the border auto-hides.\n        'not-last:border-b not-last:border-border1',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataPanelHeading({ className, children }: DataPanelHeadingProps) {\n  return (\n    <h3 className={cn('flex gap-2 text-ui-md text-neutral3 [&>b]:font-normal [&>b]:text-neutral2', className)}>\n      {children}\n    </h3>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataPanelLoadingData({ children }: DataPanelLoadingDataProps) {\n  return (\n    <div className=\"text-ui-sm text-neutral2 flex min-h-32 items-center justify-center gap-2 px-3 py-4\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-neutral1\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\n\nexport interface DataPanelNextPrevNavProps {\n  onPrevious?: () => void;\n  onNext?: () => void;\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport function DataPanelNextPrevNav({\n  onPrevious,\n  onNext,\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n}: DataPanelNextPrevNavProps) {\n  return (\n    <ButtonsGroup spacing=\"close\">\n      <Button size=\"md\" tooltip={previousLabel} onClick={onPrevious} disabled={!onPrevious}>\n        <ArrowUpIcon />\n      </Button>\n      <Button size=\"md\" tooltip={nextLabel} onClick={onNext} disabled={!onNext}>\n        <ArrowDownIcon />\n      </Button>\n    </ButtonsGroup>\n  );\n}\n","export interface DataPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataPanelNoData({ children }: DataPanelNoDataProps) {\n  return <p className=\"text-ui-sm text-neutral2 px-3 py-4\">{children ?? 'No data found.'}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataPanelProps {\n  collapsed?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function DataPanelRoot({ collapsed, children, className }: DataPanelProps) {\n  return (\n    <section\n      className={cn(\n        'flex flex-col overflow-hidden rounded-xl border border-border1 bg-surface2',\n        collapsed ? 'h-auto' : 'max-h-full',\n        className,\n      )}\n    >\n      {children}\n    </section>\n  );\n}\n","import { DataPanelCloseButton } from './data-panel-close-button';\nimport { DataPanelContent } from './data-panel-content';\nimport { DataPanelHeader } from './data-panel-header';\nimport { DataPanelHeading } from './data-panel-heading';\nimport { DataPanelLoadingData } from './data-panel-loading-data';\nimport { DataPanelNextPrevNav } from './data-panel-next-prev-nav';\nimport { DataPanelNoData } from './data-panel-no-data';\nimport { DataPanelRoot } from './data-panel-root';\nimport { DataPanelSectionHeading } from './data-panel-section-heading';\nimport { DataCodeSection } from '@/ds/components/DataCodeSection';\n\nexport const DataPanel = Object.assign(DataPanelRoot, {\n  Header: DataPanelHeader,\n  Heading: DataPanelHeading,\n  CloseButton: DataPanelCloseButton,\n  NextPrevNav: DataPanelNextPrevNav,\n  LoadingData: DataPanelLoadingData,\n  NoData: DataPanelNoData,\n  Content: DataPanelContent,\n  CodeSection: DataCodeSection,\n  SectionHeading: DataPanelSectionHeading,\n});\n"],"names":["jsx","Button","XIcon","cn","jsxs","Spinner","ButtonsGroup","ArrowUpIcon","ArrowDownIcon","DataCodeSection","DataPanelSectionHeading"],"mappings":"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"}