@mcp-b/react-components 0.18.0 → 0.20.0

package/dist/components/Stepper.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { G as SpinnerIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
-import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
+import { K as SpinnerIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx
@@ -38,97 +38,47 @@ function useStepItem() {
 * @see {@link https://reui.io/docs/components/base/stepper | ReUI Stepper}
 */
 function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizontal", indicators = EMPTY_STEP_INDICATORS, className, children, ref, ...props }) {
-	const idPrefix = `stepper-${React.useId()}`;
 	const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
-	const triggerNodes = React.useRef(/* @__PURE__ */ new Map());
-	const [triggerSteps, setTriggerSteps] = React.useState([]);
 	const activeStep = value ?? uncontrolledValue;
 	const setActiveStep = React.useCallback((step) => {
 		if (value === void 0) setUncontrolledValue(step);
 		onValueChange?.(step);
 	}, [onValueChange, value]);
-	const registerTrigger = React.useCallback((step, node) => {
-		if (node) {
-			triggerNodes.current.set(step, node);
-			setTriggerSteps((steps) => steps.includes(step) ? steps : [...steps, step]);
-			return;
-		}
-		triggerNodes.current.delete(step);
-		setTriggerSteps((steps) => steps.filter((currentStep) => currentStep !== step));
-	}, []);
-	const focusStep = React.useCallback((step) => {
-		triggerNodes.current.get(step)?.focus();
-	}, []);
-	const getEnabledSteps = React.useCallback(() => triggerSteps.filter((step) => {
-		const node = triggerNodes.current.get(step);
-		return node && !node.disabled;
-	}), [triggerSteps]);
-	const focusNext = React.useCallback((step) => {
-		const enabledSteps = getEnabledSteps();
-		const currentIndex = enabledSteps.indexOf(step);
-		if (currentIndex === -1 || enabledSteps.length === 0) return;
-		focusStep(enabledSteps[(currentIndex + 1) % enabledSteps.length]);
-	}, [focusStep, getEnabledSteps]);
-	const focusPrev = React.useCallback((step) => {
-		const enabledSteps = getEnabledSteps();
-		const currentIndex = enabledSteps.indexOf(step);
-		if (currentIndex === -1 || enabledSteps.length === 0) return;
-		focusStep(enabledSteps[(currentIndex - 1 + enabledSteps.length) % enabledSteps.length]);
-	}, [focusStep, getEnabledSteps]);
-	const focusFirst = React.useCallback(() => {
-		const [firstStep] = getEnabledSteps();
-		if (firstStep !== void 0) focusStep(firstStep);
-	}, [focusStep, getEnabledSteps]);
-	const focusLast = React.useCallback(() => {
-		const enabledSteps = getEnabledSteps();
-		const lastStep = enabledSteps[enabledSteps.length - 1];
-		if (lastStep !== void 0) focusStep(lastStep);
-	}, [focusStep, getEnabledSteps]);
 	const contextValue = React.useMemo(() => ({
 		activeStep,
 		setActiveStep,
-		stepsCount: triggerSteps.length,
 		orientation,
-		indicators,
-		idPrefix,
-		registerTrigger,
-		focusNext,
-		focusPrev,
-		focusFirst,
-		focusLast
+		indicators
 	}), [
 		activeStep,
-		focusFirst,
-		focusLast,
-		focusNext,
-		focusPrev,
-		idPrefix,
 		indicators,
 		orientation,
-		registerTrigger,
-		setActiveStep,
-		triggerSteps.length
+		setActiveStep
 	]);
 	return /* @__PURE__ */ jsx(StepperContext.Provider, {
 		value: contextValue,
-		children: /* @__PURE__ */ jsx("div", {
+		children: /* @__PURE__ */ jsx(Tabs.Root, {
 			ref,
-			className: cx("stepper", className),
-			"data-orientation": orientation,
+			value: activeStep,
+			onValueChange: setActiveStep,
+			orientation,
+			className: mergeBaseClassName("stepper", className),
+			"data-slot": "stepper",
+			unstyled: true,
 			...props,
 			children
 		})
 	});
 }
-function StepperNav({ className, ref, role, ...props }) {
+function StepperNav({ className, ref, ...props }) {
 	const { activeStep, orientation } = useStepper();
-	return /* @__PURE__ */ jsx("nav", {
+	return /* @__PURE__ */ jsx(Tabs.List, {
 		ref,
-		role: role ?? "tablist",
-		"aria-orientation": orientation,
-		className: cx("stepper__nav", className),
+		className: mergeBaseClassName("stepper__nav", className),
 		"data-active-step": activeStep,
+		"data-slot": "stepper-list",
 		"data-orientation": orientation,
+		unstyled: true,
 		...props
 	});
 }
@@ -160,67 +110,21 @@ function StepperItem({ step, completed = false, disabled = false, loading = fals
 		})
 	});
 }
-function StepperTrigger({ className, children, disabled, id, type = "button", "aria-controls": ariaControls, tabIndex, onClick, onKeyDown, ref, ...props }) {
-	const { activeStep, focusFirst, focusLast, focusNext, focusPrev, idPrefix, registerTrigger, setActiveStep } = useStepper();
+function StepperTrigger({ className, children, disabled, type = "button", ref, ...props }) {
+	const { activeStep } = useStepper();
 	const { isDisabled, isLoading, state, step } = useStepItem();
 	const isSelected = activeStep === step;
-	const triggerId = id ?? `${idPrefix}-trigger-${step}`;
-	const setTriggerRef = React.useCallback((node) => {
-		registerTrigger(step, node);
-		assignRef(ref, node);
-	}, [
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
 		ref,
-		registerTrigger,
-		step
-	]);
-	const handleClick = (event) => {
-		onClick?.(event);
-		if (!event.defaultPrevented) setActiveStep(step);
-	};
-	const handleKeyDown = (event) => {
-		onKeyDown?.(event);
-		if (event.defaultPrevented) return;
-		switch (event.key) {
-			case "ArrowDown":
-			case "ArrowRight":
-				event.preventDefault();
-				focusNext(step);
-				break;
-			case "ArrowLeft":
-			case "ArrowUp":
-				event.preventDefault();
-				focusPrev(step);
-				break;
-			case "End":
-				event.preventDefault();
-				focusLast();
-				break;
-			case "Home":
-				event.preventDefault();
-				focusFirst();
-				break;
-			case " ":
-			case "Enter":
-				event.preventDefault();
-				setActiveStep(step);
-				break;
-		}
-	};
-	return /* @__PURE__ */ jsx("button", {
-		ref: setTriggerRef,
-		role: "tab",
-		id: triggerId,
-		"aria-controls": ariaControls,
+		value: step,
 		"aria-current": isSelected ? "step" : void 0,
-		"aria-selected": isSelected,
-		className: cx("stepper__trigger", className),
+		className: mergeBaseClassName("stepper__trigger", className),
 		"data-loading": isLoading ? "" : void 0,
+		"data-slot": "stepper-trigger",
 		"data-state": state,
 		disabled: disabled ?? isDisabled,
-		onClick: handleClick,
-		onKeyDown: handleKeyDown,
-		tabIndex: typeof tabIndex === "number" ? tabIndex : isSelected ? 0 : -1,
 		type,
+		unstyled: true,
 		...props,
 		children
 	});
@@ -286,20 +190,18 @@ function StepperPanel({ className, ref, ...props }) {
 		...props
 	});
 }
-function StepperContent({ value, forceMount = false, spacing = "none", className, children, id, "aria-labelledby": ariaLabelledBy, ref, ...props }) {
-	const { activeStep, idPrefix } = useStepper();
+function StepperContent({ value, forceMount = false, spacing = "none", className, children, ref, ...props }) {
+	const { activeStep } = useStepper();
 	const isActive = activeStep === value;
-	if (!forceMount && !isActive) return null;
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
 		ref,
-		role: "tabpanel",
-		id: id ?? `${idPrefix}-panel-${value}`,
-		"aria-labelledby": ariaLabelledBy ?? `${idPrefix}-trigger-${value}`,
-		className: cx("stepper__content", !isActive && "stepper__content--hidden", className),
+		value,
+		keepMounted: forceMount,
+		className: mergeBaseClassName("stepper__content", className),
 		"data-spacing": spacing,
+		"data-slot": "stepper-content",
 		"data-state": isActive ? "active" : "inactive",
-		hidden: !isActive,
-		tabIndex: 0,
+		unstyled: true,
 		...props,
 		children
 	});

package/dist/components/SubagentRunDetails.js

@@ -24,6 +24,7 @@ function SubagentRunProgress({ className, label, value, ref, ...props }) {
 function SubagentRunActions({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
+		"data-slot": "subagent-run-actions",
 		className: cx("subagent-run__actions", className),
 		...props
 	});

package/dist/components/SubagentRunIndicator.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { G as SpinnerIcon, Z as WarningIcon, l as CheckIcon, q as StopIcon } from "../icons-CQJ-aMnI.js";
+import { J as StopIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunIndicator.tsx

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../Tabs-ColWK-XA.js";
+import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../Tabs-C49J5m0Q.js";
 export { TabPanelProps, TabProps, Tabs, TabsIndicatorProps, TabsListProps, TabsProps };

package/dist/components/Tabs.js

@@ -27,8 +27,8 @@ function tabsListVariants({ variant = "default", className } = {}) {
 *
 * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
 */
-function TabsRoot({ orientation = "horizontal", variant = "default", className, ref, ...props }) {
-	const classes = mergeBaseClassName(["tabs", variant !== "default" && `tabs--${variant}`].filter(Boolean).join(" "), className);
+function TabsRoot({ orientation = "horizontal", variant = "default", className, unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName(["tabs", variant !== "default" && `tabs--${variant}`].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		ref,
 		"data-slot": "tabs",
@@ -38,8 +38,8 @@ function TabsRoot({ orientation = "horizontal", variant = "default", className,
 		...props
 	});
 }
-function TabsList({ className, variant = "default", ref, ...props }) {
-	const classes = mergeBaseClassName(tabsListVariants({ variant }), className);
+function TabsList({ className, variant = "default", unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName(tabsListVariants({ variant }), className);
 	return /* @__PURE__ */ jsx(Tabs$1.List, {
 		ref,
 		"data-slot": "tabs-list",
@@ -48,8 +48,8 @@ function TabsList({ className, variant = "default", ref, ...props }) {
 		...props
 	});
 }
-function Tab({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("tabs__tab", className);
+function Tab({ className, unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName("tabs__tab", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
 		ref,
 		"data-slot": "tabs-trigger",
@@ -66,8 +66,8 @@ function TabsIndicator({ className, ref, ...props }) {
 		...props
 	});
 }
-function TabPanel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("tabs__panel", className);
+function TabPanel({ className, unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName("tabs__panel", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
 		ref,
 		"data-slot": "tabs-content",

package/dist/components/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { U as SearchIcon, f as ChevronRightIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
+import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.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-DLGzHsjc.js";
-import { t as CopyButtonProps } from "../copy-button-D7aAYA-2.js";
+import { r as ButtonProps } from "../Button-yRInko9u.js";
+import { t as CopyButtonProps } from "../copy-button-BrvQ7z4W.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts

package/dist/components/Terminal.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { $ as XIcon, Y as TerminalIcon } from "../icons-CQJ-aMnI.js";
+import { X as TerminalIcon, et as XIcon } from "../icons-DKXiSepE.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-DeK6KXEV.js";
+import { t as CopyButton } from "../copy-button-BtRwhRks.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";

package/dist/components/TestResults.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { $ as XIcon, G as SpinnerIcon, f as ChevronRightIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
+import { K as SpinnerIcon, et as XIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ThemeModeControl.js

@@ -1,4 +1,4 @@
-import { J as SunIcon, N as MonitorIcon, P as MoonIcon } from "../icons-CQJ-aMnI.js";
+import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../icons-DKXiSepE.js";
 import { Radio, RadioGroup } from "./RadioGroup.js";
 import { useTheme } from "./ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ThinkChat.d.ts

@@ -1,16 +1,16 @@
 import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-ClxViuUM.js";
+import { r as AgentChatProps } from "../AgentChat-CaQaT0LF.js";
 import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
 import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-Bzot45kX.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CnIJPvV5.js";
 import { n as ThinkChatValue } from "../ThinkChatContext-DrsZqdaO.js";
 import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../ThinkRecoveryNotice-DFIcG9UX.js";
 import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
 import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-CzyHnESE.js";
-import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-Jez8ffUj.js";
-import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-B9dQWNVK.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-D8Un_xge.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-CWtust-2.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-DGigwsgH.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";

package/dist/components/ThinkChatActivity.d.ts

@@ -1,4 +1,4 @@
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
 import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-Bzot45kX.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CnIJPvV5.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

package/dist/components/ThinkChatToolPanels.js

@@ -1,7 +1,7 @@
 import { ActivityOutput, ActivityPanel } from "./Activity.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import { Tabs } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-Bfp5PAg3.js";
+import { t as CodeBlock } from "../CodeBlock-Bb-IPBc_.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import * as React from "react";

package/dist/components/ThinkExecutionDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { $ as XIcon, E as InfoIcon, H as RefreshIcon, Y as TerminalIcon, l as CheckIcon, n as ArrowDownIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
+import { D as InfoIcon, S as FileIcon, U as RefreshIcon, X as TerminalIcon, et as XIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";

package/dist/components/ThinkExecutionStatus.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { $ as XIcon, E as InfoIcon, G as SpinnerIcon, L as PauseIcon, l as CheckIcon } from "../icons-CQJ-aMnI.js";
+import { D as InfoIcon, K as SpinnerIcon, R as PauseIcon, et as XIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
 import { Tooltip } from "./Tooltip.js";
 import { formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone } from "./ThinkExecutionRun.js";
 import "react";

package/dist/components/ThinkExecutionWorkbench.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, v as EllipsisIcon } from "../icons-CQJ-aMnI.js";
+import { U as RefreshIcon, y as EllipsisIcon } from "../icons-DKXiSepE.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";

package/dist/components/ThinkFullApp.d.ts

@@ -1,6 +1,6 @@
 import { l as WorkspaceNavigationAdapter } from "../WorkspaceLink-O-EBKUJ8.js";
-import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-CzyHnESE.js";
-import { a as WorkspaceSource } from "../Workspace-Jez8ffUj.js";
+import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-D8Un_xge.js";
+import { a as WorkspaceSource } from "../Workspace-CWtust-2.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
 import { t as ThinkAgent } from "../think-agent-Cip5KAPj.js";
 import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";

package/dist/components/ThinkFullApp.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Y as TerminalIcon, u as ChevronDownIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
+import { S as FileIcon, X as TerminalIcon, d as ChevronDownIcon } from "../icons-DKXiSepE.js";
 import { Button } from "./Button.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../WorkspaceLink-BYYeTQLf.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-15EhfvYJ.js";
+import { t as mergeRefs } from "../merge-refs-KlanQB7A.js";
 import { useWorkspace } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
 import { ResizableSidePanel } from "./ResizableSidePanel.js";

package/dist/components/ThinkRoutineBrowser.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlusIcon } from "../icons-CQJ-aMnI.js";
+import { V as PlusIcon } from "../icons-DKXiSepE.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";

package/dist/components/ThinkRoutineForm.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { G as SpinnerIcon } from "../icons-CQJ-aMnI.js";
+import { K as SpinnerIcon } from "../icons-DKXiSepE.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { Field } from "./Field.js";

package/dist/components/ThinkRoutineLibrary.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { G as SpinnerIcon, Z as WarningIcon, u as ChevronDownIcon, v as EllipsisIcon, z as PlayIcon } from "../icons-CQJ-aMnI.js";
+import { B as PlayIcon, K as SpinnerIcon, Q as WarningIcon, d as ChevronDownIcon, y as EllipsisIcon } from "../icons-DKXiSepE.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { Menu } from "./Menu.js";
@@ -65,7 +65,7 @@ function RoutineTopBarActions({ busy, onDelete, editLink, onRun, routineName })
 					disabled: busy,
 					children: "Cancel"
 				}), /* @__PURE__ */ jsx(AlertDialog.Close, {
-					variant: "destructive",
+					color: "destructive",
 					disabled: busy,
 					onClick: onDelete,
 					children: "Delete schedule"

package/dist/components/ThinkThreadPicker.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlusIcon, G as SpinnerIcon, Z as WarningIcon, g as DotIcon, t as ArchiveIcon } from "../icons-CQJ-aMnI.js";
+import { K as SpinnerIcon, Q as WarningIcon, V as PlusIcon, _ as DotIcon, t as ArchiveIcon } from "../icons-DKXiSepE.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { SearchField } from "./SearchField.js";

package/dist/components/Toast.d.ts

@@ -88,6 +88,7 @@ declare function ToastDescription({
  * Action button within the toast.
  */
 declare function ToastAction({
+  render,
   className,
   ref,
   ...props

package/dist/components/Toast.js

@@ -1,4 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
@@ -82,11 +83,17 @@ function ToastDescription({ className, ref, ...props }) {
 /**
 * Action button within the toast.
 */
-function ToastAction({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast__action"].filter(Boolean).join(" "), className);
+function ToastAction({ render, className, ref, ...props }) {
+	const classes = mergeBaseClassName(render == null ? buttonVariants({
+		variant: "normal",
+		color: "primary",
+		size: "xs",
+		className: "toast__action"
+	}) : "toast__action", className);
 	return /* @__PURE__ */ jsx(Toast$1.Action, {
 		ref,
 		"data-slot": "toast-action",
+		render,
 		className: classes,
 		...props
 	});

package/dist/components/Toggle.js

@@ -7,7 +7,7 @@ function toggleVariants({ variant = "default", size = "md", className } = {}) {
 	return [
 		"toggle",
 		variant === "outline" && "toggle--outline",
-		size !== "md" && `toggle--${size}`,
+		`toggle--${size ?? "md"}`,
 		className
 	].filter(Boolean).join(" ");
 }
@@ -52,15 +52,15 @@ function toggleVariants({ variant = "default", size = "md", className } = {}) {
 * @see {@link https://base-ui.com/react/components/toggle | Base UI Toggle}
 */
 function Toggle({ className, variant, size, ref, ...props }) {
-	const classes = mergeBaseClassName(toggleVariants({
-		variant,
-		size
-	}), className);
+	const resolvedSize = size ?? "md";
 	return /* @__PURE__ */ jsx(Toggle$1, {
 		ref,
 		"data-slot": "toggle",
-		"data-size": size ?? "md",
-		className: classes,
+		"data-size": resolvedSize,
+		className: mergeBaseClassName(toggleVariants({
+			variant,
+			size: resolvedSize
+		}), className),
 		...props
 	});
 }

package/dist/components/Toolbar.d.ts

@@ -9,11 +9,17 @@ interface ToolbarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar
 /**
  * Props for the Toolbar.Button component.
  */
-interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Button> {}
+interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Button> {
+  /** Skip the default Button chrome when a composed control owns its visuals. */
+  unstyled?: boolean;
+}
 /**
  * Props for the Toolbar.Link component.
  */
-interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Link> {}
+interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Link> {
+  /** Skip the default Button chrome when a composed link owns its visuals. */
+  unstyled?: boolean;
+}
 /**
  * Props for the Toolbar.Group component.
  */
@@ -52,6 +58,7 @@ declare function ToolbarRoot({
  * A clickable button within the toolbar.
  */
 declare function ToolbarButton({
+  unstyled,
   className,
   ref,
   ...props
@@ -62,6 +69,7 @@ declare function ToolbarButton({
  * A link element within the toolbar.
  */
 declare function ToolbarLink({
+  unstyled,
   className,
   ref,
   ...props

package/dist/components/Toolbar.js

@@ -1,4 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
@@ -30,11 +31,17 @@ function ToolbarRoot({ className, ref, ...props }) {
 /**
 * A clickable button within the toolbar.
 */
-function ToolbarButton({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("toolbar__button", className);
+function ToolbarButton({ unstyled = false, className, ref, ...props }) {
+	const classes = mergeBaseClassName(unstyled ? "toolbar__button" : buttonVariants({
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		className: "toolbar__button"
+	}), className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Button, {
 		ref,
 		"data-slot": "toolbar-button",
+		"data-unstyled": unstyled ? "" : void 0,
 		className: classes,
 		...props
 	});
@@ -42,11 +49,17 @@ function ToolbarButton({ className, ref, ...props }) {
 /**
 * A link element within the toolbar.
 */
-function ToolbarLink({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("toolbar__link", className);
+function ToolbarLink({ unstyled = false, className, ref, ...props }) {
+	const classes = mergeBaseClassName(unstyled ? "toolbar__link" : buttonVariants({
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		className: "toolbar__link"
+	}), className);
 	return /* @__PURE__ */ jsx(Toolbar$1.Link, {
 		ref,
 		"data-slot": "toolbar-link",
+		"data-unstyled": unstyled ? "" : void 0,
 		className: classes,
 		...props
 	});

package/dist/components/WebPreview.d.ts

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

package/dist/components/WebPreview.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, i as ArrowRightIcon, r as ArrowLeftIcon, u as ChevronDownIcon } from "../icons-CQJ-aMnI.js";
+import { U as RefreshIcon, d as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../icons-DKXiSepE.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { Badge } from "./Badge.js";