@mcp-b/react-components 0.11.0 → 0.13.0

package/dist/Select-CRsKCJ9x.d.ts

@@ -1,200 +0,0 @@
-import * as React from "react";
-import { Select } from "@base-ui/react/select";
-
-//#region src/components/Select.d.ts
-interface SelectProps extends React.ComponentPropsWithRef<typeof Select.Root> {
-  /**
-   * Static list of items for label resolution. Needed when options are inside
-   * a portal (not mounted until opened) so SelectValue can display the correct
-   * label on initial render.
-   */
-  items?: Array<{
-    label: React.ReactNode;
-    value: unknown;
-  }>;
-}
-interface SelectTriggerProps extends Omit<Select.Trigger.Props, "className"> {
-  className?: string;
-  /**
-   * The size of the select trigger.
-   * @default 'default'
-   */
-  size?: "sm" | "md" | "default";
-}
-interface SelectValueProps extends Omit<Select.Value.Props, "children"> {
-  placeholder?: string;
-  children?: Select.Value.Props["children"];
-}
-interface SelectPortalProps extends Select.Portal.Props {}
-interface SelectPositionerProps extends Select.Positioner.Props {}
-interface SelectPopupProps extends Omit<Select.Popup.Props, "className"> {
-  className?: string;
-}
-interface SelectListProps extends Omit<Select.List.Props, "className"> {
-  className?: string;
-}
-interface SelectOptionProps extends Omit<Select.Item.Props, "className"> {
-  className?: string;
-}
-interface SelectOptionGroupProps extends Omit<Select.Group.Props, "className"> {
-  className?: string;
-  label?: string;
-}
-type SelectItemProps = SelectOptionProps;
-type SelectGroupProps = SelectOptionGroupProps;
-interface SelectLabelProps extends Omit<Select.GroupLabel.Props, "className"> {
-  className?: string;
-}
-interface SelectSeparatorProps extends Omit<Select.Separator.Props, "className"> {
-  className?: string;
-}
-interface SelectScrollUpButtonProps extends Omit<Select.ScrollUpArrow.Props, "className"> {
-  className?: string;
-}
-interface SelectScrollDownButtonProps extends Omit<Select.ScrollDownArrow.Props, "className"> {
-  className?: string;
-}
-type SelectPlacementProps = Pick<SelectPositionerProps, "anchor" | "positionMethod" | "side" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "sticky" | "arrowPadding" | "disableAnchorTracking" | "collisionAvoidance"> & {
-  position?: "popper" | "item-aligned";
-};
-type SelectContentProps = SelectPopupProps & SelectPlacementProps;
-/**
- * A select component for choosing from a list of options.
- *
- * @example
- * ```tsx
- * <Select defaultValue="option1">
- *   <SelectTrigger>
- *     <SelectValue placeholder="Select..." />
- *   </SelectTrigger>
- *   <SelectPortal>
- *     <SelectPositioner>
- *       <SelectPopup>
- *         <SelectList>
- *           <SelectOption value="option1">Option 1</SelectOption>
- *           <SelectOption value="option2">Option 2</SelectOption>
- *         </SelectList>
- *       </SelectPopup>
- *     </SelectPositioner>
- *   </SelectPortal>
- * </Select>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/select | Base UI Select}
- */
-declare function Select$1({
-  items,
-  ...props
-}: SelectProps): React.JSX.Element;
-declare function SelectTrigger({
-  size,
-  className,
-  children,
-  ref,
-  ...props
-}: SelectTriggerProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-declare function SelectValue({
-  placeholder,
-  children,
-  ref,
-  ...props
-}: SelectValueProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
-declare const SelectPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function SelectPositioner({
-  className,
-  ref,
-  ...props
-}: SelectPositionerProps & {
-  className?: string;
-} & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectPopup({
-  className,
-  ref,
-  ...props
-}: SelectPopupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectContent({
-  anchor,
-  positionMethod,
-  side,
-  sideOffset,
-  align,
-  alignOffset,
-  collisionBoundary,
-  collisionPadding,
-  sticky,
-  arrowPadding,
-  disableAnchorTracking,
-  collisionAvoidance,
-  position,
-  children,
-  ...props
-}: SelectContentProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectList({
-  className,
-  ref,
-  ...props
-}: SelectListProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectOption({
-  className,
-  value,
-  children,
-  ref,
-  ...props
-}: SelectOptionProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare const SelectItem: typeof SelectOption;
-declare function SelectOptionGroup({
-  label,
-  className,
-  children,
-  ref,
-  ...props
-}: SelectOptionGroupProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare const SelectGroup: typeof SelectOptionGroup;
-declare function SelectLabel({
-  className,
-  ref,
-  ...props
-}: SelectLabelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectSeparator({
-  className,
-  ref,
-  ...props
-}: SelectSeparatorProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectScrollUpButton({
-  className,
-  children,
-  ref,
-  ...props
-}: SelectScrollUpButtonProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function SelectScrollDownButton({
-  className,
-  children,
-  ref,
-  ...props
-}: SelectScrollDownButtonProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
-export { SelectTriggerProps as A, SelectScrollDownButton as C, SelectSeparator as D, SelectScrollUpButtonProps as E, SelectValueProps as M, SelectSeparatorProps as O, SelectProps as S, SelectScrollUpButton as T, SelectPopupProps as _, SelectGroupProps as a, SelectPositioner as b, SelectLabel as c, SelectListProps as d, SelectOption as f, SelectPopup as g, SelectOptionProps as h, SelectGroup as i, SelectValue as j, SelectTrigger as k, SelectLabelProps as l, SelectOptionGroupProps as m, SelectContent as n, SelectItem as o, SelectOptionGroup as p, SelectContentProps as r, SelectItemProps as s, Select$1 as t, SelectList as u, SelectPortal as v, SelectScrollDownButtonProps as w, SelectPositionerProps as x, SelectPortalProps as y };

package/dist/ThinkChatContext-BLAAb8J5.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { useAgentChat } from "@cloudflare/think/react";
-import { UIMessage } from "ai";
-
-//#region src/components/ThinkChatContext.d.ts
-type ThinkChatValue = ReturnType<typeof useAgentChat<unknown, UIMessage>>;
-declare const ThinkChatContext: React.Context<(Omit<import("@ai-sdk/react").UseChatHelpers<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>, "addToolOutput"> & {
-  clearHistory: () => void;
-  addToolOutput: (opts: {
-    toolCallId: string;
-    toolName?: string;
-    output?: unknown;
-    state?: "output-available" | "output-error";
-    errorText?: string;
-  }) => void;
-  isServerStreaming: boolean;
-  isStreaming: boolean;
-  isRecovering: boolean;
-  isToolContinuation: boolean;
-  connectionError: (Error & {
-    code: number;
-    reason: string;
-    wasClean: boolean;
-  }) | null;
-}) | null>;
-declare function useThinkChatContext(component: string): ThinkChatValue;
-//#endregion
-export { ThinkChatValue as n, useThinkChatContext as r, ThinkChatContext as t };

package/dist/components/McpServerConnections.d.ts

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { MCPServer, MCPServersState } from "agents";
-
-//#region src/components/McpServerConnections.d.ts
-type McpServerConnectionAction = (serverId: string, server: MCPServer) => void | Promise<void>;
-interface McpServerConnectionsProps extends React.HTMLAttributes<HTMLElement> {
-  /** Upstream Agents SDK MCP state from `getMcpServers()` or `useAgent({ onMcpUpdate })`. */
-  mcp: MCPServersState;
-  /** Optional heading for the connected-server list. */
-  heading?: React.ReactNode;
-  /** Called when an OAuth server needs user authorization. */
-  onAuthorize?: McpServerConnectionAction;
-  /** Called when a failed server should retry through an app-owned Agent RPC. */
-  onRetry?: McpServerConnectionAction;
-  /** Called when a ready/connected server should refresh discovery through an app-owned Agent RPC. */
-  onRefresh?: McpServerConnectionAction;
-  /** Called when a server transport should close but the stored config should remain. */
-  onDisconnect?: McpServerConnectionAction;
-  /** Should call `removeMcpServer(serverId)`; Agents SDK disconnects and removes storage. */
-  onRemove?: McpServerConnectionAction;
-}
-/**
- * Runtime MCP server list. Add servers with `McpServerPicker`; render connected
- * state here from the upstream Agents SDK `MCPServersState`.
- */
-declare function McpServerConnections({
-  className,
-  heading,
-  mcp,
-  onAuthorize,
-  onDisconnect,
-  onRefresh,
-  onRemove,
-  onRetry,
-  ref,
-  ...props
-}: McpServerConnectionsProps & {
-  ref?: React.Ref<HTMLElement>;
-}): React.JSX.Element;
-//#endregion
-export { McpServerConnections, McpServerConnectionsProps };

package/dist/components/McpServerConnections.js

@@ -1,188 +0,0 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { F as WarningIcon, L as XIcon, M as SpinnerIcon, a as CheckIcon, k as RefreshIcon } from "../icons-D2Q5n5C1.js";
-import { Button } from "./Button.js";
-import { Badge } from "./Badge.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/McpServerConnections.tsx
-/**
-* Runtime MCP server list. Add servers with `McpServerPicker`; render connected
-* state here from the upstream Agents SDK `MCPServersState`.
-*/
-function McpServerConnections({ className, heading = "Connected MCP servers", mcp, onAuthorize, onDisconnect, onRefresh, onRemove, onRetry, ref, ...props }) {
-	const [pendingAction, setPendingAction] = React.useState(null);
-	const entries = Object.entries(mcp.servers);
-	async function runAction(action, serverId, server, handler) {
-		if (!handler) return;
-		setPendingAction(`${action}:${serverId}`);
-		try {
-			await handler(serverId, server);
-		} finally {
-			setPendingAction(null);
-		}
-	}
-	return /* @__PURE__ */ jsxs("section", {
-		ref,
-		className: cx("mcp-server-connections", className),
-		...props,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "mcp-server-connections__header",
-			children: [/* @__PURE__ */ jsx("h2", { children: heading }), /* @__PURE__ */ jsxs("span", {
-				className: "mcp-server-connections__summary",
-				children: [
-					entries.length,
-					" ",
-					entries.length === 1 ? "server" : "servers"
-				]
-			})]
-		}), entries.length === 0 ? /* @__PURE__ */ jsx("p", {
-			className: "mcp-server-connections__empty",
-			children: "No MCP servers connected."
-		}) : /* @__PURE__ */ jsx("ul", {
-			className: "mcp-server-connections__list",
-			role: "list",
-			children: entries.map(([serverId, server]) => {
-				const counts = getServerCapabilityCounts(mcp, serverId);
-				const status = getServerStatus(server);
-				const state = server.state;
-				const pending = (action) => pendingAction === `${action}:${serverId}`;
-				return /* @__PURE__ */ jsxs("li", {
-					className: "mcp-server-connections__item",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "mcp-server-connections__main",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "mcp-server-connections__title-row",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "mcp-server-connections__name",
-									children: server.name
-								}), /* @__PURE__ */ jsxs(Badge, {
-									color: status.color,
-									size: "sm",
-									className: "mcp-server-connections__status",
-									children: [status.icon, status.label]
-								})]
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "mcp-server-connections__url",
-								children: server.server_url
-							}),
-							server.error ? /* @__PURE__ */ jsx("p", {
-								className: "mcp-server-connections__error",
-								children: server.error
-							}) : null,
-							server.instructions ? /* @__PURE__ */ jsx("p", {
-								className: "mcp-server-connections__instructions",
-								children: server.instructions
-							}) : null,
-							/* @__PURE__ */ jsxs("p", {
-								className: "mcp-server-connections__capabilities",
-								children: [
-									counts.tools,
-									" tools, ",
-									counts.prompts,
-									" prompts, ",
-									counts.resources,
-									" resources"
-								]
-							})
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "mcp-server-connections__actions",
-						children: [
-							state === "authenticating" && onAuthorize ? /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								size: "xs",
-								variant: "outline",
-								color: "primary",
-								disabled: pending("authorize"),
-								onClick: () => void runAction("authorize", serverId, server, onAuthorize),
-								children: pending("authorize") ? "Opening" : "Authorize"
-							}) : null,
-							state === "failed" && onRetry ? /* @__PURE__ */ jsxs(Button, {
-								type: "button",
-								size: "xs",
-								variant: "outline",
-								color: "neutral",
-								disabled: pending("retry"),
-								onClick: () => void runAction("retry", serverId, server, onRetry),
-								children: [/* @__PURE__ */ jsx(RefreshIcon, {}), pending("retry") ? "Retrying" : "Retry"]
-							}) : null,
-							(state === "ready" || state === "connected") && onRefresh ? /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								size: "icon-xs",
-								variant: "ghost",
-								color: "neutral",
-								"aria-label": `Refresh ${server.name} capabilities`,
-								disabled: pending("refresh"),
-								onClick: () => void runAction("refresh", serverId, server, onRefresh),
-								children: /* @__PURE__ */ jsx(RefreshIcon, {})
-							}) : null,
-							state !== "failed" && onDisconnect ? /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								size: "xs",
-								variant: "outline",
-								color: "neutral",
-								disabled: pending("disconnect"),
-								onClick: () => void runAction("disconnect", serverId, server, onDisconnect),
-								children: pending("disconnect") ? "Disconnecting" : "Disconnect"
-							}) : null,
-							onRemove ? /* @__PURE__ */ jsx(Button, {
-								type: "button",
-								size: "icon-xs",
-								variant: "ghost",
-								color: "destructive",
-								"aria-label": `Remove ${server.name}`,
-								disabled: pending("remove"),
-								onClick: () => void runAction("remove", serverId, server, onRemove),
-								children: /* @__PURE__ */ jsx(XIcon, {})
-							}) : null
-						]
-					})]
-				}, serverId);
-			})
-		})]
-	});
-}
-function getServerCapabilityCounts(mcp, serverId) {
-	return {
-		tools: mcp.tools.filter((tool) => tool.serverId === serverId).length,
-		prompts: mcp.prompts.filter((prompt) => prompt.serverId === serverId).length,
-		resources: mcp.resources.filter((resource) => resource.serverId === serverId).length
-	};
-}
-function getServerStatus(server) {
-	const state = server.state;
-	if (state === "ready") return {
-		color: "success",
-		icon: /* @__PURE__ */ jsx(CheckIcon, {}),
-		label: "Ready"
-	};
-	if (state === "failed") return {
-		color: "destructive",
-		icon: /* @__PURE__ */ jsx(WarningIcon, {}),
-		label: "Failed"
-	};
-	if (state === "authenticating") return {
-		color: "warning",
-		icon: /* @__PURE__ */ jsx(WarningIcon, {}),
-		label: "Authorize"
-	};
-	if (state === "connecting") return {
-		color: "neutral",
-		icon: /* @__PURE__ */ jsx(SpinnerIcon, { className: "mcp-server-connections__spinner" }),
-		label: "Connecting"
-	};
-	if (state === "discovering") return {
-		color: "neutral",
-		icon: /* @__PURE__ */ jsx(SpinnerIcon, { className: "mcp-server-connections__spinner" }),
-		label: "Discovering"
-	};
-	return {
-		color: "neutral",
-		icon: /* @__PURE__ */ jsx(CheckIcon, {}),
-		label: "Connected"
-	};
-}
-//#endregion
-export { McpServerConnections };

