npm - @fairshare/ui-kit - Versions diffs - 0.1.0 - Mend

@fairshare/ui-kit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/LICENSE +21 -0
package/README.md +76 -0
package/dist/accordion/Accordion.d.ts +11 -0
package/dist/agent-status/AgentStatus.d.ts +8 -0
package/dist/approval-gate/ApprovalGate.d.ts +12 -0
package/dist/attachments/Attachments.d.ts +10 -0
package/dist/avatar/Avatar.d.ts +10 -0
package/dist/badge/Badge.d.ts +6 -0
package/dist/banner/Banner.d.ts +14 -0
package/dist/branch/Branch.d.ts +8 -0
package/dist/breadcrumbs/Breadcrumbs.d.ts +10 -0
package/dist/button/Button.d.ts +7 -0
package/dist/card/Card.d.ts +8 -0
package/dist/chain-of-thought/ChainOfThought.d.ts +11 -0
package/dist/checkbox/Checkbox.d.ts +3 -0
package/dist/checkpoint/Checkpoint.d.ts +6 -0
package/dist/code-block/CodeBlock.d.ts +5 -0
package/dist/combobox/Combobox.d.ts +10 -0
package/dist/commit/Commit.d.ts +13 -0
package/dist/confidence-badge/ConfidenceBadge.d.ts +8 -0
package/dist/connection/Connection.d.ts +8 -0
package/dist/conversation/Conversation.d.ts +7 -0
package/dist/description-list/DescriptionList.d.ts +9 -0
package/dist/dialog/Dialog.d.ts +16 -0
package/dist/diff-view/DiffView.d.ts +12 -0
package/dist/drawer/Drawer.d.ts +8 -0
package/dist/empty-state/EmptyState.d.ts +8 -0
package/dist/feedback-buttons/FeedbackButtons.d.ts +4 -0
package/dist/field/Field.d.ts +11 -0
package/dist/index.d.ts +66 -0
package/dist/index.js +2629 -0
package/dist/inline-citation/InlineCitation.d.ts +8 -0
package/dist/input/Input.d.ts +9 -0
package/dist/label/Label.d.ts +3 -0
package/dist/menu/Menu.d.ts +22 -0
package/dist/message/Message.d.ts +7 -0
package/dist/message-actions/MessageActions.d.ts +8 -0
package/dist/meter/Meter.d.ts +6 -0
package/dist/number-field/NumberField.d.ts +3 -0
package/dist/pagination/Pagination.d.ts +6 -0
package/dist/plan/Plan.d.ts +11 -0
package/dist/popover/Popover.d.ts +8 -0
package/dist/progress/Progress.d.ts +3 -0
package/dist/prompt-input/PromptInput.d.ts +12 -0
package/dist/queue/Queue.d.ts +10 -0
package/dist/radio/RadioGroup.d.ts +10 -0
package/dist/select/Select.d.ts +12 -0
package/dist/shimmer/Shimmer.d.ts +6 -0
package/dist/sidebar/Sidebar.d.ts +42 -0
package/dist/skeleton/Skeleton.d.ts +8 -0
package/dist/slider/Slider.d.ts +3 -0
package/dist/sources/Sources.d.ts +11 -0
package/dist/spinner/Spinner.d.ts +5 -0
package/dist/stack-trace/StackTrace.d.ts +11 -0
package/dist/stat-card/StatCard.d.ts +9 -0
package/dist/streaming-text/StreamingText.d.ts +8 -0
package/dist/styles.css +2 -0
package/dist/suggestion-chip/SuggestionChip.d.ts +9 -0
package/dist/switch/Switch.d.ts +3 -0
package/dist/table/Table.d.ts +21 -0
package/dist/tabs/Tabs.d.ts +11 -0
package/dist/terminal/Terminal.d.ts +10 -0
package/dist/test-results/TestResults.d.ts +9 -0
package/dist/thinking-block/ThinkingBlock.d.ts +11 -0
package/dist/toast/Toast.d.ts +13 -0
package/dist/token-meter/TokenMeter.d.ts +9 -0
package/dist/tool-call-timeline/ToolCallTimeline.d.ts +13 -0
package/dist/tooltip/Tooltip.d.ts +9 -0
package/dist/tree/Tree.d.ts +19 -0
package/dist/user-profile/UserProfile.d.ts +16 -0
package/dist/web-preview/WebPreview.d.ts +7 -0
package/package.json +60 -0

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2026 Agent Interface Kit contributors
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,76 @@
+# Agent Interface Kit
+Accessible, typed React components for building AI and agent interfaces. It includes general UI primitives alongside conversation, tool-call, approval, source, terminal, diff, and status components.
+## Install
+```sh
+npm install agent-interface-kit
+```
+React and React DOM are peer dependencies. React 17, 18, and 19 are supported.
+## Use
+Import the stylesheet once near the root of your application, then import components from the package:
+```tsx
+import 'agent-interface-kit/styles.css'
+import { Button, Message, PromptInput } from 'agent-interface-kit'
+export function Chat() {
+  return (
+    <>
+      <Message role="assistant">How can I help?</Message>
+      <PromptInput onSubmit={(value) => console.log(value)} />
+      <Button>New conversation</Button>
+    </>
+  )
+}
+```
+The package ships as ESM and includes TypeScript declarations.
+## Components
+- Primitives: Accordion, Avatar, Badge, Banner, Breadcrumbs, Button, Card, Checkbox, Combobox, Dialog, Drawer, Field, Input, Label, Menu, Meter, NumberField, Pagination, Popover, Progress, RadioGroup, Select, Skeleton, Slider, Spinner, Switch, Table, Tabs, Toast, Tooltip
+- Agent UI: AgentStatus, ApprovalGate, Attachments, Branch, ChainOfThought, Checkpoint, CodeBlock, Commit, ConfidenceBadge, Connection, Conversation, DiffView, FeedbackButtons, InlineCitation, Message, MessageActions, Plan, PromptInput, Queue, Shimmer, Sidebar, Sources, StackTrace, StatCard, StreamingText, SuggestionChip, Terminal, TestResults, ThinkingBlock, TokenMeter, ToolCallTimeline, Tree, UserProfile, WebPreview
+Component props and supporting data types are exported from the same entry point.
+## Theming
+Override the package's CSS custom properties globally or on a wrapping element:
+```css
+:root {
+  --ui-accent: #6d4aff;
+  --ui-accent-hover: #5938df;
+  --ui-radius: 0.5rem;
+  --ui-font: Inter, system-ui, sans-serif;
+}
+```
+Dark mode follows the system preference by default. Force a theme with `data-theme="dark"` or `data-theme="light"` on an ancestor such as `<html>`.
+## Development and publishing
+```sh
+npm install
+npm test
+npm run build
+npm run check:package
+```
+Before publishing, replace the provisional `name` in `package.json` if needed and verify availability with `npm view <name>`. Then authenticate and publish:
+```sh
+npm login
+npm publish
+```
+The `prepublishOnly` hook runs the test suite and production build automatically.
+## License
+MIT

