@mcp-b/react-components 0.1.3 → 0.2.0

package/dist/components/Menubar.js

@@ -1,4 +1,4 @@
-import { c as ChevronRightIcon, o as CheckIcon, u as DotIcon } from "../icons-BsWc8g4E.js";
+import { d as DotIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";

package/dist/components/Message.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 import { StreamdownProps } from "streamdown";
 

package/dist/components/Message.js

@@ -1,5 +1,5 @@
-import { n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-BsWc8g4E.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-Bf7JMKk-.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import * as React from "react";

package/dist/components/ModelSelector.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/ModelSelector.d.ts

package/dist/components/ModelSelector.js

@@ -1,5 +1,5 @@
-import { S as SearchIcon, s as ChevronDownIcon } from "../icons-BsWc8g4E.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { O as SearchIcon, s as ChevronDownIcon } from "../icons-Bf7JMKk-.js";
 import { Button } from "./Button.js";
 import { Dialog, DialogBackdrop, DialogPopup, DialogPortal, DialogTitle, DialogTrigger } from "./Dialog.js";
 import * as React from "react";

package/dist/components/NavigationMenu.js

@@ -1,4 +1,4 @@
-import { s as ChevronDownIcon } from "../icons-BsWc8g4E.js";
+import { s as ChevronDownIcon } from "../icons-Bf7JMKk-.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";

package/dist/components/PricingPage.js

@@ -1,8 +1,8 @@
 import { Accordion, AccordionItem, AccordionPanel, AccordionTrigger } from "./Accordion.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle } from "./AlertDialog.js";
 import { Badge } from "./Badge.js";
+import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle } from "./AlertDialog.js";
 import { Card } from "./Card.js";
 import { Checkbox } from "./Checkbox.js";
 import { Separator } from "./Separator.js";

package/dist/components/PromptInput.d.ts

@@ -1,8 +1,8 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
 import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, f as SelectOption, j as SelectValue, r as SelectContentProps, s as SelectItemProps, t as Select } from "../Select-CRsKCJ9x.js";
-import { Combobox, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPositioner, ComboboxSeparator, ComboboxTrigger } from "./Combobox.js";
-import { MenuItemProps, MenuPopupProps, MenuProps } from "./Menu.js";
-import { Tab, TabPanel, TabsList } from "./Tabs.js";
+import { c as ComboboxGroup, d as ComboboxLabel, f as ComboboxList, g as ComboboxTrigger, h as ComboboxSeparator, l as ComboboxInput, m as ComboboxPositioner, p as ComboboxPopup, s as ComboboxEmpty, t as Combobox, u as ComboboxItem } from "../Combobox-D9anamNr.js";
+import { h as MenuItemProps, w as MenuProps, y as MenuPopupProps } from "../Menu-B5vDqZe_.js";
+import { c as TabsList, n as TabPanel, t as Tab } from "../Tabs-D9EAq09D.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/PromptInput.d.ts

package/dist/components/PromptInput.js

@@ -1,10 +1,10 @@
-import { C as SpinnerIcon, E as WarningIcon, _ as ImageIcon, b as PlusIcon, i as ArrowUpIcon, w as SquareIcon, y as MonitorIcon } from "../icons-BsWc8g4E.js";
-import { Select, SelectContent, SelectItem, SelectPortal, SelectPositioner, SelectTrigger, SelectValue } from "./Select.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { A as SquareIcon, C as MonitorIcon, E as PlusIcon, M as WarningIcon, i as ArrowUpIcon, k as SpinnerIcon, v as ImageIcon } from "../icons-Bf7JMKk-.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Combobox, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator } from "./Combobox.js";
 import { MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRoot, MenuTrigger } from "./Menu.js";
+import { Select, SelectContent, SelectItem, SelectPortal, SelectPositioner, SelectTrigger, SelectValue } from "./Select.js";
 import { Tab, TabPanel, TabsList } from "./Tabs.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Queue.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
 import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import { ScrollAreaRootProps } from "./ScrollArea.js";
 import * as React from "react";
 