package/dist/components/useStickToBottom.d.ts

@@ -1,33 +0,0 @@
-//#region src/components/useStickToBottom.d.ts
-interface UseStickToBottomOptions {
-  /**
-   * How close to the bottom (in pixels) still counts as "at bottom" for the
-   * sticky behavior. Larger values keep the viewport pinned through small
-   * scroll jitter.
-   */
-  slackPx?: number;
-}
-interface UseStickToBottomResult {
-  /** Attach to the scrolling element. */
-  viewportRef: (element: HTMLElement | null) => void;
-  /**
-   * Attach to the element whose size determines whether the viewport
-   * overflows. Typically the immediate child of the viewport.
-   */
-  contentRef: (element: HTMLElement | null) => void;
-  /** True while the viewport is pinned within `slackPx` of the bottom. */
-  isAtBottom: boolean;
-  /** Imperatively scroll the viewport to its bottom. */
-  scrollToBottom: (behavior?: ScrollBehavior) => void;
-}
-/**
- * Pin a scrollable viewport to the bottom as its content grows, unless the
- * user has scrolled up.
- *
- * @deprecated Use MessageScroller for chat transcripts. Keep this only for
- * standalone streaming panes that do not need transcript row anchoring,
- * history prepending, visibility tracking, or jump-to-message behavior.
- */
-declare function useStickToBottom(options?: UseStickToBottomOptions): UseStickToBottomResult;
-//#endregion
-export { UseStickToBottomOptions, UseStickToBottomResult, useStickToBottom };

