@mastra/playground-ui 41.0.0-alpha.10 → 41.0.0-alpha.12

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @mastra/playground-ui
 
+## 41.0.0-alpha.12
+
+### Patch Changes
+
+- Updated dependencies [[`aa38805`](https://github.com/mastra-ai/mastra/commit/aa38805b878b827403be785eb90688d7172f5a40), [`2d22570`](https://github.com/mastra-ai/mastra/commit/2d22570c7dfdd02123d0ecc529efb05ccba2d9fc), [`4378341`](https://github.com/mastra-ai/mastra/commit/43783412df5ea3dd35f5b1f6e4851e79c346fc89)]:
+  - @mastra/core@1.51.0-alpha.12
+  - @mastra/client-js@1.32.0-alpha.12
+  - @mastra/react@1.2.5-alpha.12
+
+## 41.0.0-alpha.11
+
+### Patch Changes
+
+- Fixed data panel content so it scrolls correctly inside constrained layouts. ([#19419](https://github.com/mastra-ai/mastra/pull/19419))
+
+- Updated dependencies [[`45a8e65`](https://github.com/mastra-ai/mastra/commit/45a8e65e1556d1362cb3f25187023c36de26661d), [`7bf8550`](https://github.com/mastra-ai/mastra/commit/7bf8550aec81984fe16e1a77825ecf0318e27ec1), [`c8ed116`](https://github.com/mastra-ai/mastra/commit/c8ed11699f62bcac70102ab4ec84d80d20541da6), [`33f2b88`](https://github.com/mastra-ai/mastra/commit/33f2b88842c09a567f906fac4cb61cd5277ced59)]:
+  - @mastra/core@1.51.0-alpha.11
+  - @mastra/react@1.2.5-alpha.11
+  - @mastra/client-js@1.32.0-alpha.11
+
 ## 41.0.0-alpha.10
 
 ### Patch Changes

package/dist/components/DataPanel.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataPanel = require('../data-panel-S97UH5_k.cjs');
+const dataPanel = require('../data-panel-Bw8GripU.cjs');
 
 
 

package/dist/components/DataPanel.es.js

@@ -1,2 +1,2 @@
-export { D as DataPanel } from '../data-panel-CjRyBoxZ.js';
+export { D as DataPanel } from '../data-panel-DWpbIe91.js';
 //# sourceMappingURL=DataPanel.es.js.map

package/dist/{data-panel-S97UH5_k.cjs → data-panel-Bw8GripU.cjs}

@@ -13,7 +13,7 @@ function DataPanelCloseButton({ onClick, tooltip = "Close panel", className }) {
 }
 
 function DataPanelContent({ children, ref }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: "flex-1 overflow-y-auto p-4", children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: "min-h-0 flex-1 overflow-y-auto p-4", children });
 }
 
 function DataPanelHeader({ className, children }) {
@@ -86,4 +86,4 @@ const DataPanel = Object.assign(DataPanelRoot, {
 });
 
 exports.DataPanel = DataPanel;
-//# sourceMappingURL=data-panel-S97UH5_k.cjs.map
+//# sourceMappingURL=data-panel-Bw8GripU.cjs.map

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

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

package/dist/{data-panel-CjRyBoxZ.js → data-panel-DWpbIe91.js}

@@ -11,7 +11,7 @@ function DataPanelCloseButton({ onClick, tooltip = "Close panel", className }) {
 }
 
 function DataPanelContent({ children, ref }) {
-  return /* @__PURE__ */ jsx("div", { ref, className: "flex-1 overflow-y-auto p-4", children });
+  return /* @__PURE__ */ jsx("div", { ref, className: "min-h-0 flex-1 overflow-y-auto p-4", children });
 }
 
 function DataPanelHeader({ className, children }) {
@@ -84,4 +84,4 @@ const DataPanel = Object.assign(DataPanelRoot, {
 });
 
 export { DataPanel as D };
-//# sourceMappingURL=data-panel-CjRyBoxZ.js.map
+//# sourceMappingURL=data-panel-DWpbIe91.js.map

package/dist/data-panel-DWpbIe91.js.map

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

package/dist/domains/traces/components/span-data-panel-view.cjs.js

@@ -9,7 +9,7 @@ const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const buttonsGroup = require('../../../buttons-group-C0fJastT.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values--e2u0YXB.cjs');
-const dataPanel = require('../../../data-panel-S97UH5_k.cjs');
+const dataPanel = require('../../../data-panel-Bw8GripU.cjs');
 const Notice = require('../../../Notice-BRlBe-l1.cjs');
 const tabsTab = require('../../../tabs-tab-Ch7-lVxf.cjs');
 const tabsContent = require('../../../tabs-content-wBU5qmb6.cjs');

package/dist/domains/traces/components/span-data-panel-view.es.js

@@ -5,7 +5,7 @@ import { isTokenLimitExceeded, getTokenLimitMessage } from '../utils/span-utils.
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { B as ButtonsGroup } from '../../../buttons-group-b6an6uao.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-BMnGKbXm.js';
-import { D as DataPanel } from '../../../data-panel-CjRyBoxZ.js';
+import { D as DataPanel } from '../../../data-panel-DWpbIe91.js';
 import { N as Notice } from '../../../Notice-BxU85fW-.js';
 import { b as Tabs, a as TabList, T as Tab } from '../../../tabs-tab-CQhe76fQ.js';
 import { T as TabContent } from '../../../tabs-content-XUh680fO.js';

package/dist/domains/traces/components/trace-data-panel-view.cjs.js

@@ -12,7 +12,7 @@ const domains_traces_components_traceKeysAndValues = require('./trace-keys-and-v
 const domains_traces_components_traceTimeline = require('./trace-timeline.cjs.js');
 const Button = require('../../../Button-5fzdHlD-.cjs');
 const buttonsGroup = require('../../../buttons-group-C0fJastT.cjs');
-const dataPanel = require('../../../data-panel-S97UH5_k.cjs');
+const dataPanel = require('../../../data-panel-Bw8GripU.cjs');
 const Notice = require('../../../Notice-BRlBe-l1.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const utils_truncateString = require('../../../utils/truncate-string.cjs.js');

package/dist/domains/traces/components/trace-data-panel-view.es.js

@@ -8,7 +8,7 @@ import { TraceKeysAndValues } from './trace-keys-and-values.es.js';
 import { TraceTimeline } from './trace-timeline.es.js';
 import { B as Button } from '../../../Button-kvmCIDtU.js';
 import { B as ButtonsGroup } from '../../../buttons-group-b6an6uao.js';
-import { D as DataPanel } from '../../../data-panel-CjRyBoxZ.js';
+import { D as DataPanel } from '../../../data-panel-DWpbIe91.js';
 import { N as Notice } from '../../../Notice-BxU85fW-.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { truncateString } from '../../../utils/truncate-string.es.js';

package/dist/src/domains/logs/components/log-details-view.d.ts

@@ -9,4 +9,4 @@ export interface LogDetailsViewProps {
     collapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
 }
-export declare function LogDetailsView({ log, onClose, onTraceClick, onSpanClick, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, }: LogDetailsViewProps): import("react").JSX.Element;
+export declare function LogDetailsView({ log, onClose, onTraceClick, onSpanClick, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, }: LogDetailsViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,4 +11,4 @@ export interface LogsErrorContentProps {
  * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.
  * Mirror of `TracesErrorContent` for the logs domain.
  */
-export declare function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps): import("react").JSX.Element;
+export declare function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -16,4 +16,4 @@ export interface LogsLayoutProps {
  * Right-column row template adapts based on which panels are present and whether the log panel is
  * collapsed.
  */
-export declare function LogsLayout({ listSlot, logPanelSlot, tracePanelSlot, spanPanelSlot, logCollapsed }: LogsLayoutProps): import("react").JSX.Element;
+export declare function LogsLayout({ listSlot, logPanelSlot, tracePanelSlot, spanPanelSlot, logCollapsed }: LogsLayoutProps): import("react/jsx-runtime").JSX.Element;

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

@@ -18,4 +18,4 @@ export interface LogsListViewProps {
  * TanStack Virtual, sandwiched between top/bottom Spacers that preserve total
  * scroll height. Owns no state and fetches no data.
  */
-export declare function LogsListView({ logs, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, logIdMap, featuredLogId, onLogClick, }: LogsListViewProps): import("react").JSX.Element;
+export declare function LogsListView({ logs, isLoading, isFetchingNextPage, hasNextPage, setEndOfListElement, logIdMap, featuredLogId, onLogClick, }: LogsListViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -10,4 +10,4 @@ export interface LogsToolbarProps {
     onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;
     autoFocusFilterFieldId?: string;
 }
-export declare function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, }: LogsToolbarProps): import("react").JSX.Element;
+export declare function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId, }: LogsToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/logs/components/no-logs-info.d.ts

@@ -4,4 +4,4 @@ export interface NoLogsInfoProps {
     dateFrom?: Date;
     dateTo?: Date;
 }
-export declare const NoLogsInfo: ({ datePreset, dateFrom, dateTo }?: NoLogsInfoProps) => import("react").JSX.Element;
+export declare const NoLogsInfo: ({ datePreset, dateFrom, dateTo }?: NoLogsInfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/memory/components/flame-graph.d.ts

@@ -21,5 +21,5 @@ interface FlameGraphProps {
     zoomRange?: ZoomRange;
     onZoomRangeChange?: (range: ZoomRange) => void;
 }
-export declare function FlameGraph({ omRecords, markers, messages, tDomain: tDomainProp, observationThreshold, reflectionThreshold, onSelectTimestamp, zoomRange, onZoomRangeChange, }: FlameGraphProps): import("react").JSX.Element | null;
+export declare function FlameGraph({ omRecords, markers, messages, tDomain: tDomainProp, observationThreshold, reflectionThreshold, onSelectTimestamp, zoomRange, onZoomRangeChange, }: FlameGraphProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/domains/memory/components/memory-studio-panel.d.ts

@@ -22,4 +22,4 @@ export interface MemoryStudioPanelProps {
         memoryThreshold?: number;
     };
 }
-export declare function MemoryStudioPanel({ messages, omRecords, isLoading, onClose, selectedTimestamp, onSelectTimestamp, contextWindow, }: MemoryStudioPanelProps): import("react").JSX.Element;
+export declare function MemoryStudioPanel({ messages, omRecords, isLoading, onClose, selectedTimestamp, onSelectTimestamp, contextWindow, }: MemoryStudioPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/memory/components/observation-detail-view.d.ts

@@ -5,4 +5,4 @@ export interface ObservationDetailViewProps {
     onSelectRecord: (id: string | null) => void;
     isLoading?: boolean;
 }
-export declare function ObservationDetailView({ records, selectedRecordId, onSelectRecord, isLoading, }: ObservationDetailViewProps): import("react").JSX.Element;
+export declare function ObservationDetailView({ records, selectedRecordId, onSelectRecord, isLoading, }: ObservationDetailViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/memory/components/thread-context-progress.d.ts

@@ -6,5 +6,5 @@ interface ThreadContextProgressProps {
     /** Label for the second (memory-toned) bar. Defaults to "Memory". */
     memoryLabel?: string;
 }
-export declare function ThreadContextProgress({ messageTokens, messageThreshold, memoryTokens, memoryThreshold, memoryLabel, }: ThreadContextProgressProps): import("react").JSX.Element | null;
+export declare function ThreadContextProgress({ messageTokens, messageThreshold, memoryTokens, memoryThreshold, memoryLabel, }: ThreadContextProgressProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/domains/metrics/components/bar-list.d.ts

@@ -11,11 +11,11 @@ export declare function BarListContent({ data, maxVal, fmt, color, valueLabel, l
         color: string;
         label: string;
     }>;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function StackedRunsBars({ data }: {
     data: Array<{
         name: string;
         completed: number;
         errors: number;
     }>;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/card-action-buttons.d.ts

@@ -8,8 +8,8 @@ type CardActionButtonProps = {
 };
 /** Icon link in a MetricsCard top bar that opens the Traces page pre-filtered
  *  to whatever dimensions the card knows about. */
-export declare function OpenInTracesButton({ href, LinkComponent }: CardActionButtonProps): import("react").JSX.Element;
+export declare function OpenInTracesButton({ href, LinkComponent }: CardActionButtonProps): import("react/jsx-runtime").JSX.Element;
 /** Icon link in a MetricsCard top bar that opens the Logs page scoped to
  *  errors for the card's current dimensions. */
-export declare function OpenErrorsInLogsButton({ href, LinkComponent }: CardActionButtonProps): import("react").JSX.Element;
+export declare function OpenErrorsInLogsButton({ href, LinkComponent }: CardActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/metrics/components/date-range-selector.d.ts

@@ -1 +1 @@
-export declare function DateRangeSelector(): import("react").JSX.Element;
+export declare function DateRangeSelector(): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/kpi-card-view.d.ts

@@ -6,4 +6,4 @@ export interface KpiCardViewProps {
     isLoading: boolean;
     isError: boolean;
 }
-export declare function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }: KpiCardViewProps): import("react").JSX.Element;
+export declare function KpiCardView({ label, value, prevValue, changePct, isLoading, isError }: KpiCardViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/latency-card-view.d.ts

@@ -17,4 +17,4 @@ export interface LatencyCardViewProps {
      */
     actions?: ReactNode | ((tab: LatencyTab) => ReactNode);
 }
-export declare function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps): import("react").JSX.Element;
+export declare function LatencyCardView({ data, isLoading, isError, onPointClick, actions }: LatencyCardViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/memory-card-view.d.ts

@@ -22,5 +22,5 @@ export interface MemoryCardViewProps {
     /** Override how drilldown links are rendered. Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function MemoryCardView({ threads, resources, getThreadRowHref, getResourceRowHref, actions, LinkComponent, }: MemoryCardViewProps): import("react").JSX.Element;
+export declare function MemoryCardView({ threads, resources, getThreadRowHref, getResourceRowHref, actions, LinkComponent, }: MemoryCardViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/domains/metrics/components/model-usage-cost-card-view.d.ts

@@ -12,4 +12,4 @@ export interface ModelUsageCostCardViewProps {
     /** Override how drilldown links are rendered. Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function ModelUsageCostCardView({ rows, isLoading, isError, getRowHref, actions, LinkComponent, }: ModelUsageCostCardViewProps): import("react").JSX.Element;
+export declare function ModelUsageCostCardView({ rows, isLoading, isError, getRowHref, actions, LinkComponent, }: ModelUsageCostCardViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/scores-card-view.d.ts

@@ -9,4 +9,4 @@ export interface ScoresCardViewProps {
     isLoading: boolean;
     isError: boolean;
 }
-export declare function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps): import("react").JSX.Element;
+export declare function ScoresCardView({ data, isLoading, isError }: ScoresCardViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/token-usage-by-agent-card-view.d.ts

@@ -12,4 +12,4 @@ export interface TokenUsageByAgentCardViewProps {
     /** Override how drilldown links are rendered. Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function TokenUsageByAgentCardView({ data, isLoading, isError, getRowHref, actions, LinkComponent, }: TokenUsageByAgentCardViewProps): import("react").JSX.Element;
+export declare function TokenUsageByAgentCardView({ data, isLoading, isError, getRowHref, actions, LinkComponent, }: TokenUsageByAgentCardViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/token-usage-timeline-card-view.d.ts

@@ -7,4 +7,4 @@ export interface TokenUsageTimelineCardViewProps {
     isError: boolean;
     actions?: ReactNode;
 }
-export declare function TokenUsageTimelineCardView({ data, interval, isLoading, isError, actions, }: TokenUsageTimelineCardViewProps): import("react").JSX.Element;
+export declare function TokenUsageTimelineCardView({ data, interval, isLoading, isError, actions, }: TokenUsageTimelineCardViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/components/traces-volume-card-view.d.ts

@@ -22,4 +22,4 @@ export interface TracesVolumeCardViewProps {
     /** Override how drilldown links are rendered (e.g. router-aware adapter). Defaults to `<a>`. */
     LinkComponent?: LinkComponent;
 }
-export declare function TracesVolumeCardView({ data, isLoading, isError, getRowHref, getErrorSegmentHref, actions, LinkComponent, }: TracesVolumeCardViewProps): import("react").JSX.Element;
+export declare function TracesVolumeCardView({ data, isLoading, isError, getRowHref, getErrorSegmentHref, actions, LinkComponent, }: TracesVolumeCardViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/metrics/hooks/use-metrics.d.ts

@@ -69,4 +69,4 @@ export declare function MetricsProvider({ children, preset, filterTokens, onPres
     tracesBasePath?: string;
     /** Base path for drilldown links to the Logs page. Defaults to `/logs` when omitted. */
     logsBasePath?: string;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/no-traces-info.d.ts

@@ -4,4 +4,4 @@ export interface NoTracesInfoProps {
     dateFrom?: Date;
     dateTo?: Date;
 }
-export declare const NoTracesInfo: ({ datePreset, dateFrom, dateTo }?: NoTracesInfoProps) => import("react").JSX.Element;
+export declare const NoTracesInfo: ({ datePreset, dateFrom, dateTo }?: NoTracesInfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/span-data-panel-view.d.ts

@@ -40,4 +40,4 @@ export interface SpanDataPanelViewProps {
      */
     isAnchor?: boolean;
 }
-export declare function SpanDataPanelView({ traceId, spanId, span, isLoading, onClose, onPrevious, onNext, activeTab, onTabChange, scoringTabSlot, scoringTabBadge, feedbackTabSlot, feedbackTabBadge, isAnchor, }: SpanDataPanelViewProps): import("react").JSX.Element;
+export declare function SpanDataPanelView({ traceId, spanId, span, isLoading, onClose, onPrevious, onNext, activeTab, onTabChange, scoringTabSlot, scoringTabBadge, feedbackTabSlot, feedbackTabBadge, isAnchor, }: SpanDataPanelViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,4 +11,4 @@ export interface SpanDetailsViewProps {
  * input/output/metadata/attributes code sections. Use this for inline span inspection; for the
  * full-width span view with scoring tab + prev/next nav, use `SpanDataPanelView`.
  */
-export declare function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps): import("react").JSX.Element;
+export declare function SpanDetailsView({ spanId, span, isLoading, onClose }: SpanDetailsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/domains/traces/components/span-token-usage.d.ts

@@ -4,5 +4,5 @@ type SpanTokenUsageProps = {
     usage: UsageStats;
     className?: string;
 };
-export declare function SpanTokenUsage({ usage, className }: SpanTokenUsageProps): import("react").JSX.Element | null;
+export declare function SpanTokenUsage({ usage, className }: SpanTokenUsageProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -14,5 +14,5 @@ type TimelineExpandColProps = {
     siblingsAllExpanded?: boolean;
     siblingsWithChildrenCount?: number;
 };
-export declare function TimelineExpandCol({ isSelected, isFaded, isExpanded, isRootSpan, toggleChildren, expandAllDescendants, collapseAllDescendants, collapseAll, totalDescendants, allDescendantsExpanded, numOfChildren, toggleSiblings, siblingsAllExpanded, siblingsWithChildrenCount, }: TimelineExpandColProps): import("react").JSX.Element;
+export declare function TimelineExpandCol({ isSelected, isFaded, isExpanded, isRootSpan, toggleChildren, expandAllDescendants, collapseAllDescendants, collapseAll, totalDescendants, allDescendantsExpanded, numOfChildren, toggleSiblings, siblingsAllExpanded, siblingsWithChildrenCount, }: TimelineExpandColProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -11,5 +11,5 @@ type TimelineNameColProps = {
     isRootSpan?: boolean;
     isExpanded?: boolean;
 };
-export declare function TimelineNameCol({ span, spanUI, isFaded, depth, onSpanClick, selectedSpanId, isLastChild, hasChildren: _hasChildren, isRootSpan, isExpanded: _isExpanded, }: TimelineNameColProps): import("react").JSX.Element;
+export declare function TimelineNameCol({ span, spanUI, isFaded, depth, onSpanClick, selectedSpanId, isLastChild, hasChildren: _hasChildren, isRootSpan, isExpanded: _isExpanded, }: TimelineNameColProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 type TimelineStructureSignProps = {
     isLastChild?: boolean;
 };
-export declare function TimelineStructureSign({ isLastChild }: TimelineStructureSignProps): import("react").JSX.Element;
+export declare function TimelineStructureSign({ isLastChild }: TimelineStructureSignProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,5 +8,5 @@ type TimelineTimingColProps = {
     color?: string;
     chartWidth?: 'wide' | 'default';
 };
-export declare function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, chartWidth, }: TimelineTimingColProps): import("react").JSX.Element;
+export declare function TimelineTimingCol({ span, selectedSpanId, isFaded, overallLatency, overallStartTime, color, chartWidth, }: TimelineTimingColProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -43,4 +43,4 @@ export interface TraceDataPanelViewProps {
      */
     showUnavailableFeaturesMsg?: boolean;
 }
-export declare function TraceDataPanelView({ traceId, spans, isLoading, onClose, onSpanSelect, onEvaluateTrace, onSaveAsDatasetItem, onAddTraceMocksToItem, initialSpanId, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, placement, timelineChartWidth, LinkComponent, traceHref, anchorSpanId, showUnavailableFeaturesMsg, }: TraceDataPanelViewProps): import("react").JSX.Element;
+export declare function TraceDataPanelView({ traceId, spans, isLoading, onClose, onSpanSelect, onEvaluateTrace, onSaveAsDatasetItem, onAddTraceMocksToItem, initialSpanId, onPrevious, onNext, collapsed: controlledCollapsed, onCollapsedChange, placement, timelineChartWidth, LinkComponent, traceHref, anchorSpanId, showUnavailableFeaturesMsg, }: TraceDataPanelViewProps): import("react/jsx-runtime").JSX.Element;

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;