package/dist/components/Queue.js

@@ -1,8 +1,8 @@
-import { c as ChevronRightIcon, m as FileIcon, o as CheckIcon, u as DotIcon } from "../icons-BsWc8g4E.js";
+import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { d as DotIcon, h as FileIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
 import { Button } from "./Button.js";
 import { Badge } from "./Badge.js";
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { ScrollArea } from "./ScrollArea.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Reasoning.js

@@ -1,6 +1,6 @@
-import { a as BrainIcon, c as ChevronRightIcon } from "../icons-BsWc8g4E.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { a as BrainIcon, l as ChevronRightIcon } from "../icons-Bf7JMKk-.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-import { i as ArrowUpIcon, o as CheckIcon, t as ArrowDownIcon } from "../icons-BsWc8g4E.js";
+import { i as ArrowUpIcon, o as CheckIcon, t as ArrowDownIcon } from "../icons-Bf7JMKk-.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
-import { c as ChevronRightIcon, v as LinkIcon } from "../icons-BsWc8g4E.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { b as LinkIcon, l as ChevronRightIcon } from "../icons-Bf7JMKk-.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
-import { C as SpinnerIcon, o as CheckIcon } from "../icons-BsWc8g4E.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { k as SpinnerIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx

package/dist/components/Tabs.d.ts

@@ -1,84 +1,2 @@
-import * as React from "react";
-import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-
-//#region src/components/Tabs.d.ts
-interface TabsProps extends Omit<Tabs$1.Root.Props, "className"> {
-  className?: string;
-  /**
-   * The visual style variant.
-   * @default 'default'
-   */
-  variant?: "default" | "bordered";
-}
-interface TabsListProps extends Omit<Tabs$1.List.Props, "className"> {
-  className?: string;
-  variant?: "default" | "line" | null;
-}
-interface TabProps extends Omit<Tabs$1.Tab.Props, "className"> {
-  className?: string;
-}
-interface TabPanelProps extends Omit<Tabs$1.Panel.Props, "className"> {
-  className?: string;
-}
-type TabsTriggerProps = TabProps;
-type TabsContentProps = TabPanelProps;
-interface TabsListVariantsOptions {
-  variant?: "default" | "line" | null;
-  className?: string;
-}
-declare function tabsListVariants({
-  variant,
-  className
-}?: TabsListVariantsOptions): string;
-/**
- * A tabs component for organizing content into separate views.
- *
- * @example
- * ```tsx
- * <Tabs defaultValue="tab1">
- *   <TabsList>
- *     <Tab value="tab1">Tab 1</Tab>
- *     <Tab value="tab2">Tab 2</Tab>
- *   </TabsList>
- *   <TabPanel value="tab1">Content 1</TabPanel>
- *   <TabPanel value="tab2">Content 2</TabPanel>
- * </Tabs>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
- */
-declare function Tabs({
-  orientation,
-  variant,
-  className,
-  ref,
-  ...props
-}: TabsProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function TabsList({
-  className,
-  variant,
-  ref,
-  ...props
-}: TabsListProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare function Tab({
-  className,
-  ref,
-  ...props
-}: TabProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-declare function TabPanel({
-  className,
-  ref,
-  ...props
-}: TabPanelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-declare const TabsTrigger: typeof Tab;
-declare const TabsContent: typeof TabPanel;
-//#endregion
+import { a as Tabs, c as TabsList, d as TabsProps, f as TabsTrigger, i as TabProps, l as TabsListProps, m as tabsListVariants, n as TabPanel, o as TabsContent, p as TabsTriggerProps, r as TabPanelProps, s as TabsContentProps, t as Tab, u as TabsListVariantsOptions } from "../Tabs-D9EAq09D.js";
 export { Tab, TabPanel, TabPanelProps, TabProps, Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsListVariantsOptions, TabsProps, TabsTrigger, TabsTriggerProps, tabsListVariants };

package/dist/components/Task.js

@@ -1,6 +1,6 @@
-import { S as SearchIcon, c as ChevronRightIcon, m as FileIcon } from "../icons-BsWc8g4E.js";
-import { t as cx } from "../class-names-9UtZwb0J.js";
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { O as SearchIcon, h as FileIcon, l as ChevronRightIcon } from "../icons-Bf7JMKk-.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx

package/dist/components/Terminal.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
-import { t as CopyButtonProps } from "../copy-button-BIATcZWZ.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import { t as CopyButtonProps } from "../copy-button-BKXqGiNm.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts

package/dist/components/Terminal.js

@@ -1,9 +1,9 @@
-import { O as XIcon, T as TerminalIcon } from "../icons-BsWc8g4E.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { P as XIcon, j as TerminalIcon } from "../icons-Bf7JMKk-.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-BNgclDrO.js";
 import { Badge } from "./Badge.js";
+import { t as CopyButton } from "../copy-button-DAPlB8Z0.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/TestResults.js

@@ -1,7 +1,7 @@
-import { C as SpinnerIcon, O as XIcon, c as ChevronRightIcon, o as CheckIcon } from "../icons-BsWc8g4E.js";
+import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { P as XIcon, k as SpinnerIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
 import { Badge } from "./Badge.js";
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/TestResults.tsx

package/dist/components/Tool.js

@@ -1,8 +1,8 @@
-import { C as SpinnerIcon, D as WrenchIcon, E as WarningIcon, O as XIcon, c as ChevronRightIcon, o as CheckIcon, u as DotIcon } from "../icons-BsWc8g4E.js";
+import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../CodeBlock-CttHhWcb.js";
+import { M as WarningIcon, N as WrenchIcon, P as XIcon, d as DotIcon, k as SpinnerIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
 import { Badge } from "./Badge.js";
-import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
+import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../CodeBlock-BrCoypnc.js";
 import { formatStructuredCodeDisplay } from "../utils/structured-code.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -106,8 +106,12 @@ function ToolHeader({ className, type, toolName, title, state: stateProp, ref, .
 			}),
 			/* @__PURE__ */ jsx("span", {
 				className: "tool__header-name",
-				children: title ?? derivedName
+				children: derivedName
 			}),
+			title ? /* @__PURE__ */ jsx("span", {
+				className: "tool__header-title",
+				children: title
+			}) : null,
 			/* @__PURE__ */ jsx("span", { className: "tool__header-spacer" }),
 			getStatusBadge(state),
 			/* @__PURE__ */ jsx("span", {

package/dist/components/WebPreview.d.ts

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "../Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/WebPreview.d.ts

package/dist/components/WebPreview.js

@@ -1,5 +1,5 @@
-import { n as ArrowLeftIcon, r as ArrowRightIcon, s as ChevronDownIcon, x as RefreshIcon } from "../icons-BsWc8g4E.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
+import { D as RefreshIcon, n as ArrowLeftIcon, r as ArrowRightIcon, s as ChevronDownIcon } from "../icons-Bf7JMKk-.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Badge } from "./Badge.js";

package/dist/components/icons.d.ts

@@ -0,0 +1,2 @@
+import { A as SpinnerIcon, C as MinusIcon, D as PlusIcon, E as PlayIcon, F as XIcon, M as TerminalIcon, N as WarningIcon, O as RefreshIcon, P as WrenchIcon, S as MaximizeIcon, T as PauseIcon, _ as FolderOpenIcon, a as BrainIcon, b as InfoIcon, c as ChevronLeftIcon, d as DotIcon, f as DownloadIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as SquareIcon, k as SearchIcon, l as ChevronRightIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as CheckIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronDownIcon, t as ArrowDownIcon, u as CopyIcon, v as IconProps, w as MonitorIcon, x as LinkIcon, y as ImageIcon } from "../icons-BklFyZbx.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BrainIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PauseIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/icons.js

@@ -0,0 +1,2 @@
+import { A as SquareIcon, C as MonitorIcon, D as RefreshIcon, E as PlusIcon, M as WarningIcon, N as WrenchIcon, O as SearchIcon, P as XIcon, S as MinusIcon, T as PlayIcon, _ as FolderOpenIcon, a as BrainIcon, b as LinkIcon, c as ChevronLeftIcon, d as DotIcon, f as DownloadIcon, g as FolderIcon, h as FileIcon, i as ArrowUpIcon, j as TerminalIcon, k as SpinnerIcon, l as ChevronRightIcon, m as EyeOffIcon, n as ArrowLeftIcon, o as CheckIcon, p as EyeIcon, r as ArrowRightIcon, s as ChevronDownIcon, t as ArrowDownIcon, u as CopyIcon, v as ImageIcon, w as PauseIcon, x as MaximizeIcon, y as InfoIcon } from "../icons-Bf7JMKk-.js";
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BrainIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, DotIcon, DownloadIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, MinusIcon, MonitorIcon, PauseIcon, PlayIcon, PlusIcon, RefreshIcon, SearchIcon, SpinnerIcon, SquareIcon, TerminalIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/useStickToBottom.js

@@ -35,6 +35,11 @@ function useStickToBottom(options = {}) {
 			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;
@@ -44,7 +49,7 @@ function useStickToBottom(options = {}) {
 		let resizeFrameId = null;
 		const flushResize = () => {
 			resizeFrameId = null;
-			if (!isAtBottomRef.current) {
+			if (!isAtBottomRef.current || isUserResize()) {
 				updateIsAtBottom();
 				return;
 			}
@@ -63,6 +68,8 @@ function useStickToBottom(options = {}) {
 		};
 		handleScroll();
 		el.addEventListener("scroll", handleScroll, { passive: true });
+		el.addEventListener("pointerdown", markInteraction, { passive: true });
+		el.addEventListener("keydown", markInteraction, { passive: true });
 		const observer = new ResizeObserver(() => {
 			scheduleResize();
 		});
@@ -70,6 +77,8 @@ function useStickToBottom(options = {}) {
 		return () => {
 			if (resizeFrameId !== null) window.cancelAnimationFrame(resizeFrameId);
 			el.removeEventListener("scroll", handleScroll);
+			el.removeEventListener("pointerdown", markInteraction);
+			el.removeEventListener("keydown", markInteraction);
 			observer.disconnect();
 		};
 	}, [

package/dist/{copy-button-BIATcZWZ.d.ts → copy-button-BKXqGiNm.d.ts}

@@ -1,4 +1,4 @@
-import { r as ButtonProps } from "./Button-QCM8ZKgR.js";
+import { r as ButtonProps } from "./Button-Ct5I6aTu.js";
 import * as React from "react";
 
 //#region src/components/_internal/copy-button.d.ts

package/dist/{copy-button-BNgclDrO.js → copy-button-DAPlB8Z0.js}

@@ -1,4 +1,4 @@
-import { l as CopyIcon, o as CheckIcon } from "./icons-BsWc8g4E.js";
+import { o as CheckIcon, u as CopyIcon } from "./icons-Bf7JMKk-.js";
 import { Button } from "./components/Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./components/Tooltip.js";
 import * as React from "react";

package/dist/{icons-BsWc8g4E.js → icons-Bf7JMKk-.js}

@@ -25,6 +25,10 @@ const ChevronDownIcon = (props) => /* @__PURE__ */ jsx(Icon, {
 	...props,
 	children: /* @__PURE__ */ jsx("path", { d: "M3.5 6L8 10.5L12.5 6" })
 });
+const ChevronLeftIcon = (props) => /* @__PURE__ */ jsx(Icon, {
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M10 3.5L5.5 8L10 12.5" })
+});
 const BrainIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
 	viewBox: "0 0 24 24",
 	...props,
@@ -90,6 +94,21 @@ const PlusIcon = (props) => /* @__PURE__ */ jsx(Icon, {
 	...props,
 	children: /* @__PURE__ */ jsx("path", { d: "M8 3v10M3 8h10" })
 });
+const MinusIcon = (props) => /* @__PURE__ */ jsx(Icon, {
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M3 8h10" })
+});
+const PlayIcon = (props) => /* @__PURE__ */ jsx(Icon, {
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M4 3l9 5-9 5V3Z",
+		fill: "currentColor"
+	})
+});
+const PauseIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
+	...props,
+	children: [/* @__PURE__ */ jsx("path", { d: "M5.5 3.5v9" }), /* @__PURE__ */ jsx("path", { d: "M10.5 3.5v9" })]
+});
 const SquareIcon = (props) => /* @__PURE__ */ jsx(Icon, {
 	...props,
 	children: /* @__PURE__ */ jsx("rect", {
@@ -182,6 +201,18 @@ const WrenchIcon = (props) => /* @__PURE__ */ jsx(Icon, {
 	...props,
 	children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z" })
 });
+const InfoIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "8",
+			r: "6"
+		}),
+		/* @__PURE__ */ jsx("path", { d: "M8 7v4" }),
+		/* @__PURE__ */ jsx("path", { d: "M8 5v.01" })
+	]
+});
 const ImageIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
 	viewBox: "0 0 24 24",
 	...props,
@@ -217,5 +248,14 @@ const MonitorIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
 		/* @__PURE__ */ jsx("path", { d: "M12 17v4" })
 	]
 });
+const MaximizeIcon = (props) => /* @__PURE__ */ jsxs(Icon, {
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("path", { d: "M9.5 3h3.5v3.5" }),
+		/* @__PURE__ */ jsx("path", { d: "M13 3L9 7" }),
+		/* @__PURE__ */ jsx("path", { d: "M6.5 13H3V9.5" }),
+		/* @__PURE__ */ jsx("path", { d: "M3 13l4-4" })
+	]
+});
 //#endregion
-export { SpinnerIcon as C, WrenchIcon as D, WarningIcon as E, XIcon as O, SearchIcon as S, TerminalIcon as T, ImageIcon as _, BrainIcon as a, PlusIcon as b, ChevronRightIcon as c, DownloadIcon as d, EyeIcon as f, FolderOpenIcon as g, FolderIcon as h, ArrowUpIcon as i, CopyIcon as l, FileIcon as m, ArrowLeftIcon as n, CheckIcon as o, EyeOffIcon as p, ArrowRightIcon as r, ChevronDownIcon as s, ArrowDownIcon as t, DotIcon as u, LinkIcon as v, SquareIcon as w, RefreshIcon as x, MonitorIcon as y };
+export { SquareIcon as A, MonitorIcon as C, RefreshIcon as D, PlusIcon as E, WarningIcon as M, WrenchIcon as N, SearchIcon as O, XIcon as P, MinusIcon as S, PlayIcon as T, FolderOpenIcon as _, BrainIcon as a, LinkIcon as b, ChevronLeftIcon as c, DotIcon as d, DownloadIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, TerminalIcon as j, SpinnerIcon as k, ChevronRightIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, CheckIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronDownIcon as s, ArrowDownIcon as t, CopyIcon as u, ImageIcon as v, PauseIcon as w, MaximizeIcon as x, InfoIcon as y };

package/dist/icons-BklFyZbx.d.ts

@@ -0,0 +1,48 @@
+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 BrainIcon: (props: IconProps) => React.JSX.Element;
+declare const CheckIcon: (props: IconProps) => React.JSX.Element;
+declare const XIcon: (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 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 SpinnerIcon: (props: IconProps) => React.JSX.Element;
+declare const SearchIcon: (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 { SpinnerIcon as A, MinusIcon as C, PlusIcon as D, PlayIcon as E, XIcon as F, TerminalIcon as M, WarningIcon as N, RefreshIcon as O, WrenchIcon as P, MaximizeIcon as S, PauseIcon as T, FolderOpenIcon as _, BrainIcon as a, InfoIcon as b, ChevronLeftIcon as c, DotIcon as d, DownloadIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, SquareIcon as j, SearchIcon as k, ChevronRightIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, CheckIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronDownIcon as s, ArrowDownIcon as t, CopyIcon as u, IconProps as v, MonitorIcon as w, LinkIcon as x, ImageIcon as y };

package/dist/styles/accordion.css

@@ -1,13 +1,13 @@
 .accordion {
-  width: 100%;
+  inline-size: 100%;
 }
 
 .accordion__item {
-  border-bottom: 1px solid var(--sigvelo-color-neutral-border-muted);
+  border-block-end: 1px solid var(--sigvelo-color-neutral-border-muted);
 }
 
 .accordion__item:last-child {
-  border-bottom: none;
+  border-block-end: none;
 }
 
 .accordion__header {
@@ -18,8 +18,11 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  width: 100%;
+  gap: 0.75rem;
+  inline-size: 100%;
+  min-block-size: var(--sigvelo-control-height-md);
   padding-block: 1rem;
+  padding-inline: 0.5rem;
   font-family: var(--sigvelo-font-sans);
   font-size: 0.9375rem;
   font-weight: var(--sigvelo-font-weight-semibold);
@@ -27,12 +30,15 @@
   color: var(--sigvelo-color-text);
   background-color: transparent;
   border: none;
+  border-radius: var(--sigvelo-radius-md);
   cursor: pointer;
-  transition: color 150ms ease;
+  transition:
+    background-color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
 }
 
-.accordion__trigger:hover {
-  color: color-mix(in oklab, var(--sigvelo-color-text), transparent 20%);
+.accordion__trigger:hover:not(:disabled):not([data-disabled]) {
+  background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
 
 .accordion__trigger:focus-visible {
@@ -40,24 +46,34 @@
   box-shadow:
     0 0 0 2px var(--sigvelo-color-canvas),
     0 0 0 4px var(--sigvelo-color-focus);
-  border-radius: var(--sigvelo-radius-md);
+}
+
+.accordion__trigger:is(:disabled, [data-disabled]) {
+  color: var(--sigvelo-color-text-muted);
+  cursor: not-allowed;
 }
 
 .accordion__trigger-text {
   flex: 1;
+  min-inline-size: 0;
+  overflow-wrap: break-word;
 }
 
 .accordion__icon {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 1.25rem;
-  height: 1.25rem;
+  flex: 0 0 auto;
+  inline-size: 1.25rem;
+  block-size: 1.25rem;
   color: var(--sigvelo-color-text-muted);
-  transition: transform 200ms ease;
+  transition:
+    color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
+    transform var(--sigvelo-duration-medium) var(--sigvelo-ease-emphasized);
 }
 
 .accordion__item[data-open] .accordion__icon {
+  color: var(--sigvelo-color-text);
   transform: rotate(180deg);
 }
 
@@ -70,35 +86,36 @@
 }
 
 .accordion__panel[data-open] {
-  animation: accordion-expand 200ms ease-out;
+  animation: accordion-expand var(--sigvelo-duration-medium) var(--sigvelo-ease-emphasized);
 }
 
 .accordion__panel[data-ending-style] {
-  animation: accordion-collapse 200ms ease-out;
+  animation: accordion-collapse var(--sigvelo-duration-medium) var(--sigvelo-ease-accelerate);
 }
 
 .accordion__panel > * {
   padding-block-end: 1rem;
+  padding-inline: 0.5rem;
 }
 
 @keyframes accordion-expand {
   from {
-    height: 0;
+    block-size: 0;
     opacity: 0;
   }
   to {
-    height: var(--accordion-panel-height);
+    block-size: var(--accordion-panel-height);
     opacity: 1;
   }
 }
 
 @keyframes accordion-collapse {
   from {
-    height: var(--accordion-panel-height);
+    block-size: var(--accordion-panel-height);
     opacity: 1;
   }
   to {
-    height: 0;
+    block-size: 0;
     opacity: 0;
   }
 }