@sero-ai/ui 0.3.0 → 0.3.2

package/dist/components/ai-elements/stack-trace.cjs

@@ -0,0 +1,403 @@
+"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 _reactusecontrollablestate = require('@radix-ui/react-use-controllable-state');
+var _button = require('../ui/button');
+
+
+
+
+var _collapsible = require('../ui/collapsible');
+var _utils = require('../../lib/utils');
+
+
+
+
+
+var _lucidereact = require('lucide-react');
+
+
+
+
+
+
+
+
+
+var _react = require('react');
+const STACK_FRAME_WITH_PARENS_REGEX = /^at\s+(.+?)\s+\((.+):(\d+):(\d+)\)$/;
+const STACK_FRAME_WITHOUT_FN_REGEX = /^at\s+(.+):(\d+):(\d+)$/;
+const ERROR_TYPE_REGEX = /^(\w+Error|Error):\s*(.*)$/;
+const AT_PREFIX_REGEX = /^at\s+/;
+const StackTraceContext = _react.createContext.call(void 0, null);
+const useStackTrace = () => {
+  const context = _react.useContext.call(void 0, StackTraceContext);
+  if (!context) {
+    throw new Error("StackTrace components must be used within StackTrace");
+  }
+  return context;
+};
+const parseStackFrame = (line) => {
+  const trimmed = line.trim();
+  const withParensMatch = trimmed.match(STACK_FRAME_WITH_PARENS_REGEX);
+  if (withParensMatch) {
+    const [, functionName, filePath, lineNum, colNum] = withParensMatch;
+    const isInternal = filePath.includes("node_modules") || filePath.startsWith("node:") || filePath.includes("internal/");
+    return {
+      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,
+      filePath: _nullishCoalesce(filePath, () => ( null)),
+      functionName: _nullishCoalesce(functionName, () => ( null)),
+      isInternal,
+      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,
+      raw: trimmed
+    };
+  }
+  const withoutFnMatch = trimmed.match(STACK_FRAME_WITHOUT_FN_REGEX);
+  if (withoutFnMatch) {
+    const [, filePath, lineNum, colNum] = withoutFnMatch;
+    const isInternal = (_nullishCoalesce(_optionalChain([filePath, 'optionalAccess', _ => _.includes, 'call', _2 => _2("node_modules")]), () => ( false))) || (_nullishCoalesce(_optionalChain([filePath, 'optionalAccess', _3 => _3.startsWith, 'call', _4 => _4("node:")]), () => ( false))) || (_nullishCoalesce(_optionalChain([filePath, 'optionalAccess', _5 => _5.includes, 'call', _6 => _6("internal/")]), () => ( false)));
+    return {
+      columnNumber: colNum ? Number.parseInt(colNum, 10) : null,
+      filePath: _nullishCoalesce(filePath, () => ( null)),
+      functionName: null,
+      isInternal,
+      lineNumber: lineNum ? Number.parseInt(lineNum, 10) : null,
+      raw: trimmed
+    };
+  }
+  return {
+    columnNumber: null,
+    filePath: null,
+    functionName: null,
+    isInternal: trimmed.includes("node_modules") || trimmed.includes("node:"),
+    lineNumber: null,
+    raw: trimmed
+  };
+};
+const parseStackTrace = (trace) => {
+  const lines = trace.split("\n").filter((line) => line.trim());
+  if (lines.length === 0) {
+    return {
+      errorMessage: trace,
+      errorType: null,
+      frames: [],
+      raw: trace
+    };
+  }
+  const firstLine = lines[0].trim();
+  let errorType = null;
+  let errorMessage = firstLine;
+  const errorMatch = firstLine.match(ERROR_TYPE_REGEX);
+  if (errorMatch) {
+    const [, type, msg] = errorMatch;
+    errorType = type;
+    errorMessage = msg || "";
+  }
+  const frames = lines.slice(1).filter((line) => line.trim().startsWith("at ")).map(parseStackFrame);
+  return {
+    errorMessage,
+    errorType,
+    frames,
+    raw: trace
+  };
+};
+const StackTrace = _react.memo.call(void 0, 
+  ({
+    trace,
+    className,
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    onFilePathClick,
+    children,
+    ...props
+  }) => {
+    const [isOpen, setIsOpen] = _reactusecontrollablestate.useControllableState.call(void 0, {
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: open
+    });
+    const parsedTrace = _react.useMemo.call(void 0, () => parseStackTrace(trace), [trace]);
+    const contextValue = _react.useMemo.call(void 0, 
+      () => ({
+        isOpen,
+        onFilePathClick,
+        raw: trace,
+        setIsOpen,
+        trace: parsedTrace
+      }),
+      [parsedTrace, trace, isOpen, setIsOpen, onFilePathClick]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StackTraceContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _utils.cn.call(void 0, 
+          "not-prose w-full overflow-hidden rounded-lg border bg-background font-mono text-sm",
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+const StackTraceHeader = _react.memo.call(void 0, 
+  ({ className, children, ...props }) => {
+    const { isOpen, setIsOpen } = useStackTrace();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.CollapsibleTrigger, { asChild: true, ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _utils.cn.call(void 0, 
+          "flex w-full cursor-pointer items-center gap-3 p-3 text-left transition-colors hover:bg-muted/50",
+          className
+        ),
+        children
+      }
+    ) }) });
+  }
+);
+const StackTraceError = _react.memo.call(void 0, 
+  ({ className, children, ...props }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _utils.cn.call(void 0, 
+        "flex flex-1 items-center gap-2 overflow-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertTriangleIcon, { className: "size-4 shrink-0 text-destructive" }),
+        children
+      ]
+    }
+  )
+);
+const StackTraceErrorType = _react.memo.call(void 0, 
+  ({ className, children, ...props }) => {
+    const { trace } = useStackTrace();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        className: _utils.cn.call(void 0, "shrink-0 font-semibold text-destructive", className),
+        ...props,
+        children: _nullishCoalesce(children, () => ( trace.errorType))
+      }
+    );
+  }
+);
+const StackTraceErrorMessage = _react.memo.call(void 0, 
+  ({ className, children, ...props }) => {
+    const { trace } = useStackTrace();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _utils.cn.call(void 0, "truncate text-foreground", className), ...props, children: _nullishCoalesce(children, () => ( trace.errorMessage)) });
+  }
+);
+const handleActionsClick = (e) => e.stopPropagation();
+const handleActionsKeyDown = (e) => {
+  if (e.key === "Enter" || e.key === " ") {
+    e.stopPropagation();
+  }
+};
+const StackTraceActions = _react.memo.call(void 0, 
+  ({ className, children, ...props }) => (
+    // biome-ignore lint/a11y/noNoninteractiveElementInteractions: stopPropagation required for nested interactions
+    // biome-ignore lint/a11y/useSemanticElements: fieldset doesn't fit this UI pattern
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _utils.cn.call(void 0, "flex shrink-0 items-center gap-1", className),
+        onClick: handleActionsClick,
+        onKeyDown: handleActionsKeyDown,
+        role: "group",
+        ...props,
+        children
+      }
+    )
+  )
+);
+const StackTraceCopyButton = _react.memo.call(void 0, 
+  ({
+    onCopy,
+    onError,
+    timeout = 2e3,
+    className,
+    children,
+    ...props
+  }) => {
+    const [isCopied, setIsCopied] = _react.useState.call(void 0, false);
+    const timeoutRef = _react.useRef.call(void 0, 0);
+    const { raw } = useStackTrace();
+    const copyToClipboard = _react.useCallback.call(void 0, async () => {
+      if (typeof window === "undefined" || !_optionalChain([navigator, 'optionalAccess', _7 => _7.clipboard, 'optionalAccess', _8 => _8.writeText])) {
+        _optionalChain([onError, 'optionalCall', _9 => _9(new Error("Clipboard API not available"))]);
+        return;
+      }
+      try {
+        await navigator.clipboard.writeText(raw);
+        setIsCopied(true);
+        _optionalChain([onCopy, 'optionalCall', _10 => _10()]);
+        timeoutRef.current = window.setTimeout(
+          () => setIsCopied(false),
+          timeout
+        );
+      } catch (error) {
+        _optionalChain([onError, 'optionalCall', _11 => _11(error)]);
+      }
+    }, [raw, onCopy, onError, timeout]);
+    _react.useEffect.call(void 0, 
+      () => () => {
+        window.clearTimeout(timeoutRef.current);
+      },
+      []
+    );
+    const Icon = isCopied ? _lucidereact.CheckIcon : _lucidereact.CopyIcon;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _button.Button,
+      {
+        className: _utils.cn.call(void 0, "size-7", className),
+        onClick: copyToClipboard,
+        size: "icon",
+        variant: "ghost",
+        ...props,
+        children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { size: 14 })))
+      }
+    );
+  }
+);
+const StackTraceExpandButton = _react.memo.call(void 0, 
+  ({ className, ...props }) => {
+    const { isOpen } = useStackTrace();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _utils.cn.call(void 0, "flex size-7 items-center justify-center", className),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _lucidereact.ChevronDownIcon,
+          {
+            className: _utils.cn.call(void 0, 
+              "size-4 text-muted-foreground transition-transform",
+              isOpen ? "rotate-180" : "rotate-0"
+            )
+          }
+        )
+      }
+    );
+  }
+);
+const StackTraceContent = _react.memo.call(void 0, 
+  ({
+    className,
+    maxHeight = 400,
+    children,
+    ...props
+  }) => {
+    const { isOpen } = useStackTrace();
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _collapsible.Collapsible, { open: isOpen, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _collapsible.CollapsibleContent,
+      {
+        className: _utils.cn.call(void 0, 
+          "overflow-auto border-t bg-muted/30",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=open]:animate-in",
+          className
+        ),
+        style: { maxHeight },
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+const FilePathButton = _react.memo.call(void 0, 
+  ({ frame, onFilePathClick }) => {
+    const handleClick = _react.useCallback.call(void 0, () => {
+      if (frame.filePath) {
+        _optionalChain([onFilePathClick, 'optionalCall', _12 => _12(
+          frame.filePath,
+          _nullishCoalesce(frame.lineNumber, () => ( void 0)),
+          _nullishCoalesce(frame.columnNumber, () => ( void 0))
+        )]);
+      }
+    }, [frame, onFilePathClick]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        className: _utils.cn.call(void 0, 
+          "underline decoration-dotted hover:text-primary",
+          onFilePathClick && "cursor-pointer"
+        ),
+        disabled: !onFilePathClick,
+        onClick: handleClick,
+        type: "button",
+        children: [
+          frame.filePath,
+          frame.lineNumber !== null && `:${frame.lineNumber}`,
+          frame.columnNumber !== null && `:${frame.columnNumber}`
+        ]
+      }
+    );
+  }
+);
+FilePathButton.displayName = "FilePathButton";
+const StackTraceFrames = _react.memo.call(void 0, 
+  ({
+    className,
+    showInternalFrames = true,
+    ...props
+  }) => {
+    const { trace, onFilePathClick } = useStackTrace();
+    const framesToShow = showInternalFrames ? trace.frames : trace.frames.filter((f) => !f.isInternal);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _utils.cn.call(void 0, "space-y-1 p-3", className), ...props, children: [
+      framesToShow.map((frame, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _utils.cn.call(void 0, 
+            "text-xs",
+            frame.isInternal ? "text-muted-foreground/50" : "text-foreground/90"
+          ),
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground", children: "at " }),
+            frame.functionName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: frame.isInternal ? "" : "text-foreground", children: [
+              frame.functionName,
+              " "
+            ] }),
+            frame.filePath && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground", children: "(" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                FilePathButton,
+                {
+                  frame,
+                  onFilePathClick
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground", children: ")" })
+            ] }),
+            !(frame.filePath || frame.functionName) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: frame.raw.replace(AT_PREFIX_REGEX, "") })
+          ]
+        },
+        `${frame.raw}-${index}`
+      )),
+      framesToShow.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground text-xs", children: "No stack frames" })
+    ] });
+  }
+);
+StackTrace.displayName = "StackTrace";
+StackTraceHeader.displayName = "StackTraceHeader";
+StackTraceError.displayName = "StackTraceError";
+StackTraceErrorType.displayName = "StackTraceErrorType";
+StackTraceErrorMessage.displayName = "StackTraceErrorMessage";
+StackTraceActions.displayName = "StackTraceActions";
+StackTraceCopyButton.displayName = "StackTraceCopyButton";
+StackTraceExpandButton.displayName = "StackTraceExpandButton";
+StackTraceContent.displayName = "StackTraceContent";
+StackTraceFrames.displayName = "StackTraceFrames";
+
+
+
+
+
+
+
+
+
+
+
+exports.StackTrace = StackTrace; exports.StackTraceActions = StackTraceActions; exports.StackTraceContent = StackTraceContent; exports.StackTraceCopyButton = StackTraceCopyButton; exports.StackTraceError = StackTraceError; exports.StackTraceErrorMessage = StackTraceErrorMessage; exports.StackTraceErrorType = StackTraceErrorType; exports.StackTraceExpandButton = StackTraceExpandButton; exports.StackTraceFrames = StackTraceFrames; exports.StackTraceHeader = StackTraceHeader;

