@mastra/playground-ui 6.4.1 → 6.5.0-alpha.1

package/dist/src/components/assistant-ui/messages/assistant-message.d.ts

@@ -1,6 +1,4 @@
-import { ToolCallMessagePartComponent } from '@assistant-ui/react';
 export interface AssistantMessageProps {
-    ToolFallback?: ToolCallMessagePartComponent;
     hasModelList?: boolean;
 }
-export declare const AssistantMessage: ({ ToolFallback: ToolFallbackCustom, hasModelList }: AssistantMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssistantMessage: ({ hasModelList }: AssistantMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/thread.d.ts

@@ -1,12 +1,10 @@
-import { ToolCallMessagePartComponent } from '@assistant-ui/react';
 export interface ThreadProps {
-    ToolFallback?: ToolCallMessagePartComponent;
     agentName?: string;
     agentId?: string;
     hasMemory?: boolean;
     hasModelList?: boolean;
 }
-export declare const Thread: ({ ToolFallback, agentName, agentId, hasMemory, hasModelList }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Thread: ({ agentName, agentId, hasMemory, hasModelList }: ThreadProps) => import("react/jsx-runtime").JSX.Element;
 export interface ThreadWelcomeProps {
     agentName?: string;
 }

package/dist/src/components/assistant-ui/tools/badges/agent-badge.d.ts

@@ -1,3 +1,4 @@
+import { MastraUIMessage } from '@mastra/react';
 type TextMessage = {
     type: 'text';
     content: string;
@@ -5,20 +6,16 @@ type TextMessage = {
 type ToolMessage = {
     type: 'tool';
     toolName: string;
-    toolInput?: any;
     toolOutput?: any;
     args?: any;
     toolCallId: string;
     result?: any;
 };
-export type BadgeMessage = TextMessage | ToolMessage;
+export type AgentMessage = TextMessage | ToolMessage;
 export interface AgentBadgeProps {
     agentId: string;
-    messages: BadgeMessage[];
-    networkMetadata?: {
-        selectionReason?: string;
-        input?: string | Record<string, unknown>;
-    };
+    messages: AgentMessage[];
+    metadata?: MastraUIMessage['metadata'];
 }
-export declare const AgentBadge: ({ agentId, messages, networkMetadata }: AgentBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentBadge: ({ agentId, messages, metadata }: AgentBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/assistant-ui/tools/badges/badge-wrapper.d.ts

@@ -5,5 +5,6 @@ export interface BadgeWrapperProps {
     icon?: React.ReactNode;
     collapsible?: boolean;
     extraInfo?: React.ReactNode;
+    'data-testid'?: string;
 }
-export declare const BadgeWrapper: ({ children, initialCollapsed, icon, title, collapsible, extraInfo, }: BadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeWrapper: ({ children, initialCollapsed, icon, title, collapsible, extraInfo, "data-testid": dataTestId, }: BadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/tool-badge.d.ts

@@ -1,13 +1,11 @@
+import { MastraUIMessage } from '@mastra/react';
 export interface ToolBadgeProps {
     toolName: string;
     args: Record<string, unknown> | string;
     result: any;
-    networkMetadata?: {
-        input?: string | Record<string, unknown>;
-        selectionReason?: string;
-    };
+    metadata?: MastraUIMessage['metadata'];
     toolOutput: Array<{
         toolId: string;
     }>;
 }
-export declare const ToolBadge: ({ toolName, args, result, networkMetadata, toolOutput }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolBadge: ({ toolName, args, result, metadata, toolOutput }: ToolBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/assistant-ui/tools/badges/workflow-badge.d.ts

@@ -1,14 +1,12 @@
 import { GetWorkflowResponse } from '@mastra/client-js';
 import { WorkflowRunStreamResult } from '../../../../domains/workflows/context/workflow-run-context';
+import { MastraUIMessage } from '@mastra/react';
 export interface WorkflowBadgeProps {
     workflow: GetWorkflowResponse;
     workflowId: string;
     runId?: string;
     isStreaming?: boolean;
-    networkMetadata?: {
-        input?: string | Record<string, unknown>;
-        selectionReason?: string;
-    };
+    metadata?: MastraUIMessage['metadata'];
 }
-export declare const WorkflowBadge: ({ workflow, runId, workflowId, isStreaming, networkMetadata }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkflowBadge: ({ workflow, runId, workflowId, isStreaming, metadata }: WorkflowBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useWorkflowStream: (workflowFullState?: WorkflowRunStreamResult) => void;

package/dist/src/components/assistant-ui/tools/tool-fallback.d.ts

@@ -1,2 +1,6 @@
-import { ToolCallMessagePartComponent } from '@assistant-ui/react';
-export declare const ToolFallback: ToolCallMessagePartComponent;
+import { ToolCallMessagePartProps } from '@assistant-ui/react';
+import { MastraUIMessage } from '@mastra/react';
+export interface ToolFallbackProps extends ToolCallMessagePartProps<any, any> {
+    metadata?: MastraUIMessage['metadata'];
+}
+export declare const ToolFallback: ({ toolName, result, args, ...props }: ToolFallbackProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/containers/buttons-group.d.ts

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

package/dist/src/components/ui/containers/index.d.ts

@@ -1 +1,3 @@
 export * from './MainContent';
+export * from './buttons-group';
+export * from './sections';

package/dist/src/components/ui/containers/sections.d.ts

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

package/dist/src/components/ui/elements/entry-list/entry-list-entries-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { Column } from './types';
+export type EntryListEntriesSkeletonProps = {
+    columns?: Column[];
+    numberOfRows?: number;
+};
+export declare function EntryListEntriesSkeleton({ columns, numberOfRows }: EntryListEntriesSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/entry-list/entry-list-entries.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+type EntryListEntriesProps = {
+    children?: React.ReactNode;
+};
+export declare function EntryListEntries({ children }: EntryListEntriesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/entry-list/entry-list-entry-col.d.ts

@@ -0,0 +1,7 @@
+export declare function EntryListEntryTextCol({ children, isLoading }: {
+    children: React.ReactNode;
+    isLoading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EntryListEntryStatusCol({ status }: {
+    status?: 'success' | 'failed';
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/entry-list/entry-list-entry.d.ts

@@ -0,0 +1,11 @@
+import { Column } from './types';
+type EntryListEntryProps = {
+    entry?: any;
+    isSelected?: boolean;
+    children?: React.ReactNode;
+    onClick?: (itemId: string) => void;
+    columns?: Column[];
+    isLoading?: boolean;
+};
+export declare function EntryListEntry({ entry, isSelected, onClick, children, columns }: EntryListEntryProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/entry-list/entry-list-header.d.ts

@@ -0,0 +1,6 @@
+import { Column } from './types';
+type EntryListHeaderProps = {
+    columns?: Column[];
+};
+export declare function EntryListHeader({ columns }: EntryListHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/entry-list/entry-list-message.d.ts

@@ -0,0 +1,8 @@
+type EntryListMessageProps = {
+    children?: React.ReactNode;
+    message?: string;
+    className?: string;
+    type?: 'info' | 'error';
+};
+export declare function EntryListMessage({ children, message, className, type }: EntryListMessageProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/components/ui/elements/entry-list/entry-list-next-page-loading.d.ts

@@ -0,0 +1,9 @@
+type EntryListNextPageLoadingProps = {
+    isLoading?: boolean;
+    hasMore?: boolean;
+    setEndOfListElement?: (element: HTMLDivElement | null) => void;
+    loadingText?: string;
+    noMoreDataText?: string;
+};
+export declare function EntryListNextPageLoading({ isLoading, hasMore, setEndOfListElement, loadingText, noMoreDataText, }: EntryListNextPageLoadingProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/components/ui/elements/entry-list/entry-list-pagination.d.ts

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

package/dist/src/components/ui/elements/entry-list/entry-list-root.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+type EntryListRootProps = {
+    children: React.ReactNode;
+};
+export declare function EntryListRoot({ children }: EntryListRootProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/entry-list/entry-list-skeleton.d.ts

@@ -0,0 +1,2 @@
+import { EntryListEntriesSkeletonProps } from './entry-list-entries-skeleton';
+export declare function EntryListSkeleton({ columns, numberOfRows }: EntryListEntriesSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/entry-list/entry-list-trim.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+type EntryListTrimProps = {
+    children: React.ReactNode;
+};
+export declare function EntryListTrim({ children }: EntryListTrimProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/entry-list/entry-list.d.ts

@@ -1,18 +1,20 @@
-import { Column } from './shared';
-export declare function EntryList({ items: dataItems, selectedItemId, onItemClick, isLoading, isLoadingNextPage, total, page, hasMore, onNextPage, onPrevPage, perPage, columns, searchTerm, setEndOfListElement, errorMsg, }: {
-    items: Record<string, any>[];
-    selectedItemId?: string;
-    onItemClick?: (item: string) => void;
-    isLoading?: boolean;
-    isLoadingNextPage?: boolean;
-    total?: number;
-    page?: number;
-    hasMore?: boolean;
-    onNextPage?: () => void;
-    onPrevPage?: () => void;
-    perPage?: number;
-    columns?: Column[];
-    searchTerm?: string;
-    setEndOfListElement?: (element: HTMLDivElement | null) => void;
-    errorMsg?: string;
-}): import("react/jsx-runtime").JSX.Element;
+import { EntryListRoot } from './entry-list-root';
+import { EntryListHeader } from './entry-list-header';
+import { EntryListEntries } from './entry-list-entries';
+import { EntryListTrim } from './entry-list-trim';
+import { EntryListEntry } from './entry-list-entry';
+import { EntryListMessage } from './entry-list-message';
+import { EntryListNextPageLoading } from './entry-list-next-page-loading';
+import { EntryListPagination } from './entry-list-pagination';
+import { EntryListEntryStatusCol, EntryListEntryTextCol } from './entry-list-entry-col';
+export declare const EntryList: typeof EntryListRoot & {
+    Header: typeof EntryListHeader;
+    Trim: typeof EntryListTrim;
+    Entries: typeof EntryListEntries;
+    Entry: typeof EntryListEntry;
+    Message: typeof EntryListMessage;
+    NextPageLoading: typeof EntryListNextPageLoading;
+    Pagination: typeof EntryListPagination;
+    EntryText: typeof EntryListEntryTextCol;
+    EntryStatus: typeof EntryListEntryStatusCol;
+};

package/dist/src/components/ui/elements/entry-list/helpers.d.ts

@@ -0,0 +1,10 @@
+type getToEntryFnParams = {
+    entries: {
+        id: string;
+    }[];
+    id: string | undefined;
+    update: (id: string) => void;
+};
+export declare function getToNextEntryFn({ entries, id, update }: getToEntryFnParams): (() => void) | undefined;
+export declare function getToPreviousEntryFn({ entries, id, update }: getToEntryFnParams): (() => void) | undefined;
+export {};

package/dist/src/components/ui/elements/entry-list/index.d.ts

@@ -1,6 +1,5 @@
 export * from './entry-list';
-export * from './entry-list-item';
-export * from './entry-list-cell';
-export * from './entry-list-toolbar';
-export * from './entry-list-page-header';
+export * from './entry-list-skeleton';
 export * from './shared';
+export * from './types';
+export * from './helpers';

package/dist/src/components/ui/elements/entry-list/shared.d.ts

@@ -1,6 +1,2 @@
-export type Column = {
-    name: string;
-    label: string;
-    size: string;
-};
+import { Column } from './types';
 export declare function getColumnTemplate(columns?: Column[]): string;

package/dist/src/components/ui/elements/entry-list/types.d.ts

@@ -0,0 +1,5 @@
+export type Column = {
+    name: string;
+    label: string;
+    size: string;
+};

package/dist/src/components/ui/elements/headers/page-header.d.ts

@@ -1,6 +1,6 @@
 type PageHeaderProps = {
-    title?: string;
-    description?: string;
+    title?: string | 'loading';
+    description?: string | 'loading';
     icon?: React.ReactNode;
     className?: string;
 };

package/dist/src/components/ui/elements/index.d.ts

@@ -5,3 +5,6 @@ export * from './side-dialog';
 export * from './headers';
 export * from './date-time-picker';
 export * from './text';
+export * from './notification';
+export * from './section';
+export * from './main-sidebar';

package/dist/src/components/ui/elements/main-sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './main-sidebar';

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-bottom.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-context.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+export type SidebarState = 'default' | 'collapsed';
+type MainSidebarContext = {
+    state: SidebarState;
+    toggleSidebar: () => void;
+};
+declare const MainSidebarContext: React.Context<MainSidebarContext | null>;
+export declare function useMainSidebar(): MainSidebarContext;
+export declare function MainSidebarProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-header.d.ts

@@ -0,0 +1,8 @@
+import { SidebarState } from './main-sidebar-context';
+type MainSidebarNavHeaderProps = {
+    children?: React.ReactNode;
+    className?: string;
+    state?: SidebarState;
+};
+export declare function MainSidebarNavHeader({ children, className, state }: MainSidebarNavHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-link.d.ts

@@ -0,0 +1,17 @@
+import { SidebarState } from './main-sidebar-context';
+export type NavLink = {
+    name: string;
+    url: string;
+    icon?: React.ReactNode;
+    isActive?: boolean;
+    variant?: 'default' | 'featured';
+};
+type MainSidebarNavLinkProps = {
+    link?: NavLink;
+    isActive?: boolean;
+    state?: SidebarState;
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare function MainSidebarNavLink({ link, state, children, isActive, className, }: MainSidebarNavLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-list.d.ts

@@ -0,0 +1,12 @@
+import { NavLink } from './main-sidebar-nav-link';
+export type NavSection = {
+    key: string;
+    title?: string;
+    links: NavLink[];
+};
+type MainSidebarNavListProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function MainSidebarNavList({ children, className }: MainSidebarNavListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-section.d.ts

@@ -0,0 +1,13 @@
+import { NavLink } from './main-sidebar-nav-link';
+export type NavSection = {
+    key: string;
+    title?: string;
+    links: NavLink[];
+    separator?: boolean;
+};
+type MainSidebarNavSectionProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function MainSidebarNavSection({ children, className }: MainSidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav-separator.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-nav.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar-root.d.ts

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

package/dist/src/components/ui/elements/main-sidebar/main-sidebar.d.ts

@@ -0,0 +1,21 @@
+import { MainSidebarRoot } from './main-sidebar-root';
+import { MainSidebarBottom } from './main-sidebar-bottom';
+import { MainSidebarNav } from './main-sidebar-nav';
+import { MainSidebarNavSection } from './main-sidebar-nav-section';
+import { MainSidebarNavLink } from './main-sidebar-nav-link';
+import { MainSidebarNavHeader } from './main-sidebar-nav-header';
+import { MainSidebarNavList } from './main-sidebar-nav-list';
+import { MainSidebarNavSeparator } from './main-sidebar-nav-separator';
+export { MainSidebarProvider } from './main-sidebar-context';
+export { useMainSidebar } from './main-sidebar-context';
+export { type NavLink } from './main-sidebar-nav-link';
+export { type NavSection } from './main-sidebar-nav-section';
+export declare const MainSidebar: typeof MainSidebarRoot & {
+    Bottom: typeof MainSidebarBottom;
+    Nav: typeof MainSidebarNav;
+    NavSection: typeof MainSidebarNavSection;
+    NavLink: typeof MainSidebarNavLink;
+    NavHeader: typeof MainSidebarNavHeader;
+    NavList: typeof MainSidebarNavList;
+    NavSeparator: typeof MainSidebarNavSeparator;
+};

package/dist/src/components/ui/elements/notification/index.d.ts

@@ -0,0 +1 @@
+export * from './notification';

package/dist/src/components/ui/elements/notification/notification.d.ts

@@ -0,0 +1,9 @@
+type Notification = {
+    children: React.ReactNode;
+    className?: string;
+    isVisible?: boolean;
+    autoDismiss?: boolean;
+    dismissTime?: number;
+};
+export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime }: Notification): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/src/components/ui/elements/section/index.d.ts

@@ -0,0 +1 @@
+export * from './section';

package/dist/src/components/ui/elements/section/section-header.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+type SectionHeaderProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SectionHeader({ children, className }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/section/section-heading.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from '../../../../../node_modules/@types/react';
+type SectionHeadingProps = {
+    headingLevel?: 'h2' | 'h3' | 'h4';
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SectionHeading({ headingLevel, children, className }: SectionHeadingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/ui/elements/section/section-root.d.ts

@@ -0,0 +1,5 @@
+export type SectionRootProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function SectionRoot({ children, className }: SectionRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/section/section.d.ts

@@ -0,0 +1,8 @@
+import { SectionRoot } from './section-root';
+import { SectionHeader } from './section-header';
+import { SectionHeading } from './section-heading';
+export { type SectionRootProps as SectionProps } from './section-root';
+export declare const Section: typeof SectionRoot & {
+    Header: typeof SectionHeader;
+    Heading: typeof SectionHeading;
+};

package/dist/src/components/ui/elements/side-dialog/index.d.ts

@@ -1,7 +1 @@
 export * from './side-dialog';
-export * from './side-dialog-header';
-export * from './side-dialog-footer';
-export * from './side-dialog-content';
-export * from './side-dialog-top';
-export * from './side-dialog-code-section';
-export * from './side-dialog-heading';

package/dist/src/components/ui/elements/side-dialog/side-dialog-code-section.d.ts

@@ -1,6 +1,8 @@
 export type SideDialogCodeSectionProps = {
     title: string;
+    icon?: React.ReactNode;
     codeStr?: string;
     simplified?: boolean;
 };
-export declare function SideDialogCodeSection({ codeStr, title, simplified }: SideDialogCodeSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDialogCodeSection({ codeStr, title, icon, simplified }: SideDialogCodeSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function containsInnerNewline(obj: unknown): boolean;

package/dist/src/components/ui/elements/side-dialog/side-dialog-content.d.ts

@@ -5,17 +5,4 @@ export type SideDialogContentProps = {
     isFullHeight?: boolean;
     variant?: 'default' | 'confirmation';
 };
-export declare function SideDialogContent({ children, className, isCentered, isFullHeight, variant }: SideDialogContentProps): import("react/jsx-runtime").JSX.Element;
-export type SideDialogSectionProps = {
-    children?: React.ReactNode;
-};
-export declare function SideDialogSection({ children }: SideDialogSectionProps): import("react/jsx-runtime").JSX.Element;
-type SideDialogKeyValueListProps = {
-    items: {
-        key: string;
-        value: React.ReactNode;
-    }[];
-    className?: string;
-};
-export declare function SideDialogKeyValueList({ items, className }: SideDialogKeyValueListProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function SideDialogContent({ children, className }: SideDialogContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog-nav.d.ts

@@ -0,0 +1,6 @@
+export type SideDialogNavProps = {
+    onNext?: (() => void) | null;
+    onPrevious?: (() => void) | null;
+    className?: string;
+};
+export declare function SideDialogNav({ onNext, onPrevious, className }: SideDialogNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog-root.d.ts

@@ -0,0 +1,11 @@
+export type SideDialogRootProps = {
+    variant?: 'default' | 'confirmation';
+    dialogTitle: string;
+    dialogDescription: string;
+    isOpen: boolean;
+    onClose?: () => void;
+    children?: React.ReactNode;
+    className?: string;
+    level?: 1 | 2 | 3;
+};
+export declare function SideDialogRoot({ dialogTitle, dialogDescription, isOpen, onClose, children, variant, level, className, }: SideDialogRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog-top.d.ts

@@ -1,8 +1,6 @@
 export type SideDialogTopProps = {
     children?: React.ReactNode;
-    onNext?: (() => void) | null;
-    onPrevious?: (() => void) | null;
-    showInnerNav?: boolean;
+    withTopSeparator?: boolean;
     className?: string;
 };
-export declare function SideDialogTop({ children, onNext, onPrevious, showInnerNav, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;
+export declare function SideDialogTop({ children, withTopSeparator, className }: SideDialogTopProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/ui/elements/side-dialog/side-dialog.d.ts

@@ -1,12 +1,16 @@
-export declare function SideDialog({ dialogTitle, dialogDescription, isOpen, onClose, children, variant, hasCloseButton, className, }: {
-    variant?: 'default' | 'confirmation';
-    dialogTitle: string;
-    dialogDescription: string;
-    isOpen: boolean;
-    onClose?: () => void;
-    onNext?: (() => void) | null;
-    onPrevious?: (() => void) | null;
-    children?: React.ReactNode;
-    hasCloseButton?: boolean;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+import { SideDialogRoot } from './side-dialog-root';
+import { SideDialogCodeSection } from './side-dialog-code-section';
+import { SideDialogHeading } from './side-dialog-heading';
+import { SideDialogContent } from './side-dialog-content';
+import { SideDialogHeader } from './side-dialog-header';
+import { SideDialogTop } from './side-dialog-top';
+import { SideDialogNav } from './side-dialog-nav';
+export { type SideDialogRootProps } from './side-dialog-root';
+export declare const SideDialog: typeof SideDialogRoot & {
+    Top: typeof SideDialogTop;
+    Header: typeof SideDialogHeader;
+    Heading: typeof SideDialogHeading;
+    Content: typeof SideDialogContent;
+    CodeSection: typeof SideDialogCodeSection;
+    Nav: typeof SideDialogNav;
+};

package/dist/src/components/ui/elements/tabs/tabs-content.d.ts

@@ -0,0 +1,7 @@
+type TabContentProps = {
+    children: React.ReactNode;
+    value: string;
+    className?: string;
+};
+export declare const TabContent: ({ children, value, className }: TabContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};