@mastra/playground-ui 41.0.0-alpha.13 → 41.0.0-alpha.7

package/dist/src/domains/traces/components/trace-details-view.d.ts

@@ -15,4 +15,4 @@ export interface TraceDetailsViewProps {
  * no trace header KV, no evaluate/save actions. Use this for inline trace inspection from a
  * list page (e.g. the Logs page). For the full-width trace view, use `TraceDataPanelView`.
  */
-export declare function TraceDetailsView({ traceId, spans, isLoading, onClose, onSpanSelect, selectedSpanId, }: TraceDetailsViewProps): import("react").JSX.Element;
+export declare function TraceDetailsView({ traceId, spans, isLoading, onClose, onSpanSelect, selectedSpanId, }: TraceDetailsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/trace-keys-and-values.d.ts

@@ -12,5 +12,5 @@ export interface TraceKeysAndValuesProps {
     numOfCol?: 1 | 2 | 3;
     className?: string;
 }
-export declare function TraceKeysAndValues({ rootSpan, numOfCol, className }: TraceKeysAndValuesProps): import("react").JSX.Element;
+export declare function TraceKeysAndValues({ rootSpan, numOfCol, className }: TraceKeysAndValuesProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/traces/components/trace-timeline-span.d.ts

@@ -15,5 +15,5 @@ type TraceTimelineSpanProps = {
     setExpandedSpanIds?: React.Dispatch<React.SetStateAction<string[]>>;
     chartWidth?: 'wide' | 'default';
 };
-export declare function TraceTimelineSpan({ span, siblings, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, fadedTypes, searchPhrase, featuredSpanIds, expandedSpanIds, setExpandedSpanIds, chartWidth, }: TraceTimelineSpanProps): import("react").JSX.Element;
+export declare function TraceTimelineSpan({ span, siblings, depth, onSpanClick, selectedSpanId, isLastChild, overallLatency, overallStartTime, fadedTypes, searchPhrase, featuredSpanIds, expandedSpanIds, setExpandedSpanIds, chartWidth, }: TraceTimelineSpanProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/traces/components/trace-timeline.d.ts

@@ -11,5 +11,5 @@ type TraceTimelineProps = {
     featuredSpanIds?: string[];
     chartWidth?: 'wide' | 'default';
 };
-export declare function TraceTimeline({ hierarchicalSpans, onSpanClick, selectedSpanId, isLoading, fadedTypes, expandedSpanIds, setExpandedSpanIds, featuredSpanIds, chartWidth, }: TraceTimelineProps): import("react").JSX.Element;
+export declare function TraceTimeline({ hierarchicalSpans, onSpanClick, selectedSpanId, isLoading, fadedTypes, expandedSpanIds, setExpandedSpanIds, featuredSpanIds, chartWidth, }: TraceTimelineProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/traces/components/traces-error-content.d.ts

@@ -13,4 +13,4 @@ export interface TracesErrorContentProps {
  * The consumer wraps it in whatever layout they want (NoDataPageLayout for the list page,
  * PageLayout.MainArea for the detail page, etc.) — this component only owns the 3-branch decision.
  */
-export declare function TracesErrorContent({ error, resource, errorTitle }: TracesErrorContentProps): import("react").JSX.Element;
+export declare function TracesErrorContent({ error, resource, errorTitle }: TracesErrorContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/traces-layout.d.ts

@@ -15,4 +15,4 @@ export interface TracesLayoutProps {
  * Pure 2-column layout shell for the traces page. Owns no state and fetches no data — pass slots in.
  * Right-column row template adapts based on which panels are present.
  */
-export declare function TracesLayout({ listSlot, tracePanelSlot, spanPanelSlot, scorePanelSlot, traceCollapsed, }: TracesLayoutProps): import("react").JSX.Element;
+export declare function TracesLayout({ listSlot, tracePanelSlot, spanPanelSlot, scorePanelSlot, traceCollapsed, }: TracesLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/traces-list-mode-toggle.d.ts

@@ -9,4 +9,4 @@ export interface TracesListModeToggleProps {
  * - `traces` — one row per top-level run (each trace's root anchor).
  * - `branches` — one row per anchor span, including ones nested inside other runs.
  */
-export declare function TracesListModeToggle({ value, onChange, disabled }: TracesListModeToggleProps): import("react").JSX.Element;
+export declare function TracesListModeToggle({ value, onChange, disabled }: TracesListModeToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/traces-list-view.d.ts

@@ -49,4 +49,4 @@ export type TracesListViewProps = {
  * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and
  * uses DataList primitives for layout (CSS Grid with subgrid rows).
  */
-export declare function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, onTraceClick, }: TracesListViewProps): import("react").JSX.Element;
+export declare function TracesListView({ traces, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, filtersApplied, featuredTraceId, featuredSpanId, isBranchesMode, recentlyAddedKeys, onTraceClick, }: TracesListViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/traces-toolbar.d.ts

@@ -19,5 +19,5 @@ type TracesToolbarProps = {
     lockedFieldIds?: readonly string[];
     lockedTooltipContent?: ReactNode;
 };
-export declare function TracesToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, lockedFieldIds, lockedTooltipContent, }: TracesToolbarProps): import("react").JSX.Element;
+export declare function TracesToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, lockedFieldIds, lockedTooltipContent, }: TracesToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/ds/components/AlertDialog/alert-dialog.d.ts

@@ -4,22 +4,22 @@ declare function AlertDialog({ open, onOpenChange, children, }: {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace AlertDialog {
     var Trigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     var Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Overlay: React.ForwardRefExoticComponent<Omit<AlertDialogOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Content: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Header: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     var Footer: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     var Body: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     var Title: React.ForwardRefExoticComponent<Omit<AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -7,4 +7,4 @@ export type AvatarProps = {
     color?: string;
     textColor?: string;
 };
-export declare const Avatar: ({ src, name, size, interactive, color, textColor }: AvatarProps) => import("react").JSX.Element;
+export declare const Avatar: ({ src, name, size, interactive, color, textColor }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,5 +9,5 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Omit<V
     icon?: React.ReactNode;
     children?: React.ReactNode;
 }
-export declare const Badge: ({ icon, variant, size, className, children, ...props }: BadgeProps) => React.JSX.Element;
+export declare const Badge: ({ icon, variant, size, className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/ds/components/BrandLoader/brand-loader.d.ts

@@ -3,5 +3,5 @@ export type BrandLoaderProps = {
     size?: 'sm' | 'md' | 'lg';
     'aria-label'?: string;
 };
-declare function BrandLoader({ className, size, 'aria-label': ariaLabel }: BrandLoaderProps): import("react").JSX.Element;
+declare function BrandLoader({ className, size, 'aria-label': ariaLabel }: BrandLoaderProps): import("react/jsx-runtime").JSX.Element;
 export { BrandLoader };

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

@@ -5,7 +5,7 @@ export interface BreadcrumbProps {
     className?: string;
     listClassName?: string;
 }
-export declare const Breadcrumb: ({ children, label, className, listClassName }: BreadcrumbProps) => React.JSX.Element;
+export declare const Breadcrumb: ({ children, label, className, listClassName }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
 export interface CrumbProps {
     isCurrent?: boolean;
     as: React.ElementType;
@@ -16,4 +16,4 @@ export interface CrumbProps {
     action?: React.ReactNode;
     'data-testid'?: string;
 }
-export declare const Crumb: ({ className, as, isCurrent, action, ...props }: CrumbProps) => React.JSX.Element;
+export declare const Crumb: ({ className, as, isCurrent, action, ...props }: CrumbProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Chip/chip.d.ts

@@ -5,4 +5,4 @@ export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {
     intensity?: 'bright' | 'muted';
     children: React.ReactNode;
 }
-export declare const Chip: ({ color, size, intensity, className, children, ...props }: ChipProps) => React.JSX.Element;
+export declare const Chip: ({ color, size, intensity, className, children, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Code/code.d.ts

@@ -11,4 +11,4 @@ export interface CodeProps extends React.HTMLAttributes<HTMLPreElement> {
  * required. Renders plain text while highlighting is pending or when the
  * language is missing/unknown.
  */
-export declare const Code: React.MemoExoticComponent<({ code, lang, ...props }: CodeProps) => React.JSX.Element>;
+export declare const Code: React.MemoExoticComponent<({ code, lang, ...props }: CodeProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/src/ds/components/CodeBlock/code-block.d.ts

@@ -21,4 +21,4 @@ export interface CodeBlockProps {
     actions?: ReactNode;
     className?: string;
 }
-export declare function CodeBlock({ code, options, value, onValueChange, selector, fileName, lang, overflow, copyMessage, copyTooltip, actions, className, }: CodeBlockProps): import("react").JSX.Element;
+export declare function CodeBlock({ code, options, value, onValueChange, selector, fileName, lang, overflow, copyMessage, copyTooltip, actions, className, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/CodeDiff/code-diff.d.ts

@@ -2,4 +2,4 @@ export interface CodeDiffProps {
     codeA: string;
     codeB: string;
 }
-export declare function CodeDiff({ codeA, codeB }: CodeDiffProps): import("react").JSX.Element;
+export declare function CodeDiff({ codeA, codeB }: CodeDiffProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Columns/column-content.d.ts

@@ -2,4 +2,4 @@ export type ColumnProps = {
     children?: React.ReactNode;
     className?: string;
 };
-export declare function ColumnContent({ children, className }: ColumnProps): import("react").JSX.Element;
+export declare function ColumnContent({ children, className }: ColumnProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Columns/column-root.d.ts

@@ -4,4 +4,4 @@ export type ColumnProps = {
     withRightSeparator?: boolean;
     withLeftSeparator?: boolean;
 };
-export declare function ColumnRoot({ children, className, withLeftSeparator, withRightSeparator }: ColumnProps): import("react").JSX.Element;
+export declare function ColumnRoot({ children, className, withLeftSeparator, withRightSeparator }: ColumnProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Columns/column-toolbar.d.ts

@@ -2,4 +2,4 @@ export type ColumnToolbarProps = {
     children?: React.ReactNode;
     className?: string;
 };
-export declare function ColumnToolbar({ children, className }: ColumnToolbarProps): import("react").JSX.Element;
+export declare function ColumnToolbar({ children, className }: ColumnToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Columns/columns.d.ts

@@ -2,4 +2,4 @@ export type ColumnsProps = {
     children: React.ReactNode;
     className?: string;
 };
-export declare function Columns({ children, className }: ColumnsProps): import("react").JSX.Element;
+export declare function Columns({ children, className }: ColumnsProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Combobox/combobox.d.ts

@@ -34,4 +34,4 @@ export type ComboboxMultipleProps = ComboboxSharedProps & {
     onValueChange?: (value: string[]) => void;
 };
 export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
-export declare function Combobox(props: ComboboxProps): React.JSX.Element;
+export declare function Combobox(props: ComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Command/command.d.ts

@@ -11,7 +11,7 @@ type CommandDialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'c
     showOverlay?: boolean;
     overlayClassName?: string;
 };
-declare const CommandDialog: ({ children, title, description, contentClassName, commandClassName, commandLabel, showOverlay, overlayClassName, ...props }: CommandDialogProps) => React.JSX.Element;
+declare const CommandDialog: ({ children, title, description, contentClassName, commandClassName, commandLabel, showOverlay, overlayClassName, ...props }: CommandDialogProps) => import("react/jsx-runtime").JSX.Element;
 declare const CommandInput: React.ForwardRefExoticComponent<any>;
 declare const CommandList: React.ForwardRefExoticComponent<any>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<any>;
@@ -19,7 +19,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<any>;
 declare const CommandSeparator: React.ForwardRefExoticComponent<any>;
 declare const CommandItem: React.ForwardRefExoticComponent<any>;
 declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, };

package/dist/src/ds/components/ContentBlocks/content-block.d.ts

@@ -6,4 +6,4 @@ export interface ContentBlockProps {
     draggableId: string;
     className?: string;
 }
-export declare const ContentBlock: ({ children, index, draggableId, className }: ContentBlockProps) => import("react").JSX.Element;
+export declare const ContentBlock: ({ children, index, draggableId, className }: ContentBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ContentBlocks/content-blocks.d.ts

@@ -4,4 +4,4 @@ export interface ContentBlocksProps<T> {
     onChange: (items: Array<T>) => void;
     className?: string;
 }
-export declare function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>): import("react").JSX.Element;
+export declare function ContentBlocks<T>({ children, items, onChange, className }: ContentBlocksProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ContextMenu/context-menu.d.ts

@@ -19,7 +19,7 @@ declare function ContextMenu({ open, defaultOpen, onOpenChange, children, }: {
     defaultOpen?: boolean;
     onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];
     children: React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace ContextMenu {
     var Trigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Content: React.ForwardRefExoticComponent<Omit<ContextMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -33,7 +33,7 @@ declare namespace ContextMenu {
     } & React.RefAttributes<HTMLDivElement>>;
     var Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     var Shortcut: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     var Sub: typeof ContextMenuPrimitive.SubmenuRoot;

package/dist/src/ds/components/CopyButton/copy-button.d.ts

@@ -7,4 +7,4 @@ export type CopyButtonProps = {
     size?: ButtonProps['size'];
     variant?: ButtonProps['variant'];
 };
-export declare function CopyButton({ content, copyMessage, tooltip, size, variant, className, }: CopyButtonProps): import("react").JSX.Element;
+export declare function CopyButton({ content, copyMessage, tooltip, size, variant, className, }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DashboardCard/dashboard-card.d.ts

@@ -3,4 +3,4 @@ export type DashboardCardProps = {
     children: ReactNode;
     className?: string;
 };
-export declare function DashboardCard({ children, className }: DashboardCardProps): import("react").JSX.Element;
+export declare function DashboardCard({ children, className }: DashboardCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataCodeSection/data-code-section.d.ts

@@ -6,4 +6,4 @@ export interface DataCodeSectionProps {
     simplified?: boolean;
     className?: string;
 }
-export declare function DataCodeSection({ codeStr, title, dialogTitle, icon, simplified, className, }: DataCodeSectionProps): import("react").JSX.Element | null;
+export declare function DataCodeSection({ codeStr, title, dialogTitle, icon, simplified, className, }: DataCodeSectionProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-close-button.d.ts

@@ -3,4 +3,4 @@ export interface DataDetailsPanelCloseButtonProps {
     tooltip?: string;
     className?: string;
 }
-export declare function DataDetailsPanelCloseButton({ onClick, tooltip, className, }: DataDetailsPanelCloseButtonProps): import("react").JSX.Element;
+export declare function DataDetailsPanelCloseButton({ onClick, tooltip, className, }: DataDetailsPanelCloseButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-code-section.d.ts

@@ -5,4 +5,4 @@ export interface DataDetailsPanelCodeSectionProps {
     simplified?: boolean;
     className?: string;
 }
-export declare function DataDetailsPanelCodeSection({ codeStr, title, icon, simplified, className, }: DataDetailsPanelCodeSectionProps): import("react").JSX.Element | null;
+export declare function DataDetailsPanelCodeSection({ codeStr, title, icon, simplified, className, }: DataDetailsPanelCodeSectionProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface DataDetailsPanelContentProps {
     children: ReactNode;
 }
-export declare function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps): import("react").JSX.Element;
+export declare function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-header.d.ts

@@ -2,4 +2,4 @@ export interface DataDetailsPanelHeaderProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps): import("react").JSX.Element;
+export declare function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-heading.d.ts

@@ -2,4 +2,4 @@ export interface DataDetailsPanelHeadingProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps): import("react").JSX.Element;
+export declare function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-key-value-list.d.ts

@@ -2,22 +2,22 @@ export interface DataDetailsPanelKeyValueListProps {
     className?: string;
     children: React.ReactNode;
 }
-declare function Root({ className, children }: DataDetailsPanelKeyValueListProps): import("react").JSX.Element;
+declare function Root({ className, children }: DataDetailsPanelKeyValueListProps): import("react/jsx-runtime").JSX.Element;
 export interface DataDetailsPanelKeyValueListKeyProps {
     className?: string;
     children: React.ReactNode;
 }
-declare function Key({ className, children }: DataDetailsPanelKeyValueListKeyProps): import("react").JSX.Element;
+declare function Key({ className, children }: DataDetailsPanelKeyValueListKeyProps): import("react/jsx-runtime").JSX.Element;
 export interface DataDetailsPanelKeyValueListValueProps {
     className?: string;
     children: React.ReactNode;
 }
-declare function Value({ className, children }: DataDetailsPanelKeyValueListValueProps): import("react").JSX.Element;
+declare function Value({ className, children }: DataDetailsPanelKeyValueListValueProps): import("react/jsx-runtime").JSX.Element;
 export interface DataDetailsPanelKeyValueListHeaderProps {
     className?: string;
     children: React.ReactNode;
 }
-declare function Header({ className, children }: DataDetailsPanelKeyValueListHeaderProps): import("react").JSX.Element;
+declare function Header({ className, children }: DataDetailsPanelKeyValueListHeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare const DataDetailsPanelKeyValueList: typeof Root & {
     Key: typeof Key;
     Value: typeof Value;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-loading-data.d.ts

@@ -2,4 +2,4 @@ import { ReactNode } from 'react';
 export interface DataDetailsPanelLoadingDataProps {
     children?: ReactNode;
 }
-export declare function DataDetailsPanelLoadingData({ children }: DataDetailsPanelLoadingDataProps): import("react").JSX.Element;
+export declare function DataDetailsPanelLoadingData({ children }: DataDetailsPanelLoadingDataProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel-no-data.d.ts

@@ -1,4 +1,4 @@
 export interface DataDetailsPanelNoDataProps {
     children?: React.ReactNode;
 }
-export declare function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps): import("react").JSX.Element;
+export declare function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/data-details-panel.d.ts

@@ -2,4 +2,4 @@ export interface DataDetailsPanelProps {
     collapsed?: boolean;
     children: React.ReactNode;
 }
-export declare function DataDetailsPanel({ collapsed, children }: DataDetailsPanelProps): import("react").JSX.Element;
+export declare function DataDetailsPanel({ collapsed, children }: DataDetailsPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataDetailsPanel/index.d.ts

@@ -13,10 +13,10 @@ declare const DataDetailsPanel: typeof Root & {
     LoadingData: typeof DataDetailsPanelLoadingData;
     NoData: typeof DataDetailsPanelNoData;
     Content: typeof DataDetailsPanelContent;
-    KeyValueList: (({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListProps) => import("react").JSX.Element) & {
-        Key: ({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListKeyProps) => import("react").JSX.Element;
-        Value: ({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListValueProps) => import("react").JSX.Element;
-        Header: ({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListHeaderProps) => import("react").JSX.Element;
+    KeyValueList: (({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListProps) => import("react/jsx-runtime").JSX.Element) & {
+        Key: ({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListKeyProps) => import("react/jsx-runtime").JSX.Element;
+        Value: ({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListValueProps) => import("react/jsx-runtime").JSX.Element;
+        Header: ({ className, children }: import('./data-details-panel-key-value-list').DataDetailsPanelKeyValueListHeaderProps) => import("react/jsx-runtime").JSX.Element;
     };
     CodeSection: typeof DataDetailsPanelCodeSection;
 };

package/dist/src/ds/components/DataFilter/select-data-filter.d.ts

@@ -37,4 +37,4 @@ export type SelectDataFilterProps = {
     /** Minimum items before showing search in a submenu */
     searchThreshold?: number;
 };
-export declare function SelectDataFilter({ categories, value, onChange, disabled, label, align, searchThreshold, }: SelectDataFilterProps): import("react").JSX.Element;
+export declare function SelectDataFilter({ categories, value, onChange, disabled, label, align, searchThreshold, }: SelectDataFilterProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-header.d.ts

@@ -2,4 +2,4 @@ export interface DataKeysAndValuesHeaderProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function DataKeysAndValuesHeader({ className, children }: DataKeysAndValuesHeaderProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesHeader({ className, children }: DataKeysAndValuesHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-key.d.ts

@@ -2,4 +2,4 @@ export interface DataKeysAndValuesKeyProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function DataKeysAndValuesKey({ className, children }: DataKeysAndValuesKeyProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesKey({ className, children }: DataKeysAndValuesKeyProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-root.d.ts

@@ -4,4 +4,4 @@ export interface DataKeysAndValuesProps {
     numOfCol?: 1 | 2 | 3;
     density?: 'default' | 'dense';
 }
-export declare function DataKeysAndValuesRoot({ className, children, numOfCol, density, }: DataKeysAndValuesProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesRoot({ className, children, numOfCol, density, }: DataKeysAndValuesProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.d.ts

@@ -4,4 +4,4 @@ export interface DataKeysAndValuesValueLinkProps {
     href: string;
     as?: React.ElementType;
 }
-export declare function DataKeysAndValuesValueLink({ className, children, href, as }: DataKeysAndValuesValueLinkProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesValueLink({ className, children, href, as }: DataKeysAndValuesValueLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.d.ts

@@ -4,4 +4,4 @@ export interface DataKeysAndValuesValueWithCopyBtnProps {
     copyValue: string;
     copyTooltip?: string;
 }
-export declare function DataKeysAndValuesValueWithCopyBtn({ className, children, copyValue, copyTooltip, }: DataKeysAndValuesValueWithCopyBtnProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesValueWithCopyBtn({ className, children, copyValue, copyTooltip, }: DataKeysAndValuesValueWithCopyBtnProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.d.ts

@@ -3,4 +3,4 @@ export interface DataKeysAndValuesValueWithTooltipProps {
     children: React.ReactNode;
     tooltip: string;
 }
-export declare function DataKeysAndValuesValueWithTooltip({ className, children, tooltip, }: DataKeysAndValuesValueWithTooltipProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesValueWithTooltip({ className, children, tooltip, }: DataKeysAndValuesValueWithTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-value.d.ts

@@ -2,4 +2,4 @@ export interface DataKeysAndValuesValueProps {
     className?: string;
     children: React.ReactNode;
 }
-export declare function DataKeysAndValuesValue({ className, children }: DataKeysAndValuesValueProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesValue({ className, children }: DataKeysAndValuesValueProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataList/ScoresDataList/scores-data-list-cells.d.ts

@@ -1,20 +1,20 @@
 export interface ScoresDataListDateCellProps {
     timestamp: Date | string;
 }
-export declare function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps): import("react").JSX.Element;
+export declare function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps): import("react/jsx-runtime").JSX.Element;
 export interface ScoresDataListTimeCellProps {
     timestamp: Date | string;
 }
-export declare function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps): import("react").JSX.Element;
+export declare function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps): import("react/jsx-runtime").JSX.Element;
 export interface ScoresDataListInputCellProps {
     input?: unknown;
 }
-export declare function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps): import("react").JSX.Element;
+export declare function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps): import("react/jsx-runtime").JSX.Element;
 export interface ScoresDataListEntityCellProps {
     entityId?: string | null;
 }
-export declare function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps): import("react").JSX.Element;
+export declare function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps): import("react/jsx-runtime").JSX.Element;
 export interface ScoresDataListScoreCellProps {
     score?: unknown;
 }
-export declare function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps): import("react").JSX.Element;
+export declare function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataList/ScoresDataList/scores-data-list.d.ts

@@ -4,7 +4,7 @@ import { DataListNoMatch } from '../data-list-no-match';
 import { DataListRoot } from '../data-list-root';
 import { DataListTop } from '../data-list-top';
 import { ScoresDataListDateCell, ScoresDataListTimeCell, ScoresDataListInputCell, ScoresDataListEntityCell, ScoresDataListScoreCell } from './scores-data-list-cells';
-declare function ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>): import("react").JSX.Element;
+declare function ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>): import("react/jsx-runtime").JSX.Element;
 export declare const ScoresDataList: typeof ScoresDataListRoot & {
     Top: typeof DataListTop;
     TopCell: import('react').ForwardRefExoticComponent<{

package/dist/src/ds/components/DataList/TracesDataList/traces-data-list-cells.d.ts

@@ -6,17 +6,17 @@ export interface TracesDataListNameCellProps {
      *  only meaningful in branches mode, where rows mix root traces and subtraces. */
     showLevelTooltip?: boolean;
 }
-export declare function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps): import("react").JSX.Element;
+export declare function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps): import("react/jsx-runtime").JSX.Element;
 export interface TracesDataListInputCellProps {
     input?: string | null;
 }
-export declare function TracesDataListInputCell({ input }: TracesDataListInputCellProps): import("react").JSX.Element;
+export declare function TracesDataListInputCell({ input }: TracesDataListInputCellProps): import("react/jsx-runtime").JSX.Element;
 export interface TracesDataListEntityCellProps {
     entityType?: string | null;
     entityName?: string | null;
 }
-export declare function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps): import("react").JSX.Element;
+export declare function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps): import("react/jsx-runtime").JSX.Element;
 export interface TracesDataListStatusCellProps {
     status?: string | null;
 }
-export declare function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps): import("react").JSX.Element;
+export declare function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataList/TracesDataList/traces-data-list.d.ts

@@ -8,7 +8,7 @@ import { DataListSubHeading } from '../data-list-subheading';
 import { DataListTop } from '../data-list-top';
 import { DataListTopCellWithTooltip } from '../data-list-top-cell';
 import { TracesDataListNameCell, TracesDataListInputCell, TracesDataListEntityCell, TracesDataListStatusCell } from './traces-data-list-cells';
-declare function TracesDataListRoot(props: ComponentProps<typeof DataListRoot>): import("react").JSX.Element;
+declare function TracesDataListRoot(props: ComponentProps<typeof DataListRoot>): import("react/jsx-runtime").JSX.Element;
 export declare const TracesDataList: typeof TracesDataListRoot & {
     Top: typeof DataListTop;
     TopCell: import('react').ForwardRefExoticComponent<{

package/dist/src/ds/components/DataList/data-list-cells.d.ts

@@ -16,12 +16,12 @@ export type DataListCellProps = {
      */
     sticky?: DataListSticky;
 } & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;
-export declare function DataListCell({ children, className, height, as, sticky, ...rest }: DataListCellProps): import("react").JSX.Element;
-export declare function DataListTextCell({ children, className, ...rest }: DataListCellProps): import("react").JSX.Element;
-export declare function DataListNameCell({ children, className }: DataListCellProps): import("react").JSX.Element;
-export declare function DataListDescriptionCell({ children, className }: DataListCellProps): import("react").JSX.Element;
+export declare function DataListCell({ children, className, height, as, sticky, ...rest }: DataListCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataListTextCell({ children, className, ...rest }: DataListCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataListNameCell({ children, className }: DataListCellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataListDescriptionCell({ children, className }: DataListCellProps): import("react/jsx-runtime").JSX.Element;
 export type DataListRowHeaderCellProps = Omit<DataListCellProps, 'sticky'>;
-export declare function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps): import("react").JSX.Element;
+export declare function DataListRowHeaderCell({ children, className, ...rest }: DataListRowHeaderCellProps): import("react/jsx-runtime").JSX.Element;
 export type DataListNumberCellProps = DataListCellProps & {
     /**
      * Emphasizes the value with a brighter tone and semibold weight — use for the
@@ -34,11 +34,11 @@ export type DataListNumberCellProps = DataListCellProps & {
  * tables. Defaults to `compact` height to match those layouts; pass `highlight`
  * for the emphasized column.
  */
-export declare function DataListNumberCell({ children, className, highlight, height, ...rest }: DataListNumberCellProps): import("react").JSX.Element;
+export declare function DataListNumberCell({ children, className, highlight, height, ...rest }: DataListNumberCellProps): import("react/jsx-runtime").JSX.Element;
 export interface DataListIdCellProps {
     id: string;
 }
-export declare function DataListIdCell({ id }: DataListIdCellProps): import("react").JSX.Element;
+export declare function DataListIdCell({ id }: DataListIdCellProps): import("react/jsx-runtime").JSX.Element;
 export interface DataListSelectCellProps {
     checked: boolean;
     /**
@@ -49,7 +49,7 @@ export interface DataListSelectCellProps {
     onToggle: (shiftKey: boolean) => void;
     'aria-label'?: string;
 }
-export declare function DataListSelectCell({ checked, onToggle, ...rest }: DataListSelectCellProps): import("react").JSX.Element;
+export declare function DataListSelectCell({ checked, onToggle, ...rest }: DataListSelectCellProps): import("react/jsx-runtime").JSX.Element;
 export interface DataListMonoCellProps {
     children: ReactNode;
     /** Override classes on the inner span (e.g. swap the default `text-neutral3` tone). */
@@ -61,14 +61,14 @@ export interface DataListMonoCellProps {
  * Mono-typography cell with truncation. Shared by any column that
  * shows code-like text (input previews, JSON summaries, identifiers, etc.).
  */
-export declare function DataListMonoCell({ children, className, height }: DataListMonoCellProps): import("react").JSX.Element;
+export declare function DataListMonoCell({ children, className, height }: DataListMonoCellProps): import("react/jsx-runtime").JSX.Element;
 export interface DataListDateCellProps {
     timestamp: Date | string;
 }
 /** Compact date cell — `Today` or `MMM dd` (e.g. `May 19`). */
-export declare function DataListDateCell({ timestamp }: DataListDateCellProps): import("react").JSX.Element;
+export declare function DataListDateCell({ timestamp }: DataListDateCellProps): import("react/jsx-runtime").JSX.Element;
 export interface DataListTimeCellProps {
     timestamp: Date | string;
 }
 /** Compact monospace time cell — `HH:mm:ss.SSS` with the millisecond portion tinted. */
-export declare function DataListTimeCell({ timestamp }: DataListTimeCellProps): import("react").JSX.Element;
+export declare function DataListTimeCell({ timestamp }: DataListTimeCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/DataList/data-list-next-page-loading.d.ts

@@ -4,4 +4,4 @@ export type DataListNextPageLoadingProps = {
     setEndOfListElement?: (element: HTMLDivElement | null) => void;
     loadingText?: string;
 };
-export declare function DataListNextPageLoading({ isLoading, setEndOfListElement, hasMore, loadingText, }: DataListNextPageLoadingProps): import("react").JSX.Element | null;
+export declare function DataListNextPageLoading({ isLoading, setEndOfListElement, hasMore, loadingText, }: DataListNextPageLoadingProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ds/components/DataList/data-list-no-match.d.ts

@@ -2,4 +2,4 @@ import { ComponentPropsWithoutRef } from 'react';
 export type DataListNoMatchProps = ComponentPropsWithoutRef<'div'> & {
     message?: string;
 };
-export declare function DataListNoMatch({ message, className, ...props }: DataListNoMatchProps): import("react").JSX.Element;
+export declare function DataListNoMatch({ message, className, ...props }: DataListNoMatchProps): import("react/jsx-runtime").JSX.Element;