@mcp-b/react-components 0.16.1 → 0.18.0

package/dist/components/WorkspaceBrowser.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceState } from "../Workspace-D39LxGvP.js";
+import { o as WorkspaceState } from "../Workspace-Jez8ffUj.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceBrowser.d.ts
@@ -11,9 +11,8 @@ interface WorkspaceBrowserProps {
   showFilter?: boolean;
   filterPlaceholder?: string;
   emptyState?: React.ReactNode;
-  onSelectFile?: (path: string) => void;
-  onBack?: () => void;
-  onForward?: () => void;
+  /** App-owned anchor or router Link for a file destination. */
+  renderFileLink?: (path: string) => React.ReactElement;
 }
 /** Workspace tree and filter surface, usable independently from the file preview. */
 declare function WorkspaceBrowser({
@@ -24,9 +23,7 @@ declare function WorkspaceBrowser({
   showFilter,
   filterPlaceholder,
   emptyState,
-  onSelectFile,
-  onBack,
-  onForward
+  renderFileLink
 }: WorkspaceBrowserProps): React.JSX.Element;
 //#endregion
 export { WorkspaceBrowser, WorkspaceBrowserProps };

package/dist/components/WorkspaceBrowser.js

@@ -1,6 +1,5 @@
-import { R as SearchIcon } from "../icons-CpfUer49.js";
-import { Field } from "./Field.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-CkVbIMWV.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-3zYtrddG.js";
+import { SearchField } from "./SearchField.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -9,19 +8,14 @@ function compareFilteredWorkspaceFiles(left, right) {
 	return left.path.localeCompare(right.path) || left.name.localeCompare(right.name);
 }
 /** Workspace tree and filter surface, usable independently from the file preview. */
-function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, showFilter = true, filterPlaceholder = "Filter files...", emptyState, onSelectFile, onBack, onForward }) {
+function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, showFilter = true, filterPlaceholder = "Filter files...", emptyState, renderFileLink }) {
 	const [filter, setFilter] = React.useState("");
 	const filterQuery = filter.trim().toLowerCase();
 	const { root, entriesByDirectory, entryByPath, expandedPaths, setExpandedPaths, selectedPath, selectFile, isLoading, error, info, refresh } = workspace;
 	const handleSelect = React.useCallback((path) => {
 		if (entryByPath.get(path)?.type === "directory") return;
 		selectFile(path);
-		onSelectFile?.(path);
-	}, [
-		entryByPath,
-		onSelectFile,
-		selectFile
-	]);
+	}, [entryByPath, selectFile]);
 	const filteredFiles = React.useMemo(() => {
 		if (!filterQuery) return [];
 		return [...entryByPath.values()].filter((entry) => entry.type !== "directory" && entry.path.toLowerCase().includes(filterQuery)).sort(compareFilteredWorkspaceFiles);
@@ -34,7 +28,8 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 		}, entry.path);
 		return /* @__PURE__ */ jsx(FileTreeFile, {
 			path: entry.path,
-			name: entry.name
+			name: entry.name,
+			render: renderFileLink?.(entry.path)
 		}, entry.path);
 	};
 	const rootEntries = entriesByDirectory[root] ?? [];
@@ -44,8 +39,6 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 		leading,
 		actions,
 		isRefreshing: isLoading,