package/dist/components/useStickToBottom.js

@@ -1,107 +0,0 @@
-import * as React from "react";
-//#region src/components/useStickToBottom.ts
-const DEFAULT_STICK_SLACK_PX = 160;
-/**
-* Pin a scrollable viewport to the bottom as its content grows, unless the
-* user has scrolled up.
-*
-* @deprecated Use MessageScroller for chat transcripts. Keep this only for
-* standalone streaming panes that do not need transcript row anchoring,
-* history prepending, visibility tracking, or jump-to-message behavior.
-*/
-function useStickToBottom(options = {}) {
-	const slackPx = options.slackPx ?? DEFAULT_STICK_SLACK_PX;
-	const viewportElementRef = React.useRef(null);
-	const contentElementRef = React.useRef(null);
-	const [viewportElement, setViewportElement] = React.useState(null);
-	const [contentElement, setContentElement] = React.useState(null);
-	const [isAtBottom, setIsAtBottom] = React.useState(true);
-	const isAtBottomRef = React.useRef(true);
-	const didInitialScrollRef = React.useRef(false);
-	const viewportRef = React.useCallback((element) => {
-		viewportElementRef.current = element;
-		setViewportElement((prev) => prev === element ? prev : element);
-	}, []);
-	const contentRef = React.useCallback((element) => {
-		contentElementRef.current = element;
-		setContentElement((prev) => prev === element ? prev : element);
-	}, []);
-	React.useLayoutEffect(() => {
-		const el = viewportElement;
-		const observed = contentElement ?? el?.firstElementChild;
-		if (!el || !observed) return;
-		if (!didInitialScrollRef.current) {
-			el.scrollTo({
-				top: el.scrollHeight,
-				behavior: "auto"
-			});
-			didInitialScrollRef.current = true;
-		}
-		const readIsAtBottom = () => el.scrollHeight - el.scrollTop - el.clientHeight < slackPx;
-		let lastInteractionAt = 0;
-		const markInteraction = () => {
-			lastInteractionAt = Date.now();
-		};
-		const isUserResize = () => Date.now() - lastInteractionAt < 600;
-		const updateIsAtBottom = () => {
-			const next = readIsAtBottom();
-			if (isAtBottomRef.current === next) return;
-			isAtBottomRef.current = next;
-			setIsAtBottom(next);
-		};
-		let resizeFrameId = null;
-		const flushResize = () => {
-			resizeFrameId = null;
-			if (!isAtBottomRef.current || isUserResize()) {
-				updateIsAtBottom();
-				return;
-			}
-			el.scrollTo({
-				top: el.scrollHeight,
-				behavior: "auto"
-			});
-			updateIsAtBottom();
-		};
-		const scheduleResize = () => {
-			if (resizeFrameId !== null) return;
-			resizeFrameId = window.requestAnimationFrame(flushResize);
-		};
-		const handleScroll = () => {
-			updateIsAtBottom();
-		};
-		handleScroll();
-		el.addEventListener("scroll", handleScroll, { passive: true });
-		el.addEventListener("pointerdown", markInteraction, { passive: true });
-		el.addEventListener("keydown", markInteraction, { passive: true });
-		const observer = new ResizeObserver(() => {
-			scheduleResize();
-		});
-		observer.observe(observed);
-		return () => {
-			if (resizeFrameId !== null) window.cancelAnimationFrame(resizeFrameId);
-			el.removeEventListener("scroll", handleScroll);
-			el.removeEventListener("pointerdown", markInteraction);
-			el.removeEventListener("keydown", markInteraction);
-			observer.disconnect();
-		};
-	}, [
-		contentElement,
-		viewportElement,
-		slackPx
-	]);
-	return {
-		viewportRef,
-		contentRef,
-		isAtBottom,
-		scrollToBottom: React.useCallback((behavior = "smooth") => {
-			const el = viewportElementRef.current;
-			if (!el) return;
-			el.scrollTo({
-				top: el.scrollHeight,
-				behavior
-			});
-		}, [])
-	};
-}
-//#endregion
-export { useStickToBottom };