package/dist/accordion/Accordion.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+export interface AccordionItem {
+    value: string;
+    title: ReactNode;
+    content: ReactNode;
+}
+export interface AccordionProps extends BaseAccordion.Root.Props {
+    items: AccordionItem[];
+}
+export declare function Accordion({ items, ...props }: AccordionProps): import("react").JSX.Element;

package/dist/agent-status/AgentStatus.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface AgentStatusProps {
+    /** What the agent is doing right now */
+    label: ReactNode;
+    running?: boolean;
+    onStop?: () => void;
+}
+export declare function AgentStatus({ label, running, onStop }: AgentStatusProps): import("react").JSX.Element;

package/dist/approval-gate/ApprovalGate.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface ApprovalGateProps {
+    title: ReactNode;
+    description?: ReactNode;
+    /** Preview of the pending action (command, diff, message…) */
+    children?: ReactNode;
+    approveLabel?: string;
+    denyLabel?: string;
+    onApprove?: () => void;
+    onDeny?: () => void;
+}
+export declare function ApprovalGate({ title, description, children, approveLabel, denyLabel, onApprove, onDeny, }: ApprovalGateProps): import("react").JSX.Element;

package/dist/attachments/Attachments.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export interface AttachmentFile {
+    name: string;
+    /** Bytes (formatted automatically) or a preformatted string */
+    size?: number | string;
+}
+export interface AttachmentsProps {
+    files: AttachmentFile[];
+    onRemove?: (index: number) => void;
+}
+export declare function Attachments({ files, onRemove }: AttachmentsProps): import("react").JSX.Element | null;

