@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/src/ds/components/ai/tool-call/tool-call-group.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-import { ToolCallStatus } from './tool-call';
+import { ActivityStatus } from '../activity';
 export interface ToolCallGroupStep {
     toolName: string;
     args: unknown;
-    status: ToolCallStatus;
+    status: ActivityStatus;
     /** A successful tool result was recorded. Supply for every step to enable outcome counts; omit to keep legacy summaries. */
     hasResult?: boolean;
 }

package/dist/src/ds/components/ai/tool-call/tool-call-mono.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+export interface ToolCallMonoProps extends ComponentProps<'pre'> {
+    copyText: string;
+}
+/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */
+export declare const ToolCallMono: ({ copyText, className, children, ...props }: ToolCallMonoProps) => import("react").JSX.Element;
+/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */
+export declare const ToolCallCommand: ({ command }: {
+    command: string;
+}) => import("react").JSX.Element;

package/dist/src/ds/components/ai/tool-call/tool-call-presentation.stories.d.ts

@@ -1,6 +1,6 @@
 import { StoryObj } from '@storybook/react-vite';
 import { ToolCallGroupStep } from './tool-call-group';
-interface ToolPreviewProps extends ToolCallGroupStep {
+interface ToolBlocksExampleProps extends ToolCallGroupStep {
     argsText?: string;
     hideArguments?: boolean;
     commandOnly?: boolean;
@@ -8,10 +8,10 @@ interface ToolPreviewProps extends ToolCallGroupStep {
     maxOutputLength?: number;
     defaultOpen?: boolean;
 }
-declare function ToolPreview({ toolName, args, argsText, hideArguments, commandOnly, status, output, maxOutputLength, defaultOpen, }: ToolPreviewProps): import("react").JSX.Element;
+declare function ToolBlocksExample({ toolName, args, argsText, hideArguments, commandOnly, status, output, maxOutputLength, defaultOpen, }: ToolBlocksExampleProps): import("react").JSX.Element;
 declare const meta: {
     title: string;
-    component: typeof ToolPreview;
+    component: typeof ToolBlocksExample;
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
         argsText?: string | undefined;
         hideArguments?: boolean | undefined;
@@ -21,7 +21,7 @@ declare const meta: {
         defaultOpen?: boolean | undefined;
         toolName: string;
         args: unknown;
-        status: import('./tool-call').ToolCallStatus;
+        status: import('../activity').ActivityStatus;
         hasResult?: boolean | undefined;
     }>) => import("react").JSX.Element)[];
     args: {

package/dist/src/ds/components/ai/tool-call/tool-presentation.d.ts

@@ -6,7 +6,7 @@ export interface ToolPresentation {
     /** Salient argument shown next to the label: command, path, pattern… */
     detail?: string;
     /**
-     * What a command does, in the agent's words. `ToolCallPresentedHeader` shows it alone in place of
+     * What a command does, in the agent's words. `ActivityHeadline` shows it alone in place of
      * label and detail; both stay set for consumers that render them directly.
      */
     description?: string;
@@ -25,4 +25,12 @@ export type ToolEdit = {
     content: string;
 });
 export declare function toolEdit(toolName: string, args: unknown): ToolEdit | undefined;
+export interface ToolArgumentsInput {
+    toolName: string;
+    args?: unknown;
+    argsText?: string;
+    hideArguments?: boolean;
+}
+export declare function visibleToolArgumentsText({ args, argsText, hideArguments }: ToolArgumentsInput): string | undefined;
+export declare function hasToolArguments(input: ToolArgumentsInput): boolean;
 export declare function isTaskTool(toolName: string): boolean;

package/dist/src/ds/components/ai/transcript-divider/index.d.ts

@@ -0,0 +1,2 @@
+export { TranscriptDivider } from './transcript-divider';
+export type { TranscriptDividerProps } from './transcript-divider';

package/dist/src/ds/components/ai/transcript-divider/stories/transcript-divider.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+import { TranscriptDivider } from '../transcript-divider';
+declare const meta: {
+    title: string;
+    component: typeof TranscriptDivider;
+    args: {
+        label: string;
+        title: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
+        label: string;
+        title?: string | undefined;
+    }>) => import("react").JSX.Element)[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TimeGap: Story;
+export declare const WithoutTimestamp: Story;

package/dist/src/ds/components/ai/transcript-divider/transcript-divider.d.ts

@@ -0,0 +1,5 @@
+export interface TranscriptDividerProps {
+    label: string;
+    title?: string;
+}
+export declare function TranscriptDivider({ label, title }: TranscriptDividerProps): import("react").JSX.Element | null;

package/dist/src/ds/new/layout/page-header/page-header-eyebrow.d.ts

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

package/dist/src/ds/new/layout/page-header/page-header-root.d.ts

@@ -1,8 +1,3 @@
 import { ComponentPropsWithoutRef } from 'react';
-export interface PageHeaderRootProps extends Omit<ComponentPropsWithoutRef<'header'>, 'title'> {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    isLoading?: boolean;
-}
-export declare function PageHeaderRoot({ children, className, title, description, icon, isLoading, ...props }: PageHeaderRootProps): import("react").JSX.Element;
+export type PageHeaderRootProps = ComponentPropsWithoutRef<'header'>;
+export declare function PageHeaderRoot({ children, className, ...props }: PageHeaderRootProps): import("react").JSX.Element;

package/dist/src/ds/new/layout/page-header/page-header.d.ts

@@ -1,16 +1,19 @@
 import { PageHeaderAction } from './page-header-action';
 import { PageHeaderDescription } from './page-header-description';
+import { PageHeaderEyebrow } from './page-header-eyebrow';
 import { PageHeaderIcon } from './page-header-icon';
 import { PageHeaderMeta } from './page-header-meta';
 import { PageHeaderRoot } from './page-header-root';
 import { PageHeaderTitle } from './page-header-title';
 export type { PageHeaderActionProps } from './page-header-action';
 export type { PageHeaderDescriptionProps } from './page-header-description';
+export type { PageHeaderEyebrowProps } from './page-header-eyebrow';
 export type { PageHeaderIconProps } from './page-header-icon';
 export type { PageHeaderMetaProps } from './page-header-meta';
 export type { PageHeaderRootProps } from './page-header-root';
 export type { PageHeaderTitleProps } from './page-header-title';
 export declare const PageHeader: typeof PageHeaderRoot & {
+    Eyebrow: typeof PageHeaderEyebrow;
     Icon: typeof PageHeaderIcon;
     Title: typeof PageHeaderTitle;
     Meta: typeof PageHeaderMeta;

package/dist/src/ds/new/layout/page-header/page-header.stories.d.ts

@@ -63,6 +63,9 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const AllSlots: Story;
 export declare const MetaBeside: Story;
+export declare const MetaBesideLargeIcon: Story;
+export declare const EyebrowBackLink: Story;
+export declare const EverySlotWrapping: Story;
 export declare const MetaBoth: Story;
 export declare const MetaText: Story;
 export declare const IconOnly: Story;
@@ -70,8 +73,7 @@ export declare const TitleOnly: Story;
 export declare const MetaOnly: Story;
 export declare const DescriptionOnly: Story;
 export declare const ActionOnly: Story;
+export declare const LargeAction: Story;
 export declare const TallAction: Story;
 export declare const Loading: Story;
-export declare const LegacyProps: Story;
-export declare const LegacyLoading: Story;
 export declare const Empty: Story;

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

@@ -1,3 +1,6 @@
-import { ComponentPropsWithoutRef } from 'react';
-export type SidebarNewHeaderProps = ComponentPropsWithoutRef<'header'>;
-export declare function SidebarNewHeader({ className, children, ...props }: SidebarNewHeaderProps): import("react").JSX.Element;
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type SidebarNewHeaderProps = ComponentPropsWithoutRef<'header'> & {
+    /** Logo for the collapsed rail. Replaces the children when collapsed and swaps to the toggle on hover. */
+    collapsedLogo?: ReactNode;
+};
+export declare function SidebarNewHeader({ className, children, collapsedLogo, ...props }: SidebarNewHeaderProps): import("react").JSX.Element;

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

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

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

@@ -6,3 +6,4 @@ type Story = StoryObj<typeof SidebarNew>;
 export declare const Default: Story;
 export declare const CommandHeader: Story;
 export declare const SelfHostedCommandHeader: Story;
+export declare const Raised: Story;

package/dist/src/ds/primitives/form-element.d.ts

@@ -2,8 +2,9 @@ export declare const sharedFormElementDisabledStyle = "disabled:cursor-not-allow
 export declare const inputFocusBorderVisible = "focus-visible:border-border-focus";
 export declare const inputFocusBorderWithin = "focus-within:border-border-focus";
 export declare const controlFocusBorderVisible = "outline-hidden focus-visible:outline-hidden focus-visible:border-border-focus";
-export declare const fieldErrorRim = "[--field-rim:var(--destructive)] [--field-rim-focus:var(--destructive)]";
-export declare const fieldErrorRimWithin = "has-[[aria-invalid=true]]:[--field-rim:var(--destructive)] has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive)]";
+export declare const surfaceRimFocus = "focus-visible:outline-hidden focus-visible:[--surface-rim:var(--border-focus)]";
+export declare const fieldErrorRim = "[--field-rim:var(--destructive-indicator)] [--field-rim-focus:var(--destructive-indicator)]";
+export declare const fieldErrorRimWithin = "has-[[aria-invalid=true]]:[--field-rim:var(--destructive-indicator)] has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive-indicator)]";
 export declare const fieldTriggerStyle: string;
 export declare const inputSurfaceAndFocusStyle: string;
 export declare const inputSurfaceAndFocusWithinStyle: string;

package/dist/src/ds/primitives/transitions.d.ts

@@ -13,11 +13,8 @@ export declare const hoverEffects: {
     readonly brightness: "hover:brightness-110";
     readonly lift: "hover:bg-foreground/10";
 };
-export declare const focusRing: {
-    readonly default: "focus:outline-hidden focus:ring-1 focus:ring-accent1 focus:shadow-focus-ring";
-    readonly simple: "focus:outline-hidden focus:ring-1 focus:ring-accent1";
-    readonly visible: "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:shadow-focus-ring";
-};
+export declare const focusRing = "focus-visible:outline-1 focus-visible:outline-solid focus-visible:outline-border-focus focus-visible:outline-offset-0";
+export declare const focusRingInset = "focus-visible:outline-1 focus-visible:outline-solid focus-visible:outline-border-focus focus-visible:-outline-offset-1";
+export declare const focusRingOffset = "focus-visible:outline-1 focus-visible:outline-solid focus-visible:outline-border-focus focus-visible:outline-offset-2";
 export type TransitionPreset = keyof typeof transitions;
 export type HoverEffect = keyof typeof hoverEffects;
-export type FocusRingStyle = keyof typeof focusRing;

package/dist/src/ds/tokens/color-foundations.stories.d.ts

@@ -1,5 +1,21 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta;
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
 export default meta;
-type Story = StoryObj;
-export declare const ColorFoundations: Story;
+type Story = StoryObj<typeof meta>;
+export declare const Monochrome: Story;
+export declare const Chromatic: Story;
+export declare const Semantic: Story;
+export declare const Products: Story;
+export declare const Charts: Story;
+export declare const SpanTypes: Story;
+export declare const Brand: Story;

package/dist/src/ds/tokens/colors.d.ts

@@ -1,19 +1,238 @@
 export declare const Colors: {
-    accent1: string;
-    accent2: string;
-    accent3: string;
-    accent5: string;
-    accent6: string;
-    accent1Dark: string;
-    accent2Dark: string;
-    accent3Dark: string;
-    accent5Dark: string;
-    accent6Dark: string;
-    accent1Darker: string;
-    accent2Darker: string;
-    accent3Darker: string;
-    accent5Darker: string;
-    accent6Darker: string;
+    'chart-blue': string;
+    'chart-blue-deep': string;
+    'chart-yellow': string;
+    'chart-green': string;
+    'chart-purple': string;
+    'chart-orange': string;
+    'chart-pink': string;
+    'chart-red': string;
+    'chart-sequential-1': string;
+    'chart-sequential-2': string;
+    'chart-sequential-3': string;
+    'chart-sequential-4': string;
+    'chart-sequential-5': string;
+    'chart-sequential-pale': string;
+    'span-agent': string;
+    'span-workflow': string;
+    'span-model': string;
+    'span-mcp': string;
+    'span-tool': string;
+    'span-provider': string;
+    'span-memory': string;
+    'span-workspace': string;
+    'span-skill': string;
+    'span-scorer': string;
+    'span-other': string;
+    'red-50': string;
+    'red-100': string;
+    'red-200': string;
+    'red-300': string;
+    'red-400': string;
+    'red-500': string;
+    'red-600': string;
+    'red-700': string;
+    'red-800': string;
+    'red-900': string;
+    'red-950': string;
+    'red-soft-50': string;
+    'red-soft-100': string;
+    'red-soft-200': string;
+    'red-soft-300': string;
+    'red-soft-400': string;
+    'red-soft-500': string;
+    'red-soft-600': string;
+    'red-soft-700': string;
+    'red-soft-800': string;
+    'red-soft-900': string;
+    'red-soft-950': string;
+    'orange-50': string;
+    'orange-100': string;
+    'orange-200': string;
+    'orange-300': string;
+    'orange-400': string;
+    'orange-500': string;
+    'orange-600': string;
+    'orange-700': string;
+    'orange-800': string;
+    'orange-900': string;
+    'orange-950': string;
+    'orange-soft-50': string;
+    'orange-soft-100': string;
+    'orange-soft-200': string;
+    'orange-soft-300': string;
+    'orange-soft-400': string;
+    'orange-soft-500': string;
+    'orange-soft-600': string;
+    'orange-soft-700': string;
+    'orange-soft-800': string;
+    'orange-soft-900': string;
+    'orange-soft-950': string;
+    'yellow-50': string;
+    'yellow-100': string;
+    'yellow-200': string;
+    'yellow-300': string;
+    'yellow-400': string;
+    'yellow-500': string;
+    'yellow-600': string;
+    'yellow-700': string;
+    'yellow-800': string;
+    'yellow-900': string;
+    'yellow-950': string;
+    'yellow-soft-50': string;
+    'yellow-soft-100': string;
+    'yellow-soft-200': string;
+    'yellow-soft-300': string;
+    'yellow-soft-400': string;
+    'yellow-soft-500': string;
+    'yellow-soft-600': string;
+    'yellow-soft-700': string;
+    'yellow-soft-800': string;
+    'yellow-soft-900': string;
+    'yellow-soft-950': string;
+    'cyan-50': string;
+    'cyan-100': string;
+    'cyan-200': string;
+    'cyan-300': string;
+    'cyan-400': string;
+    'cyan-500': string;
+    'cyan-600': string;
+    'cyan-700': string;
+    'cyan-800': string;
+    'cyan-900': string;
+    'cyan-950': string;
+    'cyan-soft-50': string;
+    'cyan-soft-100': string;
+    'cyan-soft-200': string;
+    'cyan-soft-300': string;
+    'cyan-soft-400': string;
+    'cyan-soft-500': string;
+    'cyan-soft-600': string;
+    'cyan-soft-700': string;
+    'cyan-soft-800': string;
+    'cyan-soft-900': string;
+    'cyan-soft-950': string;
+    'blue-50': string;
+    'blue-100': string;
+    'blue-200': string;
+    'blue-300': string;
+    'blue-400': string;
+    'blue-500': string;
+    'blue-600': string;
+    'blue-700': string;
+    'blue-800': string;
+    'blue-900': string;
+    'blue-950': string;
+    'blue-soft-50': string;
+    'blue-soft-100': string;
+    'blue-soft-200': string;
+    'blue-soft-300': string;
+    'blue-soft-400': string;
+    'blue-soft-500': string;
+    'blue-soft-600': string;
+    'blue-soft-700': string;
+    'blue-soft-800': string;
+    'blue-soft-900': string;
+    'blue-soft-950': string;
+    'purple-50': string;
+    'purple-100': string;
+    'purple-200': string;
+    'purple-300': string;
+    'purple-400': string;
+    'purple-500': string;
+    'purple-600': string;
+    'purple-700': string;
+    'purple-800': string;
+    'purple-900': string;
+    'purple-950': string;
+    'purple-soft-50': string;
+    'purple-soft-100': string;
+    'purple-soft-200': string;
+    'purple-soft-300': string;
+    'purple-soft-400': string;
+    'purple-soft-500': string;
+    'purple-soft-600': string;
+    'purple-soft-700': string;
+    'purple-soft-800': string;
+    'purple-soft-900': string;
+    'purple-soft-950': string;
+    'pink-50': string;
+    'pink-100': string;
+    'pink-200': string;
+    'pink-300': string;
+    'pink-400': string;
+    'pink-500': string;
+    'pink-600': string;
+    'pink-700': string;
+    'pink-800': string;
+    'pink-900': string;
+    'pink-950': string;
+    'pink-soft-50': string;
+    'pink-soft-100': string;
+    'pink-soft-200': string;
+    'pink-soft-300': string;
+    'pink-soft-400': string;
+    'pink-soft-500': string;
+    'pink-soft-600': string;
+    'pink-soft-700': string;
+    'pink-soft-800': string;
+    'pink-soft-900': string;
+    'pink-soft-950': string;
+    'badge-green-indicator': string;
+    'badge-green-foreground': string;
+    'badge-red-indicator': string;
+    'badge-red-foreground': string;
+    'badge-blue-indicator': string;
+    'badge-blue-foreground': string;
+    'badge-yellow-indicator': string;
+    'badge-yellow-foreground': string;
+    'brand-green': string;
+    'brand-green-indicator': string;
+    'brand-orange': string;
+    'brand-pink': string;
+    'brand-purple': string;
+    'brand-blue': string;
+    'brand-red': string;
+    'brand-yellow': string;
+    'destructive-subtle': string;
+    'destructive-subtle-active': string;
+    'destructive-edge': string;
+    'destructive-indicator': string;
+    'destructive-bright': string;
+    'destructive-subtle-foreground': string;
+    'warning-subtle': string;
+    'warning-edge': string;
+    'warning-indicator': string;
+    'warning-bright': string;
+    'warning-subtle-foreground': string;
+    'success-subtle': string;
+    'success-edge': string;
+    'success-indicator': string;
+    'success-bright': string;
+    'success-subtle-foreground': string;
+    'info-subtle': string;
+    'info-edge': string;
+    'info-indicator': string;
+    'info-bright': string;
+    'info-subtle-foreground': string;
+    'product-studio': string;
+    'product-studio-foreground': string;
+    'product-studio-subtle': string;
+    'product-server': string;
+    'product-server-foreground': string;
+    'product-server-subtle': string;
+    'product-observability': string;
+    'product-observability-foreground': string;
+    'product-observability-subtle': string;
+    'product-factory': string;
+    'product-factory-foreground': string;
+    'product-factory-subtle': string;
+    'product-workers': string;
+    'product-workers-foreground': string;
+    'product-workers-subtle': string;
+    'product-persistent-server': string;
+    'product-persistent-server-foreground': string;
+    'product-persistent-server-subtle': string;
     background: string;
     sidebar: string;
     card: string;
@@ -37,45 +256,45 @@ export declare const Colors: {
     'fill-destructive-hover': string;
     'fill-destructive-active': string;
     'fill-destructive-disabled': string;
+    'fill-destructive-foreground': string;
     muted: string;
     foreground: string;
     'muted-foreground': string;
     placeholder: string;
-    ring: string;
-    destructive: string;
-    'destructive-foreground': string;
-    error: string;
     scrim: string;
-    warning1: string;
-    positive1: string;
-    negative1: string;
-    'notice-success': string;
-    'notice-success-fg': string;
-    'notice-destructive': string;
-    'notice-destructive-fg': string;
-    'notice-warning': string;
-    'notice-warning-fg': string;
-    'notice-info': string;
-    'notice-info-fg': string;
-    'notice-note': string;
-    'notice-note-fg': string;
-    'badge-neutral-fg': string;
-    'badge-green': string;
-    'badge-green-fg': string;
-    'badge-red': string;
-    'badge-red-fg': string;
-    'badge-blue': string;
-    'badge-blue-fg': string;
-    'badge-yellow': string;
-    'badge-yellow-fg': string;
-    'badge-purple': string;
-    'badge-purple-fg': string;
-    'badge-orange': string;
-    'badge-orange-fg': string;
-    'badge-cyan': string;
-    'badge-cyan-fg': string;
-    'badge-pink': string;
-    'badge-pink-fg': string;
+    'badge-green-strong': string;
+    'badge-green-subtle': string;
+    'badge-green-edge': string;
+    'badge-red-strong': string;
+    'badge-red-subtle': string;
+    'badge-red-edge': string;
+    'badge-blue-strong': string;
+    'badge-blue-subtle': string;
+    'badge-blue-edge': string;
+    'badge-yellow-strong': string;
+    'badge-yellow-subtle': string;
+    'badge-yellow-edge': string;
+    'badge-purple-strong': string;
+    'badge-purple-subtle': string;
+    'badge-purple-edge': string;
+    'badge-orange-strong': string;
+    'badge-orange-subtle': string;
+    'badge-orange-edge': string;
+    'badge-cyan-strong': string;
+    'badge-cyan-subtle': string;
+    'badge-cyan-edge': string;
+    'badge-pink-strong': string;
+    'badge-pink-subtle': string;
+    'badge-pink-edge': string;
+    'badge-neutral-foreground': string;
+    'badge-purple-indicator': string;
+    'badge-purple-foreground': string;
+    'badge-orange-indicator': string;
+    'badge-orange-foreground': string;
+    'badge-cyan-indicator': string;
+    'badge-cyan-foreground': string;
+    'badge-pink-indicator': string;
+    'badge-pink-foreground': string;
     'green-50': string;
     'green-100': string;
     'green-200': string;
@@ -87,6 +306,17 @@ export declare const Colors: {
     'green-800': string;
     'green-900': string;
     'green-950': string;
+    'green-soft-50': string;
+    'green-soft-100': string;
+    'green-soft-200': string;
+    'green-soft-300': string;
+    'green-soft-400': string;
+    'green-soft-500': string;
+    'green-soft-600': string;
+    'green-soft-700': string;
+    'green-soft-800': string;
+    'green-soft-900': string;
+    'green-soft-950': string;
 };
 export declare const BorderColors: {
     border: string;

package/dist/src/ds/tokens/foundations-layout.d.ts

@@ -12,7 +12,6 @@ export declare const FoundationPage: ({ eyebrow, title, description, aside, note
 interface FoundationSectionProps {
     label: string;
     description: string;
-    /** `sidebar` bleeds the section to the page edges and repaints it, so a rung can be read on a second surface. */
     surface?: 'canvas' | 'sidebar';
     children: ReactNode;
 }

package/dist/src/ds/tokens/shadows.d.ts

@@ -2,5 +2,4 @@ export declare const Shadows: {
     raised: string;
     overlay: string;
     input: string;
-    'focus-ring': string;
 };

package/dist/src/ee/signals/lifeline-row.d.ts

@@ -1,11 +1,10 @@
 import { ThemeSelection } from './theme-drilldown-data';
 import { ThemeLifeline } from './theme-lifelines-data';
 import { ThemeSnapshot, TraceSignalName } from './types';
-export declare function LifelineRow({ row, signalName, snapshots, positions, hue, onThemeSelect, }: {
+export declare function LifelineRow({ row, signalName, snapshots, positions, onThemeSelect, }: {
     row: ThemeLifeline;
     signalName: TraceSignalName;
     snapshots: ThemeSnapshot[];
     positions: number[];
-    hue: number;
     onThemeSelect: (selection: ThemeSelection, snapshotIndex: number) => void;
 }): import("react").JSX.Element;

package/dist/src/ee/signals/signal-colors.d.ts

@@ -1,7 +1,3 @@
-export declare const SIGNAL_HUES: {
-    readonly goal: 145;
-    readonly outcome: 35;
-    readonly behavior: 225;
-    readonly sentiment: 300;
-};
-export declare function getSignalHue(signalName: string): number;
+export declare function getSignalColor(signalName: string): string;
+export declare function getSignalAreaClass(signalName: string): string;
+export declare function getSignalConnectorClass(signalName: string): string;