package/dist/icons-CbjtbIJK.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-
-//#region src/components/_internal/icons.d.ts
-/**
- * Small inline-SVG icon set used across AI chat and code components.
- *
- * All icons are 16x16 by default, use `currentColor` for strokes/fills, and
- * accept standard SVG props so consumers can override size and aria-hidden.
- */
-type IconProps = Omit<React.SVGAttributes<SVGSVGElement>, "width" | "height"> & {
-  size?: number | string;
-};
-declare const ChevronRightIcon: (props: IconProps) => React.JSX.Element;
-declare const ChevronDownIcon: (props: IconProps) => React.JSX.Element;
-declare const ChevronLeftIcon: (props: IconProps) => React.JSX.Element;
-declare const CheckIcon: (props: IconProps) => React.JSX.Element;
-declare const XIcon: (props: IconProps) => React.JSX.Element;
-declare const PencilIcon: (props: IconProps) => React.JSX.Element;
-declare const CopyIcon: (props: IconProps) => React.JSX.Element;
-declare const EyeIcon: (props: IconProps) => React.JSX.Element;
-declare const EyeOffIcon: (props: IconProps) => React.JSX.Element;
-declare const FolderIcon: (props: IconProps) => React.JSX.Element;
-declare const FolderOpenIcon: (props: IconProps) => React.JSX.Element;
-declare const FileIcon: (props: IconProps) => React.JSX.Element;
-declare const PaperclipIcon: (props: IconProps) => React.JSX.Element;
-declare const PlusIcon: (props: IconProps) => React.JSX.Element;
-declare const MinusIcon: (props: IconProps) => React.JSX.Element;
-declare const PlayIcon: (props: IconProps) => React.JSX.Element;
-declare const PauseIcon: (props: IconProps) => React.JSX.Element;
-declare const SquareIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowLeftIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowRightIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowDownIcon: (props: IconProps) => React.JSX.Element;
-declare const ArrowUpIcon: (props: IconProps) => React.JSX.Element;
-declare const DownloadIcon: (props: IconProps) => React.JSX.Element;
-declare const RefreshIcon: (props: IconProps) => React.JSX.Element;
-declare const DotIcon: (props: IconProps) => React.JSX.Element;
-declare const EllipsisIcon: (props: IconProps) => React.JSX.Element;
-declare const SpinnerIcon: (props: IconProps) => React.JSX.Element;
-declare const SearchIcon: (props: IconProps) => React.JSX.Element;
-declare const SidebarIcon: (props: IconProps) => React.JSX.Element;
-declare const TerminalIcon: (props: IconProps) => React.JSX.Element;
-declare const LinkIcon: (props: IconProps) => React.JSX.Element;
-declare const WarningIcon: (props: IconProps) => React.JSX.Element;
-declare const WrenchIcon: (props: IconProps) => React.JSX.Element;
-declare const InfoIcon: (props: IconProps) => React.JSX.Element;
-declare const ImageIcon: (props: IconProps) => React.JSX.Element;
-declare const MonitorIcon: (props: IconProps) => React.JSX.Element;
-declare const MaximizeIcon: (props: IconProps) => React.JSX.Element;
-//#endregion
-export { RefreshIcon as A, MinusIcon as C, PencilIcon as D, PauseIcon as E, TerminalIcon as F, WarningIcon as I, WrenchIcon as L, SidebarIcon as M, SpinnerIcon as N, PlayIcon as O, SquareIcon as P, XIcon as R, MaximizeIcon as S, PaperclipIcon as T, FolderOpenIcon as _, CheckIcon as a, InfoIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SearchIcon as j, PlusIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, IconProps as v, MonitorIcon as w, LinkIcon as x, ImageIcon as y };