@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { SidebarNavStackRoot } from './sidebar-nav-stack-root';
+import { SidebarNavStackRootView } from './sidebar-nav-stack-root-view';
+import { SidebarNavStackView } from './sidebar-nav-stack-view';
+export type { SidebarNavStackProps } from './sidebar-nav-stack-root';
+export type { SidebarNavStackRootViewProps } from './sidebar-nav-stack-root-view';
+export type { SidebarNavStackViewProps } from './sidebar-nav-stack-view';
+export declare const SidebarNavStack: typeof SidebarNavStackRoot & {
+    Root: typeof SidebarNavStackRootView;
+    View: typeof SidebarNavStackView;
+};

package/dist/src/ds/components/{MainSidebar/main-sidebar-context.d.ts → Sidebar/root/sidebar-context.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { LinkComponent } from '../../types/link-component';
+import { LinkComponent } from '../../../types/link-component';
 export type SidebarState = 'default' | 'collapsed';
-type MainSidebarContextValue = {
+type SidebarContextValue = {
     state: SidebarState;
     desktopState: SidebarState;
     width: number;
@@ -28,13 +28,13 @@ export type MobileDrawerContextValue = {
     setOpenMobile: (open: boolean) => void;
     setMobileDrawerPresent: (present: boolean) => void;
 };
-export type MainSidebarStateContextValue = Omit<MainSidebarContextValue, 'openMobile' | 'mobileTriggerRef' | 'setOpenMobile' | 'setMobileDrawerPresent'>;
-export declare const MainSidebarContext: React.Context<MainSidebarStateContextValue | null>;
+export type SidebarStateContextValue = Omit<SidebarContextValue, 'openMobile' | 'mobileTriggerRef' | 'setOpenMobile' | 'setMobileDrawerPresent'>;
+export declare const SidebarContext: React.Context<SidebarStateContextValue | null>;
 export declare const MobileDrawerContext: React.Context<MobileDrawerContextValue | null>;
 /** Reads sidebar state and actions without subscribing to mobile drawer state. */
-export declare function useMaybeSidebarState(): MainSidebarStateContextValue | null;
-export declare function useMainSidebar(): MainSidebarContextValue;
-export declare function useMaybeSidebar(): MainSidebarContextValue | null;
+export declare function useMaybeSidebarState(): SidebarStateContextValue | null;
+export declare function useSidebar(): SidebarContextValue;
+export declare function useMaybeSidebar(): SidebarContextValue | null;
 /** Reads only mobile drawer state. Cheap — no re-renders on sidebar resize. */
 export declare function useMobileDrawer(): MobileDrawerContextValue;
 export {};

package/dist/src/ds/components/Sidebar/root/sidebar-mobile-trigger.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type SidebarMobileTriggerProps = ComponentPropsWithoutRef<'button'> & {
+    icon?: React.ReactNode;
+};
+export declare function SidebarMobileTrigger({ className, icon, 'aria-label': ariaLabel, onClick, ...props }: SidebarMobileTriggerProps): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/root/sidebar-panel.d.ts

@@ -0,0 +1,6 @@
+export type SidebarPanelProps = {
+    children: React.ReactNode;
+    className?: string;
+    mobileMode?: 'drawer' | 'takeover';
+};
+export declare function SidebarPanel({ children, className, mobileMode }: SidebarPanelProps): import("react").JSX.Element;

package/dist/src/ds/components/{MainSidebar/main-sidebar-provider.d.ts → Sidebar/root/sidebar-provider.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { SidebarState } from './main-sidebar-context';
-import { LinkComponent } from '../../types/link-component';
-export type MainSidebarProviderProps = {
+import { SidebarState } from './sidebar-context';
+import { LinkComponent } from '../../../types/link-component';
+export type SidebarProviderProps = {
     children: React.ReactNode;
     /** Initial state before localStorage hydrates. Defaults to `'default'`. */
     defaultState?: SidebarState;
@@ -23,7 +23,7 @@ export type MainSidebarProviderProps = {
     mobileBreakpoint?: number;
     /** Drawer max-width on mobile in px. Actual width is `min(75vw, mobileWidth)`. Defaults to `360`. */
     mobileWidth?: number;
-    /** Default LinkComponent injected into NavLink/NavHeader. Falls back to plain `<a>` if omitted. */
+    /** Default LinkComponent injected into SidebarLink/NavHeader. Falls back to plain `<a>` if omitted. */
     LinkComponent?: LinkComponent;
 };
-export declare function MainSidebarProvider({ children, defaultState, defaultWidth, minWidth, maxWidth, collapseBelow, collapsedWidth, disableKeyboardShortcut, storageKey, mobileBreakpoint, mobileWidth, LinkComponent, }: MainSidebarProviderProps): React.JSX.Element;
+export declare function SidebarProvider({ children, defaultState, defaultWidth, minWidth, maxWidth, collapseBelow, collapsedWidth, disableKeyboardShortcut, storageKey, mobileBreakpoint, mobileWidth, LinkComponent, }: SidebarProviderProps): React.JSX.Element;

package/dist/src/ds/components/Sidebar/root/sidebar-root.d.ts

@@ -0,0 +1,6 @@
+import { SidebarPanelProps } from './sidebar-panel';
+export type SidebarRootProps = SidebarPanelProps & {
+    'aria-label'?: string;
+    variant?: 'default' | 'raised';
+};
+export declare function SidebarRoot({ 'aria-label': ariaLabel, mobileMode, variant, children, ...props }: SidebarRootProps): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/root/sidebar-trigger.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type SidebarTriggerProps = ComponentPropsWithoutRef<'button'>;
+export declare function SidebarTrigger({ className, onClick, ...props }: SidebarTriggerProps): import("react").JSX.Element | null;

package/dist/src/ds/components/Sidebar/sections/sidebar-customize-dialog.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import { SidebarSection } from './sidebar-sections';
+import { OptionalSidebarLink, SidebarLinkPlacement } from './sidebar-visibility';
+export type SidebarCustomizeDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    returnFocusRef: RefObject<HTMLElement | null>;
+    sections: SidebarSection[];
+    placementOf: (sectionKey: string, link: OptionalSidebarLink, optionalLinkCount: number) => SidebarLinkPlacement;
+    onPlacementChange: (sectionKey: string, link: OptionalSidebarLink, placement: SidebarLinkPlacement) => void;
+};
+export declare function SidebarCustomizeDialog({ open, onOpenChange, returnFocusRef, sections, placementOf, onPlacementChange, }: SidebarCustomizeDialogProps): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/sections/sidebar-more-links.d.ts

@@ -0,0 +1,11 @@
+import { SidebarLink } from '../nav/sidebar-nav-link';
+import { OptionalSidebarLink, SidebarLinkPlacement } from './sidebar-visibility';
+export type SidebarMoreLinksProps = {
+    links: OptionalSidebarLink[];
+    activeCandidates: SidebarLink[];
+    isActive?: (link: SidebarLink, activeCandidates: SidebarLink[]) => boolean;
+    placementOf: (link: OptionalSidebarLink) => SidebarLinkPlacement;
+    onPlacementChange: (link: OptionalSidebarLink, placement: SidebarLinkPlacement) => void;
+    onCustomize: (returnFocusTo: HTMLElement | null, getMoreTrigger: () => HTMLElement | null) => void;
+};
+export declare function SidebarMoreLinks({ links, activeCandidates, isActive, placementOf, onPlacementChange, onCustomize, }: SidebarMoreLinksProps): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/sections/sidebar-optional-link.d.ts

@@ -0,0 +1,11 @@
+import { SidebarLink } from '../nav/sidebar-nav-link';
+import { OptionalSidebarLink, SidebarLinkPlacement } from './sidebar-visibility';
+export type SidebarOptionalLinkProps = {
+    link: OptionalSidebarLink;
+    activeCandidates: SidebarLink[];
+    isActive?: (link: SidebarLink, activeCandidates: SidebarLink[]) => boolean;
+    placement: SidebarLinkPlacement;
+    onPlacementChange: (placement: SidebarLinkPlacement) => void;
+    onCustomize: (returnFocusTo: HTMLElement | null) => void;
+};
+export declare function SidebarOptionalLink({ link, activeCandidates, isActive, placement, onPlacementChange, onCustomize, }: SidebarOptionalLinkProps): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/sections/sidebar-section-link.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { SidebarLink } from '../nav/sidebar-nav-link';
+export type SidebarSectionLinkProps = Omit<ComponentProps<'li'>, 'children'> & {
+    link: SidebarLink;
+    activeCandidates: SidebarLink[];
+    level?: number;
+    isActive?: (link: SidebarLink, activeCandidates: SidebarLink[]) => boolean;
+};
+export declare function SidebarSectionLink({ link, activeCandidates, level, isActive, ...props }: SidebarSectionLinkProps): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/sections/sidebar-sections-content.d.ts

@@ -0,0 +1,4 @@
+import { SidebarSectionsProps } from './sidebar-sections';
+export declare function SidebarSectionsContent({ sections, isActive, className, visibilityStorageKey, }: SidebarSectionsProps & {
+    visibilityStorageKey: string;
+}): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/sections/sidebar-sections.d.ts

@@ -0,0 +1,18 @@
+import { SidebarLink } from '../nav/sidebar-nav-link';
+import { OptionalSidebarLink } from './sidebar-visibility';
+export type SidebarSection = {
+    key: string;
+    title?: string;
+    href?: string;
+    links: SidebarLink[];
+    moreLinks?: OptionalSidebarLink[];
+    separator?: boolean;
+    isHeaderActive?: boolean;
+};
+export type SidebarSectionsProps = {
+    sections: SidebarSection[];
+    isActive?: (link: SidebarLink, activeCandidates: SidebarLink[]) => boolean;
+    className?: string;
+    visibilityStorageKey?: string;
+};
+export declare function SidebarSections({ visibilityStorageKey, ...props }: SidebarSectionsProps): import("react").JSX.Element;

package/dist/src/ds/components/Sidebar/sections/sidebar-visibility.d.ts

@@ -0,0 +1,19 @@
+import { z } from 'zod/v4';
+import { SidebarLink } from '../nav/sidebar-nav-link';
+export declare const sidebarLinkPlacements: readonly ["sidebar", "more", "hidden"];
+export type SidebarLinkPlacement = (typeof sidebarLinkPlacements)[number];
+export declare const sidebarLinkPlacementLabels: Record<SidebarLinkPlacement, string>;
+export declare const placementsSchema: z.ZodRecord<z.ZodString, z.ZodEnum<{
+    hidden: "hidden";
+    sidebar: "sidebar";
+    more: "more";
+}>>;
+export type SidebarLinkPlacements = z.infer<typeof placementsSchema>;
+export declare const defaultVisibilityStorageKey = "mastra:sidebar:link-visibility";
+export type OptionalSidebarLink = SidebarLink & {
+    defaultVisible?: boolean;
+};
+export declare function getSidebarLinkKey(link: SidebarLink): string;
+export declare function getSidebarVisibilityKey(sectionKey: string, link: SidebarLink): string;
+export declare function getDefaultPlacement(link: OptionalSidebarLink, optionalLinkCount: number): SidebarLinkPlacement;
+export declare function isSidebarLinkPlacement(value: unknown): value is SidebarLinkPlacement;

package/dist/src/ds/components/{MainSidebar/main-sidebar.stories.d.ts → Sidebar/sidebar-layout.stories.d.ts}

@@ -1,12 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react-vite';
-import { MainSidebar } from './main-sidebar';
-declare const meta: Meta<typeof MainSidebar>;
+import { Sidebar } from '.';
+declare const meta: Meta<typeof Sidebar>;
 export default meta;
-type Story = StoryObj<typeof MainSidebar>;
+type Story = StoryObj<typeof Sidebar>;
 export declare const Default: Story;
 export declare const WithSections: Story;
 export declare const WithNestedItems: Story;
-export declare const WithBottom: Story;
+export declare const WithFooter: Story;
 export declare const FullSidebar: Story;
 export declare const Resizable: Story;
 export declare const Collapsed: Story;

package/dist/src/ds/components/Sidebar/sidebar.d.ts

@@ -0,0 +1,43 @@
+import { SidebarFooter } from './footer/sidebar-footer';
+import { SidebarBrand } from './header/sidebar-brand';
+import { SidebarHeader } from './header/sidebar-header';
+import { SidebarNav } from './nav/sidebar-nav';
+import { SidebarNavHeader } from './nav/sidebar-nav-header';
+import { SidebarNavLabel } from './nav/sidebar-nav-label';
+import { SidebarNavLink } from './nav/sidebar-nav-link';
+import { SidebarNavList } from './nav/sidebar-nav-list';
+import { SidebarNavSection } from './nav/sidebar-nav-section';
+import { SidebarNavSeparator } from './nav/sidebar-nav-separator';
+import { SidebarMobileTrigger } from './root/sidebar-mobile-trigger';
+import { SidebarProvider } from './root/sidebar-provider';
+import { SidebarRoot } from './root/sidebar-root';
+import { SidebarTrigger } from './root/sidebar-trigger';
+import { SidebarSections } from './sections/sidebar-sections';
+export declare const Sidebar: typeof SidebarRoot & {
+    Brand: typeof SidebarBrand;
+    CommandHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    Footer: typeof SidebarFooter;
+    FooterMeta: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        action?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Header: typeof SidebarHeader;
+    Meter: import('react').ForwardRefExoticComponent<import('.').SidebarMeterProps & import('react').RefAttributes<HTMLDivElement>>;
+    MobileTrigger: typeof SidebarMobileTrigger;
+    Nav: typeof SidebarNav;
+    NavHeader: typeof SidebarNavHeader;
+    NavLabel: typeof SidebarNavLabel;
+    NavLink: typeof SidebarNavLink;
+    NavList: typeof SidebarNavList;
+    NavSection: typeof SidebarNavSection;
+    NavSeparator: typeof SidebarNavSeparator;
+    NavStack: typeof import('./nav-stack/sidebar-nav-stack-root').SidebarNavStackRoot & {
+        Root: typeof import('./nav-stack/sidebar-nav-stack-root-view').SidebarNavStackRootView;
+        View: typeof import('./nav-stack/sidebar-nav-stack-view').SidebarNavStackView;
+    };
+    Provider: typeof SidebarProvider;
+    SearchTrigger: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        shortcut?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    Sections: typeof SidebarSections;
+    Trigger: typeof SidebarTrigger;
+};

package/dist/src/ds/{new/sidebar/sidebar-new.stories.d.ts → components/Sidebar/sidebar.stories.d.ts}

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

package/dist/src/ds/components/Tabs/tabs-list.d.ts

@@ -4,6 +4,7 @@ declare const tabListVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type TabListVariantsProps = VariantProps<typeof tabListVariants>;
 export type TabListVariant = NonNullable<TabListVariantsProps['variant']>;
+/** The shared control rung: a list of a size lines up with a Button or Input of that size. */
 export type TabListSize = 'sm' | 'md';
 export type TabListProps = Omit<TabListVariantsProps, 'variant'> & {
     children: React.ReactNode;

package/dist/src/ds/components/Tabs/tabs.stories.d.ts

@@ -17,5 +17,11 @@ export declare const TwoTabs: Story;
 export declare const ManyTabs: Story;
 export declare const PillVariant: Story;
 export declare const PillGhostVariant: Story;
+/** `size="sm"`: the compact 24px tab with 12px labels, for card toolbars. */
+/**
+ * Tabs take the shared control rung: a `pill` track and a `pill-ghost` tab are as tall as a
+ * Button of the same size, so they line up in one toolbar row. See Foundations/Control sizes.
+ */
+export declare const Sizes: Story;
 export declare const CustomIndicatorColor: Story;
 export declare const WithClosableTabs: Story;

package/dist/src/ds/components/Txt/Txt.d.ts

@@ -1,24 +1,16 @@
-import { HTMLAttributes, ReactNode, Ref } from 'react';
-import { TextRole } from '../../tokens';
-export interface TxtProps extends HTMLAttributes<HTMLDivElement | HTMLLabelElement> {
-    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';
+import { ComponentPropsWithoutRef, HTMLAttributes, Ref } from 'react';
+import { TextStyleProps } from '../../primitives/text';
+type TextElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'strong' | 'b' | 'time';
+export interface TxtProps extends HTMLAttributes<HTMLElement>, TextStyleProps {
+    as?: TextElement;
     ref?: Ref<HTMLElement>;
-    variant?: TextRole;
-    tone?: keyof typeof tones;
-    font?: keyof typeof fonts;
     htmlFor?: string;
-    className?: string;
-    title?: string;
-    children?: ReactNode;
 }
-declare const fonts: {
-    body: string;
-    mono: string;
-};
-declare const tones: {
-    ink: string;
-    muted: string;
-    faint: string;
-};
-export declare const Txt: ({ as: Root, className, variant, tone, font, ref, ...props }: TxtProps) => import("react").JSX.Element;
+type ElementTxtProps<T extends TextElement> = TextStyleProps & {
+    as?: T;
+    ref?: Ref<HTMLElement>;
+    htmlFor?: string;
+} & Omit<ComponentPropsWithoutRef<T>, keyof TextStyleProps | 'as' | 'ref'>;
+/** Typography for text elements. Controls and layout containers own their markup. */
+export declare function Txt<T extends TextElement = 'p'>({ as, className, variant, tone, font, ...props }: ElementTxtProps<T>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export {};

package/dist/src/ds/components/Txt/txt.stories.d.ts

@@ -12,3 +12,5 @@ export declare const Roles: Story;
 export declare const Tones: Story;
 export declare const Monospace: Story;
 export declare const AsLabel: Story;
+export declare const TechnicalValues: Story;
+export declare const TextLeaves: Story;

package/dist/src/ds/components/ai/plan/plan.d.ts

@@ -22,11 +22,11 @@ export type PlanBodyProps = ComponentProps<'div'>;
 export declare function PlanBody({ children, className, ...props }: PlanBodyProps): import("react").JSX.Element;
 export type PlanIntroProps = ComponentProps<'div'>;
 export declare function PlanIntro({ children, className, ...props }: PlanIntroProps): import("react").JSX.Element;
-export interface PlanTitleProps extends Omit<ComponentProps<typeof Txt>, 'as' | 'children' | 'variant'> {
+export interface PlanTitleProps extends Omit<ComponentProps<typeof Txt<'h3'>>, 'as' | 'children' | 'variant'> {
     children: ReactNode;
 }
 export declare function PlanTitle({ children, className, ...props }: PlanTitleProps): import("react").JSX.Element;
-export interface PlanPathProps extends Omit<ComponentProps<typeof Txt>, 'as' | 'children' | 'font' | 'title' | 'variant'> {
+export interface PlanPathProps extends Omit<ComponentProps<typeof Txt<'p'>>, 'as' | 'children' | 'font' | 'title' | 'variant'> {
     children: string;
 }
 export declare function PlanPath({ children, className, ...props }: PlanPathProps): import("react").JSX.Element;

package/dist/src/ds/components/ai/tool-approval/index.d.ts

@@ -1,2 +1,2 @@
-export { ToolApproval, ToolApprovalActions } from './tool-approval';
-export type { ToolApprovalProps, ToolApprovalActionsProps } from './tool-approval';
+export { ToolApproval, ToolApprovalActions, ToolApprovalStatus } from './tool-approval';
+export type { ToolApprovalProps, ToolApprovalActionsProps, ToolApprovalStatusProps } from './tool-approval';

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

@@ -1,15 +1,22 @@
 import { ReactNode } from 'react';
+type ToolApprovalDecision = 'approved' | 'declined';
+export interface ToolApprovalStatusProps {
+    status?: ToolApprovalDecision;
+}
+export declare function ToolApprovalStatus({ status }: ToolApprovalStatusProps): import("react").JSX.Element;
 export interface ToolApprovalActionsProps {
     onApprove: () => void;
     onDecline: () => void;
     disabled?: boolean;
-    status?: 'approved' | 'declined';
     toolName?: string;
     autoFocus?: boolean;
 }
-export declare function ToolApprovalActions({ onApprove, onDecline, disabled, status, toolName, autoFocus, }: ToolApprovalActionsProps): import("react").JSX.Element;
-export interface ToolApprovalProps extends ToolApprovalActionsProps {
+export declare function ToolApprovalActions({ onApprove, onDecline, disabled, toolName, autoFocus, }: ToolApprovalActionsProps): import("react").JSX.Element;
+export interface ToolApprovalProps extends ToolApprovalActionsProps, ToolApprovalStatusProps {
     toolName: string;
+    args?: unknown;
+    /** Custom details replace the default argument renderer. */
     children?: ReactNode;
 }
-export declare function ToolApproval({ toolName, children, ...actions }: ToolApprovalProps): import("react").JSX.Element;
+export declare function ToolApproval({ toolName, args, status, children, ...actions }: ToolApprovalProps): import("react").JSX.Element;
+export {};

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

@@ -5,14 +5,21 @@ declare const meta: {
     component: typeof ToolApproval;
     args: {
         toolName: string;
+        args: {
+            path: string;
+            content: string;
+        };
         onApprove: import('storybook/test').Mock<(...args: any[]) => any>;
         onDecline: import('storybook/test').Mock<(...args: any[]) => any>;
-        children: import("react").JSX.Element;
     };
     argTypes: {
         toolName: {
             description: string;
         };
+        args: {
+            description: string;
+            control: "object";
+        };
         disabled: {
             description: string;
             control: "boolean";
@@ -33,12 +40,13 @@ declare const meta: {
     };
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
         toolName: string;
+        args?: unknown;
         children?: import('react').ReactNode;
         onApprove: () => void;
         onDecline: () => void;
         disabled?: boolean | undefined;
-        status?: "approved" | "declined" | undefined;
         autoFocus?: boolean | undefined;
+        status?: ("approved" | "declined") | undefined;
     }>) => import("react").JSX.Element)[];
     parameters: {
         layout: string;
@@ -58,4 +66,10 @@ export declare const Declined: Story;
 export declare const Keyboard: Story;
 export declare const LongToolName: Story;
 export declare const WithoutDetails: Story;
-export declare const Inline: Story;
+export declare const Decision: Story;
+export declare const EmbeddedInToolDetails: Story;
+export declare const StudioGenerate: Story;
+export declare const StudioNetwork: Story;
+export declare const StudioSubmitting: Story;
+export declare const StudioApproved: Story;
+export declare const StudioNetworkDeclined: Story;

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

@@ -1,5 +1,6 @@
 import { ToolArgumentsInput } from './tool-presentation';
 export interface ToolCallArgumentsProps extends ToolArgumentsInput {
     'data-testid'?: string;
+    showFullContent?: boolean;
 }
-export declare function ToolCallArguments({ 'data-testid': testId, ...input }: ToolCallArgumentsProps): import("react").JSX.Element | null;
+export declare function ToolCallArguments({ 'data-testid': testId, showFullContent, ...input }: ToolCallArgumentsProps): import("react").JSX.Element | null;

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

@@ -1,4 +1,5 @@
 import { ToolEdit } from './tool-presentation';
-export declare function ToolCallEdit({ edit }: {
+export declare function ToolCallEdit({ edit, showFullContent }: {
     edit: ToolEdit;
+    showFullContent?: boolean;
 }): import("react").JSX.Element;

package/dist/src/ds/primitives/control-sizes.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+/**
+ * Every control that takes the shared control rung (`h-control-*`), one row per size. A row's
+ * controls share one height, so any of them can sit side by side in a toolbar or a form row.
+ * The dashed lines mark the row's top and bottom: a control that misses them is off the rung.
+ */
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const SideBySide: Story;

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

@@ -0,0 +1,19 @@
+import { TextRole } from '../tokens';
+declare const tones: {
+    ink: string;
+    muted: string;
+    faint: string;
+};
+declare const fonts: {
+    body: string;
+    display: string;
+    mono: string;
+};
+export interface TextStyleProps {
+    variant?: TextRole;
+    tone?: keyof typeof tones;
+    font?: keyof typeof fonts;
+}
+/** Shared by Txt and controls that must keep their native semantics and behavior. */
+export declare function textStyle({ variant, tone, font }: TextStyleProps): string;
+export {};

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

@@ -1,4 +1,4 @@
-export declare const TextRoles: readonly ["display", "title", "heading", "subheading", "body", "label", "card-title", "card-title-tight", "card-title-strong", "body-sm", "column", "caption", "meta"];
+export declare const TextRoles: readonly ["hero", "lead", "display", "title", "heading", "subheading", "body", "label", "card-title", "card-title-tight", "card-title-strong", "body-sm", "column", "caption", "eyebrow", "meta"];
 export type TextRole = (typeof TextRoles)[number];
 /** SVG/canvas text can't read CSS tokens; these mirror `meta` (10px) and `caption` (12px). */
 export declare const CHART_TICK_FONT_SIZE = 10;

package/dist/src/ee/signals/components/signals-empty-state.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ actionSlot, LinkComponent, progress, signalCatalog, isRangeEmpty, }: import('./signals-empty-state').SignalsEmptyStateProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Collecting: Story;
+export declare const EmptyDateRange: Story;

package/dist/src/hooks/use-fluid-hover.d.ts

@@ -115,6 +115,8 @@ export interface PickNearestInput {
     };
     /** Skips an item without unregistering it. */
     isDisabled?: (index: number) => boolean;
+    /** Resolves nothing once the pointer leaves the span from the first item to the last. */
+    onlyBetweenItems?: boolean;
 }
 /**
  * The rule, as one pure function: an item the pointer is inside wins;
@@ -124,11 +126,13 @@ export interface PickNearestInput {
  * first item. The hook calls this once per animation frame; the docs page
  * times it.
  */
-export declare function pickNearest({ axis, point, rects, containerRect, scroll, border, layoutSize, isDisabled, }: PickNearestInput): number | null;
+export declare function pickNearest({ axis, point, rects, containerRect, scroll, border, layoutSize, isDisabled, onlyBetweenItems, }: PickNearestInput): number | null;
 /** Set on the highlighted item (boolean attribute). */
 export declare const ACTIVE_ATTR = "data-fluid-hover-active";
 /** Set on the container: the highlighted index, or absent. */
 export declare const ACTIVE_INDEX_ATTR = "data-fluid-hover-active-index";
+/** Marks an element whose items form their own hover group: the highlight stays between that group's items. */
+export declare const GROUP_ATTR = "data-fluid-hover-group";
 export declare function useFluidHover<T extends HTMLElement>(containerRef: RefObject<T | null>, options?: UseFluidHoverOptions): UseFluidHoverReturn;
 /**
  * Registers an item's element with its list for as long as it is mounted.