@sero-ai/ui 0.3.0 → 0.3.2

package/dist/components/ai-elements/test-results.cjs

@@ -0,0 +1,376 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+var _jsxruntime = require('react/jsx-runtime');
+var _badge = require('../ui/badge');
+
+
+
+
+var _collapsible = require('../ui/collapsible');
+var _utils = require('../../lib/utils');
+
+
+
+
+
+
+var _lucidereact = require('lucide-react');
+var _react = require('react');
+const TestResultsContext = _react.createContext.call(void 0, {});
+const formatDuration = (ms) => {
+  if (ms < 1e3) {
+    return `${ms}ms`;
+  }
+  return `${(ms / 1e3).toFixed(2)}s`;
+};
+const TestResults = ({
+  summary,
+  className,
+  children,
+  ...props
+}) => {
+  const contextValue = _react.useMemo.call(void 0, () => ({ summary }), [summary]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestResultsContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, "rounded-lg border bg-background", className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( (summary && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TestResultsHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestResultsSummary, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestResultsDuration, {})
+      ] }))))
+    }
+  ) });
+};
+const TestResultsHeader = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _utils.cn.call(void 0, 
+      "flex items-center justify-between border-b px-4 py-3",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+const TestResultsSummary = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { summary } = _react.use.call(void 0, TestResultsContext);
+  if (!summary) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "flex items-center gap-3", className), ...props, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _badge.Badge,
+      {
+        className: "gap-1 bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+        variant: "secondary",
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CheckCircle2Icon, { className: "size-3" }),
+          summary.passed,
+          " passed"
+        ]
+      }
+    ),
+    summary.failed > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _badge.Badge,
+      {
+        className: "gap-1 bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400",
+        variant: "secondary",
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XCircleIcon, { className: "size-3" }),
+          summary.failed,
+          " failed"
+        ]
+      }
+    ),
+    summary.skipped > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _badge.Badge,
+      {
+        className: "gap-1 bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
+        variant: "secondary",
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleIcon, { className: "size-3" }),
+          summary.skipped,
+          " skipped"
+        ]
+      }
+    )
+  ] }))) });
+};
+const TestResultsDuration = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { summary } = _react.use.call(void 0, TestResultsContext);
+  if (!_optionalChain([summary, 'optionalAccess', _ => _.duration])) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "text-muted-foreground text-sm", className), ...props, children: _nullishCoalesce(children, () => ( formatDuration(summary.duration))) });
+};
+const TestResultsProgress = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { summary } = _react.use.call(void 0, TestResultsContext);
+  if (!summary) {
+    return null;
+  }
+  const passedPercent = summary.passed / summary.total * 100;
+  const failedPercent = summary.failed / summary.total * 100;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-2", className), ...props, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-2 overflow-hidden rounded-full bg-muted", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: "bg-green-500 transition-all",
+          style: { width: `${passedPercent}%` }
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: "bg-red-500 transition-all",
+          style: { width: `${failedPercent}%` }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between text-muted-foreground text-xs", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+        summary.passed,
+        "/",
+        summary.total,
+        " tests passed"
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+        passedPercent.toFixed(0),
+        "%"
+      ] })
+    ] })
+  ] }))) });
+};
+const TestResultsContent = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-2 p-4", className), ...props, children });
+const TestSuiteContext = _react.createContext.call(void 0, {
+  name: "",
+  status: "passed"
+});
+const TestSuite = ({
+  name,
+  status,
+  className,
+  children,
+  ...props
+}) => {
+  const contextValue = _react.useMemo.call(void 0, () => ({ name, status }), [name, status]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestSuiteContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.Collapsible, { className: _utils.cn.call(void 0, "rounded-lg border", className), ...props, children }) });
+};
+const TestSuiteName = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { name, status } = _react.use.call(void 0, TestSuiteContext);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _collapsible.CollapsibleTrigger,
+    {
+      className: _utils.cn.call(void 0, 
+        "group flex w-full items-center gap-2 px-4 py-3 text-left transition-colors hover:bg-muted/50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRightIcon, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestStatusIcon, { status }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-sm", children: _nullishCoalesce(children, () => ( name)) })
+      ]
+    }
+  );
+};
+const TestSuiteStats = ({
+  passed = 0,
+  failed = 0,
+  skipped = 0,
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _utils.cn.call(void 0, "ml-auto flex items-center gap-2 text-xs", className),
+    ...props,
+    children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      passed > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-green-600 dark:text-green-400", children: [
+        passed,
+        " passed"
+      ] }),
+      failed > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-red-600 dark:text-red-400", children: [
+        failed,
+        " failed"
+      ] }),
+      skipped > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-yellow-600 dark:text-yellow-400", children: [
+        skipped,
+        " skipped"
+      ] })
+    ] })))
+  }
+);
+const TestSuiteContent = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.CollapsibleContent, { className: _utils.cn.call(void 0, "border-t", className), ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "divide-y", children }) });
+const TestContext = _react.createContext.call(void 0, {
+  name: "",
+  status: "passed"
+});
+const Test = ({
+  name,
+  status,
+  duration,
+  className,
+  children,
+  ...props
+}) => {
+  const contextValue = _react.useMemo.call(void 0, 
+    () => ({ duration, name, status }),
+    [duration, name, status]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, "flex items-center gap-2 px-4 py-2 text-sm", className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestStatus, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestName, {}),
+        duration !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestDuration, {})
+      ] })))
+    }
+  ) });
+};
+const statusStyles = {
+  failed: "text-red-600 dark:text-red-400",
+  passed: "text-green-600 dark:text-green-400",
+  running: "text-blue-600 dark:text-blue-400",
+  skipped: "text-yellow-600 dark:text-yellow-400"
+};
+const statusIcons = {
+  failed: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XCircleIcon, { className: "size-4" }),
+  passed: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CheckCircle2Icon, { className: "size-4" }),
+  running: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleDotIcon, { className: "size-4 animate-pulse" }),
+  skipped: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleIcon, { className: "size-4" })
+};
+const TestStatusIcon = ({ status }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "shrink-0", statusStyles[status]), children: statusIcons[status] });
+const TestStatus = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { status } = _react.use.call(void 0, TestContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: _utils.cn.call(void 0, "shrink-0", statusStyles[status], className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( statusIcons[status]))
+    }
+  );
+};
+const TestName = ({ className, children, ...props }) => {
+  const { name } = _react.use.call(void 0, TestContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "flex-1", className), ...props, children: _nullishCoalesce(children, () => ( name)) });
+};
+const TestDuration = ({
+  className,
+  children,
+  ...props
+}) => {
+  const { duration } = _react.use.call(void 0, TestContext);
+  if (duration === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: _utils.cn.call(void 0, "ml-auto text-muted-foreground text-xs", className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( `${duration}ms`))
+    }
+  );
+};
+const TestError = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _utils.cn.call(void 0, 
+      "mt-2 rounded-md bg-red-50 p-3 dark:bg-red-900/20",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+const TestErrorMessage = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "p",
+  {
+    className: _utils.cn.call(void 0, 
+      "font-medium text-red-700 text-sm dark:text-red-400",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+const TestErrorStack = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "pre",
+  {
+    className: _utils.cn.call(void 0, 
+      "mt-2 overflow-auto font-mono text-red-600 text-xs dark:text-red-400",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Test = Test; exports.TestDuration = TestDuration; exports.TestError = TestError; exports.TestErrorMessage = TestErrorMessage; exports.TestErrorStack = TestErrorStack; exports.TestName = TestName; exports.TestResults = TestResults; exports.TestResultsContent = TestResultsContent; exports.TestResultsDuration = TestResultsDuration; exports.TestResultsHeader = TestResultsHeader; exports.TestResultsProgress = TestResultsProgress; exports.TestResultsSummary = TestResultsSummary; exports.TestStatus = TestStatus; exports.TestSuite = TestSuite; exports.TestSuiteContent = TestSuiteContent; exports.TestSuiteName = TestSuiteName; exports.TestSuiteStats = TestSuiteStats;

package/dist/components/ai-elements/test-results.d.cts

@@ -0,0 +1,62 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes, ComponentProps } from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible.cjs';
+import 'radix-ui';
+
+type TestResultsProps = HTMLAttributes<HTMLDivElement> & {
+    summary?: TestResultsSummary;
+};
+declare const TestResults: ({ summary, className, children, ...props }: TestResultsProps) => react_jsx_runtime.JSX.Element;
+type TestResultsHeaderProps = HTMLAttributes<HTMLDivElement>;
+declare const TestResultsHeader: ({ className, children, ...props }: TestResultsHeaderProps) => react_jsx_runtime.JSX.Element;
+type TestResultsSummaryProps = HTMLAttributes<HTMLDivElement>;
+interface TestResultsSummary {
+    passed: number;
+    failed: number;
+    skipped: number;
+    total: number;
+    duration?: number;
+}
+declare const TestResultsSummary: ({ className, children, ...props }: TestResultsSummaryProps) => react_jsx_runtime.JSX.Element | null;
+type TestResultsDurationProps = HTMLAttributes<HTMLSpanElement>;
+declare const TestResultsDuration: ({ className, children, ...props }: TestResultsDurationProps) => react_jsx_runtime.JSX.Element | null;
+type TestResultsProgressProps = HTMLAttributes<HTMLDivElement>;
+declare const TestResultsProgress: ({ className, children, ...props }: TestResultsProgressProps) => react_jsx_runtime.JSX.Element | null;
+type TestResultsContentProps = HTMLAttributes<HTMLDivElement>;
+declare const TestResultsContent: ({ className, children, ...props }: TestResultsContentProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteProps = ComponentProps<typeof Collapsible> & {
+    name: string;
+    status: TestStatus;
+};
+declare const TestSuite: ({ name, status, className, children, ...props }: TestSuiteProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteNameProps = ComponentProps<typeof CollapsibleTrigger>;
+declare const TestSuiteName: ({ className, children, ...props }: TestSuiteNameProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteStatsProps = HTMLAttributes<HTMLDivElement> & {
+    passed?: number;
+    failed?: number;
+    skipped?: number;
+};
+declare const TestSuiteStats: ({ passed, failed, skipped, className, children, ...props }: TestSuiteStatsProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteContentProps = ComponentProps<typeof CollapsibleContent>;
+declare const TestSuiteContent: ({ className, children, ...props }: TestSuiteContentProps) => react_jsx_runtime.JSX.Element;
+type TestProps = HTMLAttributes<HTMLDivElement> & {
+    name: string;
+    status: TestStatus;
+    duration?: number;
+};
+declare const Test: ({ name, status, duration, className, children, ...props }: TestProps) => react_jsx_runtime.JSX.Element;
+type TestStatusProps = HTMLAttributes<HTMLSpanElement>;
+type TestStatus = "passed" | "failed" | "skipped" | "running";
+declare const TestStatus: ({ className, children, ...props }: TestStatusProps) => react_jsx_runtime.JSX.Element;
+type TestNameProps = HTMLAttributes<HTMLSpanElement>;
+declare const TestName: ({ className, children, ...props }: TestNameProps) => react_jsx_runtime.JSX.Element;
+type TestDurationProps = HTMLAttributes<HTMLSpanElement>;
+declare const TestDuration: ({ className, children, ...props }: TestDurationProps) => react_jsx_runtime.JSX.Element | null;
+type TestErrorProps = HTMLAttributes<HTMLDivElement>;
+declare const TestError: ({ className, children, ...props }: TestErrorProps) => react_jsx_runtime.JSX.Element;
+type TestErrorMessageProps = HTMLAttributes<HTMLParagraphElement>;
+declare const TestErrorMessage: ({ className, children, ...props }: TestErrorMessageProps) => react_jsx_runtime.JSX.Element;
+type TestErrorStackProps = HTMLAttributes<HTMLPreElement>;
+declare const TestErrorStack: ({ className, children, ...props }: TestErrorStackProps) => react_jsx_runtime.JSX.Element;
+
+export { Test, TestDuration, type TestDurationProps, TestError, TestErrorMessage, type TestErrorMessageProps, type TestErrorProps, TestErrorStack, type TestErrorStackProps, TestName, type TestNameProps, type TestProps, TestResults, TestResultsContent, type TestResultsContentProps, TestResultsDuration, type TestResultsDurationProps, TestResultsHeader, type TestResultsHeaderProps, TestResultsProgress, type TestResultsProgressProps, type TestResultsProps, TestResultsSummary, type TestResultsSummaryProps, TestStatus, type TestStatusProps, TestSuite, TestSuiteContent, type TestSuiteContentProps, TestSuiteName, type TestSuiteNameProps, type TestSuiteProps, TestSuiteStats, type TestSuiteStatsProps };

package/dist/components/ai-elements/test-results.d.ts

@@ -0,0 +1,62 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes, ComponentProps } from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible.js';
+import 'radix-ui';
+
+type TestResultsProps = HTMLAttributes<HTMLDivElement> & {
+    summary?: TestResultsSummary;
+};
+declare const TestResults: ({ summary, className, children, ...props }: TestResultsProps) => react_jsx_runtime.JSX.Element;
+type TestResultsHeaderProps = HTMLAttributes<HTMLDivElement>;
+declare const TestResultsHeader: ({ className, children, ...props }: TestResultsHeaderProps) => react_jsx_runtime.JSX.Element;
+type TestResultsSummaryProps = HTMLAttributes<HTMLDivElement>;
+interface TestResultsSummary {
+    passed: number;
+    failed: number;
+    skipped: number;
+    total: number;
+    duration?: number;
+}
+declare const TestResultsSummary: ({ className, children, ...props }: TestResultsSummaryProps) => react_jsx_runtime.JSX.Element | null;
+type TestResultsDurationProps = HTMLAttributes<HTMLSpanElement>;
+declare const TestResultsDuration: ({ className, children, ...props }: TestResultsDurationProps) => react_jsx_runtime.JSX.Element | null;
+type TestResultsProgressProps = HTMLAttributes<HTMLDivElement>;
+declare const TestResultsProgress: ({ className, children, ...props }: TestResultsProgressProps) => react_jsx_runtime.JSX.Element | null;
+type TestResultsContentProps = HTMLAttributes<HTMLDivElement>;
+declare const TestResultsContent: ({ className, children, ...props }: TestResultsContentProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteProps = ComponentProps<typeof Collapsible> & {
+    name: string;
+    status: TestStatus;
+};
+declare const TestSuite: ({ name, status, className, children, ...props }: TestSuiteProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteNameProps = ComponentProps<typeof CollapsibleTrigger>;
+declare const TestSuiteName: ({ className, children, ...props }: TestSuiteNameProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteStatsProps = HTMLAttributes<HTMLDivElement> & {
+    passed?: number;
+    failed?: number;
+    skipped?: number;
+};
+declare const TestSuiteStats: ({ passed, failed, skipped, className, children, ...props }: TestSuiteStatsProps) => react_jsx_runtime.JSX.Element;
+type TestSuiteContentProps = ComponentProps<typeof CollapsibleContent>;
+declare const TestSuiteContent: ({ className, children, ...props }: TestSuiteContentProps) => react_jsx_runtime.JSX.Element;
+type TestProps = HTMLAttributes<HTMLDivElement> & {
+    name: string;
+    status: TestStatus;
+    duration?: number;
+};
+declare const Test: ({ name, status, duration, className, children, ...props }: TestProps) => react_jsx_runtime.JSX.Element;
+type TestStatusProps = HTMLAttributes<HTMLSpanElement>;
+type TestStatus = "passed" | "failed" | "skipped" | "running";
+declare const TestStatus: ({ className, children, ...props }: TestStatusProps) => react_jsx_runtime.JSX.Element;
+type TestNameProps = HTMLAttributes<HTMLSpanElement>;
+declare const TestName: ({ className, children, ...props }: TestNameProps) => react_jsx_runtime.JSX.Element;
+type TestDurationProps = HTMLAttributes<HTMLSpanElement>;
+declare const TestDuration: ({ className, children, ...props }: TestDurationProps) => react_jsx_runtime.JSX.Element | null;
+type TestErrorProps = HTMLAttributes<HTMLDivElement>;
+declare const TestError: ({ className, children, ...props }: TestErrorProps) => react_jsx_runtime.JSX.Element;
+type TestErrorMessageProps = HTMLAttributes<HTMLParagraphElement>;
+declare const TestErrorMessage: ({ className, children, ...props }: TestErrorMessageProps) => react_jsx_runtime.JSX.Element;
+type TestErrorStackProps = HTMLAttributes<HTMLPreElement>;
+declare const TestErrorStack: ({ className, children, ...props }: TestErrorStackProps) => react_jsx_runtime.JSX.Element;
+
+export { Test, TestDuration, type TestDurationProps, TestError, TestErrorMessage, type TestErrorMessageProps, type TestErrorProps, TestErrorStack, type TestErrorStackProps, TestName, type TestNameProps, type TestProps, TestResults, TestResultsContent, type TestResultsContentProps, TestResultsDuration, type TestResultsDurationProps, TestResultsHeader, type TestResultsHeaderProps, TestResultsProgress, type TestResultsProgressProps, type TestResultsProps, TestResultsSummary, type TestResultsSummaryProps, TestStatus, type TestStatusProps, TestSuite, TestSuiteContent, type TestSuiteContentProps, TestSuiteName, type TestSuiteNameProps, type TestSuiteProps, TestSuiteStats, type TestSuiteStatsProps };