package/dist/avatar/Avatar.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
+export interface AvatarProps extends BaseAvatar.Root.Props {
+    src?: string;
+    alt?: string;
+    /** Fallback shown while the image loads or if it fails, e.g. initials or an icon */
+    fallback?: ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function Avatar({ src, alt, fallback, size, ...props }: AvatarProps): import("react").JSX.Element;

package/dist/badge/Badge.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface BadgeProps {
+    variant?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+    children: ReactNode;
+}
+export declare function Badge({ variant, children }: BadgeProps): import("react").JSX.Element;

package/dist/banner/Banner.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface BannerProps {
+    variant?: 'info' | 'success' | 'warning' | 'danger';
+    title?: ReactNode;
+    children: ReactNode;
+    /** Overrides the variant's default icon; pass null to hide it */
+    icon?: ReactNode;
+    /** Shows a dismiss button; called after the banner hides itself */
+    onDismiss?: () => void;
+    dismissible?: boolean;
+    /** Trailing control, e.g. a retry button */
+    action?: ReactNode;
+}
+export declare function Banner({ variant, title, children, icon, onDismiss, dismissible, action, }: BannerProps): import("react").JSX.Element | null;

package/dist/branch/Branch.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export interface BranchProps {
+    /** Total number of branches */
+    count: number;
+    /** Zero-based current branch */
+    index: number;
+    onIndexChange?: (index: number) => void;
+}
+export declare function Branch({ count, index, onIndexChange }: BranchProps): import("react").JSX.Element;

package/dist/breadcrumbs/Breadcrumbs.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbItem[];
+}
+export declare function Breadcrumbs({ items }: BreadcrumbsProps): import("react").JSX.Element;

package/dist/button/Button.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { Button as BaseButton } from '@base-ui/react/button';
+export interface ButtonProps extends BaseButton.Props {
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    /** Square button sized for a single icon */
+    iconOnly?: boolean;
+}
+export declare function Button({ variant, iconOnly, ...props }: ButtonProps): import("react").JSX.Element;

package/dist/card/Card.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface CardProps {
+    title?: ReactNode;
+    /** Right side of the header row, e.g. actions */
+    extra?: ReactNode;
+    children: ReactNode;
+}
+export declare function Card({ title, extra, children }: CardProps): import("react").JSX.Element;

package/dist/chain-of-thought/ChainOfThought.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type ChainOfThoughtStatus = 'pending' | 'active' | 'done';
+export interface ChainOfThoughtStep {
+    label: ReactNode;
+    detail?: ReactNode;
+    status?: ChainOfThoughtStatus;
+}
+export interface ChainOfThoughtProps {
+    steps: ChainOfThoughtStep[];
+}
+export declare function ChainOfThought({ steps }: ChainOfThoughtProps): import("react").JSX.Element;

package/dist/checkbox/Checkbox.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
+export type CheckboxProps = BaseCheckbox.Root.Props;
+export declare function Checkbox(props: CheckboxProps): import("react").JSX.Element;

package/dist/checkpoint/Checkpoint.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface CheckpointProps {
+    label?: ReactNode;
+    onRestore?: () => void;
+}
+export declare function Checkpoint({ label, onRestore }: CheckpointProps): import("react").JSX.Element;

package/dist/code-block/CodeBlock.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export interface CodeBlockProps {
+    code: string;
+    language?: string;
+}
+export declare function CodeBlock({ code, language }: CodeBlockProps): import("react").JSX.Element;

package/dist/combobox/Combobox.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+export interface ComboboxItem {
+    value: string;
+    label: string;
+}
+export interface ComboboxProps extends BaseCombobox.Root.Props<ComboboxItem, false> {
+    items: ComboboxItem[];
+    placeholder?: string;
+}
+export declare function Combobox({ items, placeholder, ...props }: ComboboxProps): import("react").JSX.Element;

package/dist/commit/Commit.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface CommitFile {
+    path: string;
+    additions?: number;
+    deletions?: number;
+}
+export interface CommitProps {
+    message: ReactNode;
+    hash?: string;
+    author?: ReactNode;
+    files?: CommitFile[];
+}
+export declare function Commit({ message, hash, author, files }: CommitProps): import("react").JSX.Element;

package/dist/confidence-badge/ConfidenceBadge.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ConfidenceBadgeProps {
+    /** 0–1 */
+    score: number;
+    /** Shown in a tooltip when provided */
+    reason?: ReactNode;
+}
+export declare function ConfidenceBadge({ score, reason }: ConfidenceBadgeProps): import("react").JSX.Element;