-		onBack,
-		onForward,
 		onRefresh: refresh
 	}), /* @__PURE__ */ jsxs("div", {
 		className: "workspace-explorer__body",
@@ -53,21 +46,17 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 		role: "region",
 		"aria-label": "Workspace files",
 		tabIndex: -1,
-		children: [showFilter ? /* @__PURE__ */ jsxs(Field.Root, {
+		children: [showFilter ? /* @__PURE__ */ jsxs(SearchField.Root, {
 			className: "workspace-explorer__filter",
 			name: "workspace-filter",
-			children: [/* @__PURE__ */ jsx(Field.Label, {
-				className: "workspace-explorer__filter-label",
+			children: [/* @__PURE__ */ jsx(SearchField.Label, {
+				className: "workspace-explorer__filter-label sigvelo-visually-hidden",
 				children: "Filter workspace files"
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "workspace-explorer__filter-control",
-				children: [/* @__PURE__ */ jsx(SearchIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx(Field.Control, {
-					type: "search",
-					value: filter,
-					onChange: (event) => setFilter(event.currentTarget.value),
-					placeholder: filterPlaceholder,
-					autoComplete: "off"
-				})]
+			}), /* @__PURE__ */ jsx(SearchField.Control, {
+				value: filter,
+				onChange: (event) => setFilter(event.currentTarget.value),
+				placeholder: filterPlaceholder,
+				autoComplete: "off"
 			})]
 		}) : null, error ? /* @__PURE__ */ jsx("div", {
 			className: "workspace-explorer__empty",
@@ -80,7 +69,8 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 			"aria-label": "Workspace files",
 			children: filteredFiles.map((entry) => /* @__PURE__ */ jsx(FileTreeFile, {
 				path: entry.path,
-				name: entry.path
+				name: entry.path,
+				render: renderFileLink?.(entry.path)
 			}, entry.path))
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "workspace-explorer__empty",

package/dist/components/WorkspaceExplorer.d.ts

@@ -1,33 +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-DK1DWMHe.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-DOZkPwzu.js";
-import { a as useWorkspace, i as WorkspaceState, n as WorkspaceInfo, r as WorkspaceSource, t as UseWorkspaceOptions } from "../Workspace-D39LxGvP.js";
-import * as React from "react";
-
-//#region src/components/WorkspaceExplorer.d.ts
-interface WorkspaceExplorerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
-  workspace: WorkspaceState;
-  /** Host-owned URL/history adapter shared by chat links and the file explorer. */
-  navigation: WorkspaceNavigationAdapter;
-  /** Header label. Defaults to "Workspace". */
-  title?: React.ReactNode;
-  /** Leading workspace control, such as a host-owned Back to chat button. */
-  leading?: React.ReactNode;
-  /** Extra header actions, rendered next to the built-in refresh button. */
-  actions?: React.ReactNode;
-  /** Show the file filter input. Hidden by default to keep the browser compact. */
-  showFilter?: boolean;
-  filterPlaceholder?: string;
-  emptyState?: React.ReactNode;
-}
-/**
- * Convenience workspace application composed from `WorkspaceBrowser` and
- * `WorkspaceFileView`. The host adapter owns URLs and history; the explorer
- * only restores presentation state for stable navigation entry keys.
- */
-declare function WorkspaceExplorer({
-  ...props
-}: WorkspaceExplorerProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
-export { type ResolveWorkspaceLinkOptions, type UseWorkspaceOptions, type WorkspaceDestination, WorkspaceExplorer, WorkspaceExplorerProps, type WorkspaceExternalDestination, type WorkspaceFileAsset, type WorkspaceFileAssetRequest, type WorkspaceFileAssetResolver, WorkspaceFileLink, type WorkspaceFileLinkProps, 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 WorkspaceSkillDocument, type WorkspaceSource, type WorkspaceState, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace };
+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";
+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,10 +1,10 @@
-import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-DIPbXrUM.js";
+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 { WorkspaceBrowser } from "./WorkspaceBrowser.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
-import { t as WorkspaceFileView } from "../WorkspaceFileView-rSN_yT0L.js";
-import { useWorkspace } from "./Workspace.js";
+import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
+import { t as WorkspaceFileView } from "../WorkspaceFileView-C68Ub8S8.js";
+import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/WorkspaceExplorer.tsx
@@ -45,35 +45,25 @@ function WorkspaceExplorer({ ...props }) {
 function WorkspaceExplorerContent({ workspace, navigation, className, title = "Workspace", leading, actions, showFilter = false, filterPlaceholder = "Filter files...", emptyState, ref, ...props }) {
 	const explorerRef = React.useRef(null);
 	const pendingTreeFocusRef = React.useRef(null);
-	const previousDestinationRef = React.useRef(navigation.current.destination);
+	const currentEntry = navigation.current;
+	const previousDestinationRef = React.useRef(currentEntry.destination);
 	const restoration = useRequiredWorkspaceNavigationRestoration();
-	const { entriesByDirectory, expandedPaths, selectedPath, selectedFile, isLoading, loadingPaths, refresh, selectFile, setExpandedPaths } = workspace;
-	const fileDestination = getValidatedFileDestination(navigation.current.destination, workspace.root);
-	React.useEffect(() => {
-		if (fileDestination && selectedPath !== fileDestination.path) selectFile(fileDestination.path);
-	}, [
-		fileDestination?.path,
-		selectFile,
-		selectedPath
-	]);
+	const { entriesByDirectory, expandedPaths, selectedPath, selectedFile, isLoading, loadingPaths, refresh, setExpandedPaths } = workspace;
+	const fileDestination = getValidatedFileDestination(currentEntry.destination, workspace.root);
 	React.useEffect(() => {
 		const previous = previousDestinationRef.current;
-		if (navigation.current.destination.kind === "files" && previous.kind === "file") {
-			const saved = restoration.get(navigation.current.key);
+		if (currentEntry.destination.kind === "files" && previous.kind === "file") {
+			const saved = restoration.get(currentEntry.key);
 			pendingTreeFocusRef.current = saved?.focusDestination ? null : {
-				entryKey: navigation.current.key,
+				entryKey: currentEntry.key,
 				path: previous.path
 			};
 		}
-		previousDestinationRef.current = navigation.current.destination;
-	}, [
-		navigation.current.key,
-		navigation.current.destination,
-		restoration
-	]);
+		previousDestinationRef.current = currentEntry.destination;
+	}, [currentEntry, restoration]);
 	React.useEffect(() => {
 		const pending = pendingTreeFocusRef.current;
-		if (!pending || pending.entryKey !== navigation.current.key || navigation.current.destination.kind !== "files") return;
+		if (!pending || pending.entryKey !== currentEntry.key || currentEntry.destination.kind !== "files") return;
 		const ancestors = getDirectoryAncestors(pending.path, workspace.root);
 		if (ancestors.some((path) => !expandedPaths.has(path))) {
 			setExpandedPaths(/* @__PURE__ */ new Set([...expandedPaths, ...ancestors]));
@@ -94,8 +84,7 @@ function WorkspaceExplorerContent({ workspace, navigation, className, title = "W
 		expandedPaths,
 		isLoading,
 		loadingPaths,
-		navigation.current.destination,
-		navigation.current.key,
+		currentEntry,
 		setExpandedPaths,
 		workspace.root
 	]);
@@ -127,15 +116,13 @@ function WorkspaceExplorerContent({ workspace, navigation, className, title = "W
 			showFilter,
 			filterPlaceholder,
 			emptyState,
-			onSelectFile: (path) => navigation.navigate({
+			renderFileLink: (path) => navigation.renderLink({
 				kind: "file",
 				path,
 				fragment: null
-			}),
-			onBack: navigation.canGoBack ? () => navigation.goBack() : void 0,
-			onForward: navigation.canGoForward ? () => navigation.goForward() : void 0
+			})
 		})
 	});
 }
 //#endregion
-export { WorkspaceExplorer, WorkspaceFileLink, WorkspaceNavigationProvider, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace };
+export { WorkspaceExplorer, WorkspaceFileLink, WorkspaceNavigationProvider, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill, resolveWorkspaceLink, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

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-DOZkPwzu.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-CzyHnESE.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,8 +1,13 @@
-import { i as WorkspaceFileState } from "../WorkspaceFile-DOZkPwzu.js";
+import { i as WorkspaceFileState } from "../WorkspaceFile-CzyHnESE.js";
 import * as React from "react";
 
 //#region src/components/WorkspaceFileView.d.ts
 interface WorkspaceFileViewProps {
+  /**
+   * Canvas previews join the surrounding document flow without a component
+   * frame, divider, or nested scrolling surface.
+   */
+  appearance?: "contained" | "canvas";
   file: WorkspaceFileState | null;
   path: string;
   isLoading: boolean;
@@ -10,16 +15,23 @@ interface WorkspaceFileViewProps {
   /** Leading workspace control, such as a host-owned Back to chat button. */
   leading?: React.ReactNode;
   actions?: React.ReactNode;
+  /**
+   * Show the parsed Agent Skill identity above authored Markdown. Hosts that
+   * already present the skill identity can omit it while retaining validation.
+   */
+  showSkillIdentity?: boolean;
   onRefresh: () => void;
 }
-/** Full-boundary workspace file preview composed from CodeBlock and AppTopBar. */
+/** Workspace file preview composed from CodeBlock and AppTopBar. */
 declare function WorkspaceFileView({
+  appearance,
   file,
   path,
   isLoading,
   isRefreshing,
   leading,
   actions,
+  showSkillIdentity,
   onRefresh
 }: WorkspaceFileViewProps): React.JSX.Element | null;
 //#endregion

package/dist/components/WorkspaceFileView.js

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../WorkspaceFileView-rSN_yT0L.js";
+import { t as WorkspaceFileView } from "../WorkspaceFileView-C68Ub8S8.js";
 export { WorkspaceFileView };

package/dist/components/WorkspaceHeader.d.ts

@@ -10,10 +10,6 @@ interface WorkspaceHeaderProps {
   actions?: React.ReactNode;
   copyAction?: React.ReactNode;
   isRefreshing: boolean;
-  backLabel?: string;
-  forwardLabel?: string;
-  onBack?: () => void;
-  onForward?: () => void;
   onRefresh: () => void;
 }
 /** Shared workspace app bar for browser and file-preview surfaces. */
@@ -25,10 +21,6 @@ declare function WorkspaceHeader({
   actions,
   copyAction,
   isRefreshing,
-  backLabel,
-  forwardLabel,
-  onBack,
-  onForward,
   onRefresh
 }: WorkspaceHeaderProps): React.JSX.Element;
 //#endregion

package/dist/components/WorkspaceHeader.js

@@ -1,27 +1,15 @@
-import { L as RefreshIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-CpfUer49.js";
+import { H as RefreshIcon } from "../icons-CQJ-aMnI.js";
 import { AppTopBar } from "./AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/WorkspaceHeader.tsx
 /** Shared workspace app bar for browser and file-preview surfaces. */
-function WorkspaceHeader({ title, fileCount, path, leading, actions, copyAction, isRefreshing, backLabel = "Back", forwardLabel = "Forward", onBack, onForward, onRefresh }) {
+function WorkspaceHeader({ title, fileCount, path, leading, actions, copyAction, isRefreshing, onRefresh }) {
 	return /* @__PURE__ */ jsxs(AppTopBar.Root, {
 		className: "workspace-explorer__header",
 		"aria-label": "Workspace controls",
 		children: [
-			/* @__PURE__ */ jsxs(AppTopBar.Leading, { children: [
-				leading,
-				onBack ? /* @__PURE__ */ jsx(AppTopBar.Button, {
-					label: backLabel,
-					onClick: onBack,
-					children: /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": "true" })
-				}) : null,
-				onForward ? /* @__PURE__ */ jsx(AppTopBar.Button, {
-					label: forwardLabel,
-					onClick: onForward,
-					children: /* @__PURE__ */ jsx(ArrowRightIcon, { "aria-hidden": "true" })
-				}) : null
-			] }),
+			/* @__PURE__ */ jsx(AppTopBar.Leading, { children: leading }),
 			/* @__PURE__ */ jsx(AppTopBar.Title, {
 				className: "workspace-explorer__heading",
 				title: path,

package/dist/components/WorkspaceLink.d.ts

@@ -1,2 +1,2 @@
-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-DK1DWMHe.js";
+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";
 export { ResolveWorkspaceLinkOptions, WorkspaceDestination, WorkspaceExternalDestination, WorkspaceFileLink, WorkspaceFileLinkProps, WorkspaceInvalidDestination, WorkspaceLinkBase, WorkspaceLinkResolution, WorkspaceNavigationAdapter, WorkspaceNavigationEntry, WorkspaceNavigationProvider, WorkspaceNavigationProviderProps, resolveWorkspaceLink };

package/dist/components/WorkspaceLink.js

@@ -1,2 +1,2 @@
-import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-DIPbXrUM.js";
+import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-BYYeTQLf.js";
 export { WorkspaceFileLink, WorkspaceNavigationProvider, resolveWorkspaceLink };

package/dist/components/icons.d.ts

@@ -1,2 +1,2 @@
-import { A as MinusIcon, B as SearchIcon, C as ImageIcon, D as McpIcon, E as MaximizeIcon, F as PencilIcon, G as StopIcon, H as SpinnerIcon, I as PlayIcon, J as TrashIcon, K as SunIcon, L as PlusIcon, M as MoonIcon, N as PaperclipIcon, O as MessageSquareIcon, P as PauseIcon, R as QueueIcon, S as IconProps, T as LinkIcon, U as SquareIcon, V as SidebarIcon, W as SteerIcon, X as WrenchIcon, Y as WarningIcon, Z as XIcon, _ as EyeIcon, a as BoxIcon, b as FolderIcon, c as ChevronDownIcon, d as CodeIcon, f as CopyIcon, g as EllipsisIcon, h as DownloadIcon, i as ArrowUpIcon, j as MonitorIcon, k as MicrophoneIcon, l as ChevronLeftIcon, m as DotIcon, n as ArrowLeftIcon, o as BrandIconProps, p as DiscordIcon, q as TerminalIcon, r as ArrowRightIcon, s as CheckIcon, t as ArrowDownIcon, u as ChevronRightIcon, v as EyeOffIcon, w as InfoIcon, x as FolderOpenIcon, y as FileIcon, z as RefreshIcon } from "../icons-GQd1xF4e.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BoxIcon, BrandIconProps, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, SteerIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as WarningIcon, A as MaximizeIcon, B as PencilIcon, C as FolderIcon, D as ImageIcon, E as IconProps, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SquareIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TrashIcon, R as PaperclipIcon, S as FileIcon, T as HashIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as SunIcon, Y as StopIcon, Z as TerminalIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BrandIconProps, d as ChevronDownIcon, et as WrenchIcon, f as ChevronLeftIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as CalendarIcon, m as CodeIcon, n as ArrowDownIcon, o as BookmarkIcon, p as ChevronRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, tt as XIcon, u as CheckIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PauseIcon } from "../icons-CYXmvKlJ.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/icons.js

@@ -1,2 +1,2 @@
-import { A as MoonIcon, B as SpinnerIcon, C as LinkIcon, D as MicrophoneIcon, E as MessageSquareIcon, F as PlusIcon, G as TerminalIcon, H as SteerIcon, I as QueueIcon, J as WrenchIcon, K as TrashIcon, L as RefreshIcon, M as PauseIcon, N as PencilIcon, O as MinusIcon, P as PlayIcon, R as SearchIcon, S as InfoIcon, T as McpIcon, U as StopIcon, V as SquareIcon, W as SunIcon, Y as XIcon, _ as EyeOffIcon, a as BoxIcon, b as FolderOpenIcon, c as ChevronLeftIcon, d as CopyIcon, f as DiscordIcon, g as EyeIcon, h as EllipsisIcon, i as ArrowUpIcon, j as PaperclipIcon, k as MonitorIcon, l as ChevronRightIcon, m as DownloadIcon, n as ArrowLeftIcon, o as CheckIcon, p as DotIcon, q as WarningIcon, r as ArrowRightIcon, s as ChevronDownIcon, t as ArrowDownIcon, u as CodeIcon, v as FileIcon, w as MaximizeIcon, x as ImageIcon, y as FolderIcon, z as SidebarIcon } from "../icons-CpfUer49.js";
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BoxIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, SteerIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };
+import { $ as XIcon, A as MessageSquareIcon, B as PlusIcon, C as FolderOpenIcon, D as LinkIcon, E as InfoIcon, F as MoveToFrontIcon, G as SpinnerIcon, H as RefreshIcon, I as PaperclipIcon, J as SunIcon, K as SquareIcon, L as PauseIcon, M as MinusIcon, N as MonitorIcon, O as MaximizeIcon, P as MoonIcon, Q as WrenchIcon, R as PencilIcon, S as FolderIcon, T as ImageIcon, U as SearchIcon, V as QueueIcon, W as SidebarIcon, X as TrashIcon, Y as TerminalIcon, Z as WarningIcon, _ as DownloadIcon, a as ArrowUpIcon, b as EyeOffIcon, c as CalendarIcon, d as ChevronLeftIcon, f as ChevronRightIcon, g as DotIcon, h as DiscordIcon, i as ArrowRightIcon, j as MicrophoneIcon, k as McpIcon, l as CheckIcon, m as CopyIcon, n as ArrowDownIcon, o as BookmarkIcon, p as CodeIcon, q as StopIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, u as ChevronDownIcon, v as EllipsisIcon, w as HashIcon, x as FileIcon, y as EyeIcon, z as PlayIcon } from "../icons-CQJ-aMnI.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/{copy-button-DtPMgN7e.d.ts → copy-button-D7aAYA-2.d.ts}

@@ -1,9 +1,8 @@
-import { r as ButtonProps } from "./Button-FX_hpqxm.js";
+import { r as ButtonProps } from "./Button-DLGzHsjc.js";
 import * as React from "react";
 
 //#region src/components/_internal/copy-button.d.ts
-interface CopyButtonProps extends Omit<ButtonProps, "children" | "variant" | "color" | "className" | "onClick" | "onError"> {
-  className?: string;
+interface CopyButtonProps extends Omit<ButtonProps, "children" | "variant" | "color" | "onClick" | "onError"> {
   label: string;
   tooltip?: string;
   text: string;

package/dist/{copy-button-Dejn5heL.js → copy-button-DeK6KXEV.js}

@@ -1,10 +1,10 @@
-import { d as CopyIcon, o as CheckIcon } from "./icons-CpfUer49.js";
+import { l as CheckIcon, m as CopyIcon } from "./icons-CQJ-aMnI.js";
 import { Button } from "./components/Button.js";
 import { Tooltip } from "./components/Tooltip.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/copy-button.tsx
-function CopyButton({ label, tooltip = label, text, size = "icon", timeout = 1500, stopPropagation = false, onCopy, onError, onClick, ...props }) {
+function CopyButton({ label, tooltip = label, text, size = "sm", timeout = 1500, stopPropagation = false, onCopy, onError, onClick, ...props }) {
 	const [copied, setCopied] = React.useState(false);
 	const timeoutRef = React.useRef(null);
 	React.useEffect(() => () => {
@@ -34,6 +34,7 @@ function CopyButton({ label, tooltip = label, text, size = "icon", timeout = 150
 		type: "button",
 		variant: "ghost",
 		size,
+		iconOnly: true,
 		"aria-label": label,
 		...props,
 		onClick: handleClick,

package/dist/{icons-CpfUer49.js → icons-CQJ-aMnI.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Box, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
+import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bookmark, Box, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
@@ -31,7 +31,7 @@ const CodeIcon = icon(CodeXml);
 const XIcon = icon(X);
 const PencilIcon = icon(Pencil);
 const CopyIcon = icon(Copy);
-const SteerIcon = icon(CornerDownRight);
+const MoveToFrontIcon = icon(CornerDownRight);
 const EyeIcon = icon(Eye);
 const EyeOffIcon = icon(EyeOff);
 const FolderIcon = icon(Folder);
@@ -49,6 +49,8 @@ const ArrowLeftIcon = icon(ArrowLeft);
 const ArrowRightIcon = icon(ArrowRight);
 const ArrowDownIcon = icon(ArrowDown);
 const ArrowUpIcon = icon(ArrowUp);
+const BookmarkIcon = icon(Bookmark);
+const ArchiveIcon = icon(Archive);
 const DownloadIcon = icon(Download);
 const RefreshIcon = icon(RefreshCw);
 const DotIcon = icon(Dot);
@@ -71,6 +73,8 @@ const QueueIcon = icon(ListRestart);
 const TrashIcon = icon(Trash2);
 const WarningIcon = icon(TriangleAlert);
 const BoxIcon = icon(Box);
+const CalendarIcon = icon(CalendarDays);
+const HashIcon = icon(Hash);
 const WrenchIcon = icon(Wrench);
 const InfoIcon = icon(Info);
 const ImageIcon = icon(Image);
@@ -82,4 +86,4 @@ const MoonIcon = icon(Moon);
 const SunIcon = icon(Sun);
 const MaximizeIcon = icon(Maximize2);
 //#endregion
-export { MoonIcon as A, SpinnerIcon as B, LinkIcon as C, MicrophoneIcon as D, MessageSquareIcon as E, PlusIcon as F, TerminalIcon as G, SteerIcon as H, QueueIcon as I, WrenchIcon as J, TrashIcon as K, RefreshIcon as L, PauseIcon as M, PencilIcon as N, MinusIcon as O, PlayIcon as P, SearchIcon as R, InfoIcon as S, McpIcon as T, StopIcon as U, SquareIcon as V, SunIcon as W, XIcon as Y, EyeOffIcon as _, BoxIcon as a, FolderOpenIcon as b, ChevronLeftIcon as c, CopyIcon as d, DiscordIcon as f, EyeIcon as g, EllipsisIcon as h, ArrowUpIcon as i, PaperclipIcon as j, MonitorIcon as k, ChevronRightIcon as l, DownloadIcon as m, ArrowLeftIcon as n, CheckIcon as o, DotIcon as p, WarningIcon as q, ArrowRightIcon as r, ChevronDownIcon as s, ArrowDownIcon as t, CodeIcon as u, FileIcon as v, MaximizeIcon as w, ImageIcon as x, FolderIcon as y, SidebarIcon as z };
+export { XIcon as $, MessageSquareIcon as A, PlusIcon as B, FolderOpenIcon as C, LinkIcon as D, InfoIcon as E, MoveToFrontIcon as F, SpinnerIcon as G, RefreshIcon as H, PaperclipIcon as I, SunIcon as J, SquareIcon as K, PauseIcon as L, MinusIcon as M, MonitorIcon as N, MaximizeIcon as O, MoonIcon as P, WrenchIcon as Q, PencilIcon as R, FolderIcon as S, ImageIcon as T, SearchIcon as U, QueueIcon as V, SidebarIcon as W, TrashIcon as X, TerminalIcon as Y, WarningIcon as Z, DownloadIcon as _, ArrowUpIcon as a, EyeOffIcon as b, CalendarIcon as c, ChevronLeftIcon as d, ChevronRightIcon as f, DotIcon as g, DiscordIcon as h, ArrowRightIcon as i, MicrophoneIcon as j, McpIcon as k, CheckIcon as l, CopyIcon as m, ArrowDownIcon as n, BookmarkIcon as o, CodeIcon as p, StopIcon as q, ArrowLeftIcon as r, BoxIcon as s, ArchiveIcon as t, ChevronDownIcon as u, EllipsisIcon as v, HashIcon as w, FileIcon as x, EyeIcon as y, PlayIcon as z };

package/dist/{icons-GQd1xF4e.d.ts → icons-CYXmvKlJ.d.ts}

@@ -52,7 +52,7 @@ declare const CopyIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
-declare const SteerIcon: ({
+declare const MoveToFrontIcon: ({
   size,
   strokeWidth,
   ...props
@@ -142,6 +142,16 @@ declare const ArrowUpIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const BookmarkIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
+declare const ArchiveIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const DownloadIcon: ({
   size,
   strokeWidth,
@@ -208,6 +218,16 @@ declare const BoxIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const CalendarIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
+declare const HashIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const WrenchIcon: ({
   size,
   strokeWidth,
@@ -257,4 +277,4 @@ declare const MaximizeIcon: ({
   ...props
 }: IconProps) => import("react").JSX.Element;
 //#endregion
-export { MinusIcon as A, SearchIcon as B, ImageIcon as C, McpIcon as D, MaximizeIcon as E, PencilIcon as F, StopIcon as G, SpinnerIcon as H, PlayIcon as I, TrashIcon as J, SunIcon as K, PlusIcon as L, MoonIcon as M, PaperclipIcon as N, MessageSquareIcon as O, PauseIcon as P, QueueIcon as R, IconProps as S, LinkIcon as T, SquareIcon as U, SidebarIcon as V, SteerIcon as W, WrenchIcon as X, WarningIcon as Y, XIcon as Z, EyeIcon as _, BoxIcon as a, FolderIcon as b, ChevronDownIcon as c, CodeIcon as d, CopyIcon as f, EllipsisIcon as g, DownloadIcon as h, ArrowUpIcon as i, MonitorIcon as j, MicrophoneIcon as k, ChevronLeftIcon as l, DotIcon as m, ArrowLeftIcon as n, BrandIconProps as o, DiscordIcon as p, TerminalIcon as q, ArrowRightIcon as r, CheckIcon as s, ArrowDownIcon as t, ChevronRightIcon as u, EyeOffIcon as v, InfoIcon as w, FolderOpenIcon as x, FileIcon as y, RefreshIcon as z };
+export { WarningIcon as $, MaximizeIcon as A, PencilIcon as B, FolderIcon as C, ImageIcon as D, IconProps as E, MonitorIcon as F, SearchIcon as G, PlusIcon as H, MoonIcon as I, SquareIcon as J, SidebarIcon as K, MoveToFrontIcon as L, MessageSquareIcon as M, MicrophoneIcon as N, InfoIcon as O, MinusIcon as P, TrashIcon as Q, PaperclipIcon as R, FileIcon as S, HashIcon as T, QueueIcon as U, PlayIcon as V, RefreshIcon as W, SunIcon as X, StopIcon as Y, TerminalIcon as Z, DotIcon as _, ArrowUpIcon as a, EyeIcon as b, BrandIconProps as c, ChevronDownIcon as d, WrenchIcon as et, ChevronLeftIcon as f, DiscordIcon as g, CopyIcon as h, ArrowRightIcon as i, McpIcon as j, LinkIcon as k, CalendarIcon as l, CodeIcon as m, ArrowDownIcon as n, BookmarkIcon as o, ChevronRightIcon as p, SpinnerIcon as q, ArrowLeftIcon as r, BoxIcon as s, ArchiveIcon as t, XIcon as tt, CheckIcon as u, DownloadIcon as v, FolderOpenIcon as w, EyeOffIcon as x, EllipsisIcon as y, PauseIcon as z };

package/dist/navigation-link-Cob7KBlM.js

@@ -0,0 +1,19 @@
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/_internal/navigation-link.tsx
+/**
+* Merges design-system anchor props into an application-owned router Link.
+*
+* Keeping the Link element at the call site lets the consuming application's
+* registered route tree infer `to`, `params`, and `search` without routing
+* generics leaking through every design-system component.
+*/
+function NavigationLink({ render, ref, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		render,
+		ref,
+		props
+	});
+}
+//#endregion
+export { NavigationLink as t };

package/dist/styles/accordion.css

@@ -33,8 +33,8 @@
   border-radius: var(--sigvelo-radius-md);
   cursor: pointer;
   transition:
-    background-color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard),
-    color var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
+    background-color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change),
+    color var(--sigvelo-motion-duration-interaction) var(--sigvelo-motion-ease-change);
 }
 
 .accordion__trigger:hover:not(:disabled):not([data-disabled]) {
@@ -52,30 +52,15 @@
 }
 
 .accordion__panel {
-  block-size: var(--accordion-panel-height);
-  overflow: hidden;
+  --sigvelo-disclosure-panel-height: var(--accordion-panel-height);
+
   font-family: inherit;
   font-size: var(--sigvelo-text-sm);
   line-height: 1.625;
   color: var(--sigvelo-color-text-muted);
-  transition:
-    block-size var(--sigvelo-duration-medium) var(--sigvelo-ease-emphasized),
-    opacity var(--sigvelo-duration-fast) var(--sigvelo-ease-standard);
-}
-
-.accordion__panel[data-starting-style],
-.accordion__panel[data-ending-style] {
-  block-size: 0;
-  opacity: 0;
 }
 
 .accordion__panel > * {
   padding-block-end: var(--sigvelo-spacing-4);
   padding-inline: var(--sigvelo-recipe-control-padding-inline);
 }
-
-@media (prefers-reduced-motion: reduce) {
-  .accordion__panel {
-    transition-duration: var(--sigvelo-duration-reduced);
-  }
-}