@mcp-b/react-components 0.19.0 → 0.20.0

package/dist/components/Stepper.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-BiMDVpUo.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 { t as assignRef } from "../merge-refs-DF_7w2x_.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/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/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/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/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

@@ -2,9 +2,9 @@ import { t as cx } from "../class-names-BiMDVpUo.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/ThinkRoutineLibrary.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/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/Workspace.d.ts

@@ -1,2 +1,2 @@
-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 { 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";
 export { UseWorkspaceOptions, WorkspaceFileReadTarget, WorkspaceInfo, WorkspaceQueryKey, WorkspaceSource, WorkspaceState, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/WorkspaceBrowser.d.ts

@@ -1,4 +1,4 @@
-import { o as WorkspaceState } from "../Workspace-Jez8ffUj.js";
+import { o as WorkspaceState } from "../Workspace-CWtust-2.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceBrowser.d.ts

package/dist/components/WorkspaceExplorer.d.ts

@@ -1,5 +1,5 @@
 import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../WorkspaceLink-O-EBKUJ8.js";
-import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset } 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 { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset } 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";
 export { type ResolveWorkspaceLinkOptions, type UseWorkspaceOptions, type WorkspaceDestination, WorkspaceExplorer, WorkspaceExplorerProps, type WorkspaceExternalDestination, type WorkspaceFileAsset, type WorkspaceFileAssetRequest, type WorkspaceFileAssetResolver, WorkspaceFileLink, type WorkspaceFileLinkProps, type WorkspaceFileReadTarget, type WorkspaceFileState, type WorkspaceInfo, type WorkspaceInvalidDestination, type WorkspaceLinkBase, type WorkspaceLinkResolution, type WorkspaceMediaInfo, type WorkspaceMediaKind, type WorkspaceMediaTrack, type WorkspaceMediaTrackKind, type WorkspaceNavigationAdapter, type WorkspaceNavigationEntry, WorkspaceNavigationProvider, type WorkspaceNavigationProviderProps, type WorkspaceQueryKey, type WorkspaceSkillDocument, type WorkspaceSource, type WorkspaceState, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

package/dist/components/WorkspaceExplorer.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-BYYeTQLf.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
 import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
+import { t as mergeRefs } from "../merge-refs-KlanQB7A.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/WorkspaceFile.d.ts

@@ -1,2 +1,2 @@
-import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename } from "../WorkspaceFile-CzyHnESE.js";
+import { a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as parseWorkspaceSkill, h as isWorkspaceSkillPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMediaPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as isWorkspaceMarkdownPath, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename } from "../WorkspaceFile-D8Un_xge.js";
 export { WorkspaceFileAsset, WorkspaceFileAssetRequest, WorkspaceFileAssetResolver, WorkspaceFileState, WorkspaceMediaInfo, WorkspaceMediaKind, WorkspaceMediaTrack, WorkspaceMediaTrackKind, WorkspaceSkillDocument, getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };

package/dist/components/WorkspaceFileView.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceFileState } from "../WorkspaceFile-CzyHnESE.js";
+import { i as WorkspaceFileState } from "../WorkspaceFile-D8Un_xge.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceFileView.d.ts

package/dist/{copy-button-D7aAYA-2.d.ts → copy-button-BrvQ7z4W.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/_internal/copy-button.d.ts

package/dist/{merge-refs-DF_7w2x_.js → merge-refs-KlanQB7A.js}

@@ -15,4 +15,4 @@ function mergeRefs(...refs) {
 	};
 }
 //#endregion
-export { mergeRefs as n, assignRef as t };
+export { mergeRefs as t };

package/dist/styles/accordion.css

@@ -37,7 +37,7 @@
     color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
 }
 
-.accordion__trigger:hover:not(:disabled):not([data-disabled]) {
+.accordion__trigger:hover:not([data-disabled]) {
   background-color: var(--sigvelo-color-neutral-bg-subtle);
 }
 
@@ -46,7 +46,7 @@
   box-shadow: var(--sigvelo-recipe-focus-shadow);
 }
 
-.accordion__trigger:is(:disabled, [data-disabled]) {
+.accordion__trigger[data-disabled] {
   color: var(--sigvelo-color-text-muted);
   cursor: not-allowed;
 }
@@ -56,7 +56,7 @@
 
   font-family: inherit;
   font-size: var(--sigvelo-text-sm);
-  line-height: 1.625;
+  line-height: var(--sigvelo-leading-relaxed);
   color: var(--sigvelo-color-text-muted);
 }
 

package/dist/styles/activity.css

@@ -91,7 +91,7 @@
   gap: var(--sigvelo-spacing-1-5);
   font-size: var(--sigvelo-text-compact);
   color: var(--sigvelo-color-text);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
 }
 
 /* Second collapse level: the trigger reads as a plain item row; the panel is
@@ -118,7 +118,7 @@
   font-size: var(--sigvelo-text-compact);
   font-weight: inherit;
   color: var(--sigvelo-color-text);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
   text-align: start;
   cursor: pointer;
   transition: background-color var(--sigvelo-motion-duration-interaction)
@@ -164,7 +164,7 @@
 .activity__group-text {
   margin: 0;
   font-size: var(--sigvelo-text-compact);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
   color: var(--sigvelo-color-text-muted);
   white-space: pre-wrap;
   overflow-wrap: anywhere;
@@ -200,7 +200,7 @@
   margin: 0;
   font-family: var(--sigvelo-font-mono);
   font-size: var(--sigvelo-text-xs);
-  line-height: 1.6;
+  line-height: var(--sigvelo-leading-body);
   color: var(--sigvelo-color-text);
   white-space: pre-wrap;
   overflow-wrap: anywhere;