package/dist/connection/Connection.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type ConnectionStatus = 'connected' | 'connecting' | 'disconnected';
+export interface ConnectionProps {
+    status: ConnectionStatus;
+    /** Overrides the default status text */
+    label?: ReactNode;
+}
+export declare function Connection({ status, label }: ConnectionProps): import("react").JSX.Element;

package/dist/conversation/Conversation.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface ConversationProps {
+    children: ReactNode;
+    /** CSS height of the scroll area */
+    height?: string;
+}
+export declare function Conversation({ children, height }: ConversationProps): import("react").JSX.Element;

package/dist/description-list/DescriptionList.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface DescriptionItem {
+    label: ReactNode;
+    value: ReactNode;
+}
+export interface DescriptionListProps {
+    items: DescriptionItem[];
+}
+export declare function DescriptionList({ items }: DescriptionListProps): import("react").JSX.Element;

package/dist/dialog/Dialog.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { ReactElement, ReactNode } from 'react';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+export interface DialogAction {
+    label: ReactNode;
+    onClick?: () => void;
+}
+export interface DialogProps extends BaseDialog.Root.Props {
+    trigger: ReactElement<Record<string, unknown>>;
+    title: ReactNode;
+    children?: ReactNode;
+    /** Primary footer action; the dialog closes after onClick */
+    action?: DialogAction;
+    /** Secondary footer action; the dialog closes after onClick */
+    secondaryAction?: DialogAction;
+}
+export declare function Dialog({ trigger, title, children, action, secondaryAction, ...props }: DialogProps): import("react").JSX.Element;

package/dist/diff-view/DiffView.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface DiffLine {
+    type: 'add' | 'remove' | 'context';
+    text: string;
+}
+export interface DiffViewProps {
+    lines: DiffLine[];
+    fileName?: ReactNode;
+    onAccept?: () => void;
+    onReject?: () => void;
+}
+export declare function DiffView({ lines, fileName, onAccept, onReject }: DiffViewProps): import("react").JSX.Element;

package/dist/drawer/Drawer.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ReactElement, ReactNode } from 'react';
+import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
+export interface DrawerProps extends BaseDrawer.Root.Props {
+    trigger: ReactElement<Record<string, unknown>>;
+    title: ReactNode;
+    children?: ReactNode;
+}
+export declare function Drawer({ trigger, title, children, ...props }: DrawerProps): import("react").JSX.Element;

package/dist/empty-state/EmptyState.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface EmptyStateProps {
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+}
+export declare function EmptyState({ icon, title, description, action }: EmptyStateProps): import("react").JSX.Element;

package/dist/feedback-buttons/FeedbackButtons.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export interface FeedbackButtonsProps {
+    onFeedback?: (kind: 'up' | 'down') => void;
+}
+export declare function FeedbackButtons({ onFeedback }: FeedbackButtonsProps): import("react").JSX.Element;