package/dist/components/ai-elements/stack-trace.d.cts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Button } from '../ui/button.cjs';
+import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'radix-ui';
+
+type StackTraceProps = ComponentProps<"div"> & {
+    trace: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onFilePathClick?: (filePath: string, line?: number, column?: number) => void;
+};
+declare const StackTrace: React.MemoExoticComponent<({ trace, className, open, defaultOpen, onOpenChange, onFilePathClick, children, ...props }: StackTraceProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+declare const StackTraceHeader: React.MemoExoticComponent<({ className, children, ...props }: StackTraceHeaderProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceErrorProps = ComponentProps<"div">;
+declare const StackTraceError: React.MemoExoticComponent<({ className, children, ...props }: StackTraceErrorProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceErrorTypeProps = ComponentProps<"span">;
+declare const StackTraceErrorType: React.MemoExoticComponent<({ className, children, ...props }: StackTraceErrorTypeProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceErrorMessageProps = ComponentProps<"span">;
+declare const StackTraceErrorMessage: React.MemoExoticComponent<({ className, children, ...props }: StackTraceErrorMessageProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceActionsProps = ComponentProps<"div">;
+declare const StackTraceActions: React.MemoExoticComponent<({ className, children, ...props }: StackTraceActionsProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+declare const StackTraceCopyButton: React.MemoExoticComponent<({ onCopy, onError, timeout, className, children, ...props }: StackTraceCopyButtonProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceExpandButtonProps = ComponentProps<"div">;
+declare const StackTraceExpandButton: React.MemoExoticComponent<({ className, ...props }: StackTraceExpandButtonProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceContentProps = ComponentProps<typeof CollapsibleContent> & {
+    maxHeight?: number;
+};
+declare const StackTraceContent: React.MemoExoticComponent<({ className, maxHeight, children, ...props }: StackTraceContentProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceFramesProps = ComponentProps<"div"> & {
+    showInternalFrames?: boolean;
+};
+declare const StackTraceFrames: React.MemoExoticComponent<({ className, showInternalFrames, ...props }: StackTraceFramesProps) => react_jsx_runtime.JSX.Element>;
+
+export { StackTrace, StackTraceActions, type StackTraceActionsProps, StackTraceContent, type StackTraceContentProps, StackTraceCopyButton, type StackTraceCopyButtonProps, StackTraceError, StackTraceErrorMessage, type StackTraceErrorMessageProps, type StackTraceErrorProps, StackTraceErrorType, type StackTraceErrorTypeProps, StackTraceExpandButton, type StackTraceExpandButtonProps, StackTraceFrames, type StackTraceFramesProps, StackTraceHeader, type StackTraceHeaderProps, type StackTraceProps };

package/dist/components/ai-elements/stack-trace.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { ComponentProps } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Button } from '../ui/button.js';
+import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import 'radix-ui';
+
+type StackTraceProps = ComponentProps<"div"> & {
+    trace: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onFilePathClick?: (filePath: string, line?: number, column?: number) => void;
+};
+declare const StackTrace: React.MemoExoticComponent<({ trace, className, open, defaultOpen, onOpenChange, onFilePathClick, children, ...props }: StackTraceProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+declare const StackTraceHeader: React.MemoExoticComponent<({ className, children, ...props }: StackTraceHeaderProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceErrorProps = ComponentProps<"div">;
+declare const StackTraceError: React.MemoExoticComponent<({ className, children, ...props }: StackTraceErrorProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceErrorTypeProps = ComponentProps<"span">;
+declare const StackTraceErrorType: React.MemoExoticComponent<({ className, children, ...props }: StackTraceErrorTypeProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceErrorMessageProps = ComponentProps<"span">;
+declare const StackTraceErrorMessage: React.MemoExoticComponent<({ className, children, ...props }: StackTraceErrorMessageProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceActionsProps = ComponentProps<"div">;
+declare const StackTraceActions: React.MemoExoticComponent<({ className, children, ...props }: StackTraceActionsProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceCopyButtonProps = ComponentProps<typeof Button> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+declare const StackTraceCopyButton: React.MemoExoticComponent<({ onCopy, onError, timeout, className, children, ...props }: StackTraceCopyButtonProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceExpandButtonProps = ComponentProps<"div">;
+declare const StackTraceExpandButton: React.MemoExoticComponent<({ className, ...props }: StackTraceExpandButtonProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceContentProps = ComponentProps<typeof CollapsibleContent> & {
+    maxHeight?: number;
+};
+declare const StackTraceContent: React.MemoExoticComponent<({ className, maxHeight, children, ...props }: StackTraceContentProps) => react_jsx_runtime.JSX.Element>;
+type StackTraceFramesProps = ComponentProps<"div"> & {
+    showInternalFrames?: boolean;
+};
+declare const StackTraceFrames: React.MemoExoticComponent<({ className, showInternalFrames, ...props }: StackTraceFramesProps) => react_jsx_runtime.JSX.Element>;
+
+export { StackTrace, StackTraceActions, type StackTraceActionsProps, StackTraceContent, type StackTraceContentProps, StackTraceCopyButton, type StackTraceCopyButtonProps, StackTraceError, StackTraceErrorMessage, type StackTraceErrorMessageProps, type StackTraceErrorProps, StackTraceErrorType, type StackTraceErrorTypeProps, StackTraceExpandButton, type StackTraceExpandButtonProps, StackTraceFrames, type StackTraceFramesProps, StackTraceHeader, type StackTraceHeaderProps, type StackTraceProps };