package/dist/field/Field.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Field as BaseField } from '@base-ui/react/field';
+export interface FieldProps extends BaseField.Root.Props {
+    label?: ReactNode;
+    /** Helper text shown under the control; hidden while an error is shown */
+    hint?: ReactNode;
+    /** Marks the field invalid and shows this message */
+    error?: ReactNode;
+    children: ReactNode;
+}
+export declare function Field({ label, hint, error, children, ...props }: FieldProps): import("react").JSX.Element;

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,66 @@
+export { Accordion, type AccordionProps, type AccordionItem } from './accordion/Accordion';
+export { AgentStatus, type AgentStatusProps } from './agent-status/AgentStatus';
+export { ApprovalGate, type ApprovalGateProps } from './approval-gate/ApprovalGate';
+export { Attachments, type AttachmentsProps, type AttachmentFile } from './attachments/Attachments';
+export { Avatar, type AvatarProps } from './avatar/Avatar';
+export { Badge, type BadgeProps } from './badge/Badge';
+export { Banner, type BannerProps } from './banner/Banner';
+export { Branch, type BranchProps } from './branch/Branch';
+export { Breadcrumbs, type BreadcrumbsProps, type BreadcrumbItem } from './breadcrumbs/Breadcrumbs';
+export { Button, type ButtonProps } from './button/Button';
+export { Card, type CardProps } from './card/Card';
+export { ChainOfThought, type ChainOfThoughtProps, type ChainOfThoughtStep, type ChainOfThoughtStatus, } from './chain-of-thought/ChainOfThought';
+export { Checkbox, type CheckboxProps } from './checkbox/Checkbox';
+export { Checkpoint, type CheckpointProps } from './checkpoint/Checkpoint';
+export { CodeBlock, type CodeBlockProps } from './code-block/CodeBlock';
+export { Combobox, type ComboboxProps, type ComboboxItem } from './combobox/Combobox';
+export { Commit, type CommitProps, type CommitFile } from './commit/Commit';
+export { ConfidenceBadge, type ConfidenceBadgeProps } from './confidence-badge/ConfidenceBadge';
+export { Connection, type ConnectionProps, type ConnectionStatus } from './connection/Connection';
+export { Conversation, type ConversationProps } from './conversation/Conversation';
+export { DescriptionList, type DescriptionListProps, type DescriptionItem, } from './description-list/DescriptionList';
+export { Dialog, type DialogProps } from './dialog/Dialog';
+export { DiffView, type DiffViewProps, type DiffLine } from './diff-view/DiffView';
+export { Drawer, type DrawerProps } from './drawer/Drawer';
+export { EmptyState, type EmptyStateProps } from './empty-state/EmptyState';
+export { FeedbackButtons, type FeedbackButtonsProps } from './feedback-buttons/FeedbackButtons';
+export { Field, type FieldProps } from './field/Field';
+export { InlineCitation, type InlineCitationProps } from './inline-citation/InlineCitation';
+export { Input, type InputProps } from './input/Input';
+export { Label, type LabelProps } from './label/Label';
+export { Menu, type MenuProps, type MenuItem, type MenuGroup, type MenuEntry } from './menu/Menu';
+export { Message, type MessageProps } from './message/Message';
+export { MessageActions, type MessageActionsProps } from './message-actions/MessageActions';
+export { Meter, type MeterProps } from './meter/Meter';
+export { NumberField, type NumberFieldProps } from './number-field/NumberField';
+export { Pagination, type PaginationProps } from './pagination/Pagination';
+export { Plan, type PlanProps, type PlanStep, type PlanStatus } from './plan/Plan';
+export { Popover, type PopoverProps } from './popover/Popover';
+export { Progress, type ProgressProps } from './progress/Progress';
+export { PromptInput, type PromptInputProps } from './prompt-input/PromptInput';
+export { Queue, type QueueProps, type QueueItem } from './queue/Queue';
+export { RadioGroup, type RadioGroupProps, type RadioItem } from './radio/RadioGroup';
+export { Select, type SelectProps, type SelectItem } from './select/Select';
+export { Shimmer, type ShimmerProps } from './shimmer/Shimmer';
+export { Sidebar, useIsMobile, type SidebarProps, type SidebarHeader, type SidebarSection, type SidebarItem, } from './sidebar/Sidebar';
+export { Skeleton, type SkeletonProps } from './skeleton/Skeleton';
+export { Slider, type SliderProps } from './slider/Slider';
+export { Sources, type SourcesProps, type Source } from './sources/Sources';
+export { Spinner, type SpinnerProps } from './spinner/Spinner';
+export { StackTrace, type StackTraceProps, type StackFrame } from './stack-trace/StackTrace';
+export { StatCard, type StatCardProps } from './stat-card/StatCard';
+export { StreamingText, type StreamingTextProps } from './streaming-text/StreamingText';
+export { SuggestionChip, type SuggestionChipProps } from './suggestion-chip/SuggestionChip';
+export { Switch, type SwitchProps } from './switch/Switch';
+export { Table, type TableProps, type TableColumn } from './table/Table';
+export { Terminal, type TerminalProps, type TerminalLine } from './terminal/Terminal';
+export { TestResults, type TestResultsProps, type TestResult } from './test-results/TestResults';
+export { ToastProvider, useToast, type ToastAction, type ToastData } from './toast/Toast';
+export { Tabs, type TabsProps, type TabItem } from './tabs/Tabs';
+export { ThinkingBlock, type ThinkingBlockProps } from './thinking-block/ThinkingBlock';
+export { TokenMeter, type TokenMeterProps } from './token-meter/TokenMeter';
+export { ToolCallTimeline, type ToolCallTimelineProps, type ToolCallStep, type ToolCallStatus, } from './tool-call-timeline/ToolCallTimeline';
+export { Tooltip, type TooltipProps } from './tooltip/Tooltip';
+export { Tree, type TreeProps, type TreeItem } from './tree/Tree';
+export { UserProfile, type UserProfileProps } from './user-profile/UserProfile';
+export { WebPreview, type WebPreviewProps } from './web-preview/WebPreview';