@redocly/theme 0.69.0 → 0.70.0-next.0

package/lib/components/Catalog/variables.js

@@ -473,33 +473,31 @@ exports.catalog = (0, styled_components_1.css) `
     * @tokens Catalog history button
     */
   --catalog-history-button-width: 252px;
-  --catalog-history-button-item-width: 244px;
   --catalog-history-separator-border-color: var(--border-color-secondary);
-  --catalog-history-separator-margin-bottom: var(--spacing-sm);
+  --catalog-history-separator-margin: var(--spacing-sm) 0;
   --catalog-history-item-padding: var(--spacing-xxs);
-  --catalog-history-item-margin-bottom: calc(var(--spacing-xxs) * -1);
-  --catalog-history-item-gap: var(--spacing-xs);
-  --catalog-history-item-border-radius: var(--menu-item-label-border-radius);
+  --catalog-history-item-gap: var(--spacing-xxs);
+  --catalog-history-item-border-radius: var(--border-radius-lg);
   --catalog-history-item-bg-color-hover: var(--menu-item-bg-color-hover);
   --catalog-history-icon-size: 16px;
-  --catalog-history-content-max-width: 212px;
+  --catalog-history-icon-gap: 2px;
   --catalog-history-text-font-family: var(--font-family-base);
   --catalog-history-text-font-size: var(--font-size-base);
   --catalog-history-text-font-weight: var(--font-weight-regular);
   --catalog-history-text-line-height: var(--line-height-base);
-  --catalog-history-text-color: var(--text-color-primary);
+  --catalog-history-text-color: var(--menu-content-color);
   --catalog-history-pill-gap: var(--spacing-xxs);
+  --catalog-history-pill-height: 22px;
   --catalog-history-pill-padding-vertical: 1px;
   --catalog-history-pill-padding-horizontal: var(--spacing-xs);
   --catalog-history-pill-border-color: var(--border-color-primary);
-  --catalog-history-pill-border-radius: 12px;
-  --catalog-history-pill-icon-size: 16px;
+  --catalog-history-pill-border-radius: var(--border-radius-xl);
+  --catalog-history-pill-icon-size: 14px;
   --catalog-history-pill-icon-color: var(--color-green-8);
   --catalog-history-pill-font-family: var(--font-family-base);
   --catalog-history-pill-font-size: var(--font-size-base);
   --catalog-history-pill-line-height: var(--line-height-base);
   --catalog-history-pill-text-color: var(--text-color-primary);
-  --catalog-history-pill-min-width: calc(100% - 118px - var(--catalog-history-item-gap));
   // @tokens End
 
   /**
@@ -508,50 +506,44 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-history-sidebar-width: 320px;
   --catalog-history-sidebar-bg-color: var(--sidebar-bg-color);
   --catalog-history-sidebar-border-color: var(--border-color-secondary);
+  --catalog-history-sidebar-padding: var(--spacing-base) var(--spacing-base) 0;
+  --catalog-history-sidebar-divider-margin: var(--spacing-sm) 0 0;
 
-  --catalog-history-sidebar-header-padding: var(--spacing-base) var(--spacing-sm) var(--spacing-base);
+  --catalog-history-sidebar-header-padding: var(--spacing-xxs);
   --catalog-history-sidebar-header-font-family: var(--font-family-base);
   --catalog-history-sidebar-header-font-size: var(--font-size-base);
   --catalog-history-sidebar-header-font-weight: var(--font-weight-regular);
   --catalog-history-sidebar-header-line-height: var(--line-height-base);
   --catalog-history-sidebar-header-letter-spacing: 0;
-  --catalog-history-sidebar-header-color: var(--text-color-primary);
+  --catalog-history-sidebar-header-color: var(--menu-content-color);
 
-  --catalog-history-sidebar-close-button-size: 32px;
-  --catalog-history-sidebar-close-button-border-radius: var(--border-radius-md);
+  --catalog-history-sidebar-close-button-size: 22px;
+  --catalog-history-sidebar-close-button-border-radius: var(--border-radius-xl);
   --catalog-history-sidebar-close-button-bg-color-hover: var(--color-hover-base);
   --catalog-history-sidebar-close-icon-color: var(--text-color-primary);
 
-  --catalog-history-sidebar-content-padding: 0 var(--spacing-sm);
-  --catalog-history-sidebar-content-margin-top: calc(var(--spacing-xxs) * -1);
-
-  --catalog-history-sidebar-version-header-padding: var(--spacing-xs) var(--spacing-xxs);
+  --catalog-history-sidebar-version-header-padding: var(--spacing-xxs);
   --catalog-history-sidebar-version-header-border-radius: var(--border-radius-md);
   --catalog-history-sidebar-version-header-bg-color-hover: var(--color-hover-base);
+  --catalog-history-sidebar-version-header-bg-color-current: var(--menu-item-bg-color-active);
 
-  --catalog-history-sidebar-version-icon-size: 32px;
-  --catalog-history-sidebar-version-icon-color: var(--text-color-secondary);
+  --catalog-history-sidebar-version-icon-size: 20px;
+  --catalog-history-sidebar-version-icon-color: var(--text-color-primary);
   --catalog-history-sidebar-version-icon-color-current: var(--color-static-white);
-  --catalog-history-sidebar-version-icon-margin-right: var(--spacing-xs);
+  --catalog-history-sidebar-version-icon-margin-right: var(--spacing-xxs);
   --catalog-history-sidebar-chevron-icon-color: var(--text-color-secondary);
-  --catalog-history-sidebar-version-info-gap: 2px;
 
   --catalog-history-sidebar-version-title-font-family: var(--font-family-base);
   --catalog-history-sidebar-version-title-font-size: var(--font-size-base);
-  --catalog-history-sidebar-version-title-font-weight: var(--font-weight-medium);
+  --catalog-history-sidebar-version-title-font-weight: var(--font-weight-regular);
   --catalog-history-sidebar-version-title-line-height: var(--line-height-base);
-  --catalog-history-sidebar-version-title-color: var(--color-warm-grey-7);
-
-  --catalog-history-sidebar-version-date-font-family: var(--font-family-base);
-  --catalog-history-sidebar-version-date-font-size: var(--font-size-sm);
-  --catalog-history-sidebar-version-date-font-weight: var(--font-weight-regular);
-  --catalog-history-sidebar-version-date-line-height: var(--line-height-sm);
-  --catalog-history-sidebar-version-date-color: var(--color-warm-grey-7);
+  --catalog-history-sidebar-version-title-color: var(--menu-content-color);
 
-  --catalog-history-sidebar-revisions-padding-left: 40px;
+  --catalog-history-sidebar-revisions-padding-left: 28px;
   --catalog-history-sidebar-revisions-padding-bottom: var(--spacing-base);
+  --catalog-history-sidebar-revision-line-left: 14px;
 
-  --catalog-history-sidebar-revision-item-padding: var(--spacing-xs) var(--spacing-sm);
+  --catalog-history-sidebar-revision-item-padding: var(--spacing-xxs) var(--spacing-sm);
   --catalog-history-sidebar-revision-item-border-radius: var(--border-radius-md);
   --catalog-history-sidebar-revision-item-bg-color-hover: var(--bg-color-hover);
 
@@ -575,7 +567,6 @@ exports.catalog = (0, styled_components_1.css) `
   /**
    * @tokens Catalog history tag border radius
    */
-  --catalog-history-sidebar-version-tag-border-radius: var(--border-radius-xl);
   --catalog-history-sidebar-revision-tag-border-radius: var(--border-radius-xl);
   // @tokens End
 

package/lib/components/CatalogClassic/CatalogClassicInfoBlock.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react';
+import { type JSX } from 'react';
 export type CatalogClassicInfoBlockProps = {
     metadata?: {
         scorecardLevel?: string;

package/lib/components/CatalogClassic/CatalogClassicInfoBlock.js

@@ -10,7 +10,6 @@ const hooks_1 = require("../../core/hooks");
 const utils_1 = require("../../core/utils");
 const Tag_1 = require("../../components/Tag/Tag");
 const Link_1 = require("../../components/Link/Link");
-const utils_2 = require("../../core/utils");
 function CatalogClassicInfoBlock(props) {
     var _a, _b, _c, _d;
     const scorecardBadge = ((_a = props.metadata) === null || _a === void 0 ? void 0 : _a.scorecardLevel) ? (react_1.default.createElement(ScorecardBadge, { level: props.metadata.scorecardLevel, slug: (_b = props.metadata) === null || _b === void 0 ? void 0 : _b.scoreCardSlug, colorVariable: (0, utils_1.getScorecardColorVariable)(((_c = props.metadata) === null || _c === void 0 ? void 0 : _c.scorecardLevelIdx) || 0, Object.keys(((_d = props.metadata) === null || _d === void 0 ? void 0 : _d.scorecardLevels) || {}).length) })) : null;
@@ -22,7 +21,7 @@ function ScorecardBadge(props) {
     const { useTelemetry } = (0, hooks_1.useThemeHooks)();
     const telemetry = useTelemetry();
     return (react_1.default.createElement(Link_1.Link, { to: slug },
-        react_1.default.createElement(Tag_1.Tag, { onClick: () => telemetry.sendScorecardLinkClickedMessage([(0, utils_2.getBaseDataAttributes)('scorecardLink', 'tag')]), withStatusDot: true, statusDotColor: `var(${colorVariable})` }, level)));
+        react_1.default.createElement(Tag_1.Tag, { onClick: () => telemetry.sendScorecardLinkClickedMessage([(0, utils_1.getBaseDataAttributes)('scorecardLink', 'tag')]), withStatusDot: true, statusDotColor: `var(${colorVariable})` }, level)));
 }
 const CatalogInfoBlockWrapper = styled_components_1.default.div `
   position: relative;

package/lib/components/CatalogClassic/CatalogClassicVirtualizedGroups.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CatalogItem, ResolvedFilter } from '../../core/types';
+import type { CatalogItem, ResolvedFilter } from '../../core/types';
 export type Group = {
     title: string;
     items: CatalogItem[];

package/lib/components/CodeBlock/CodeBlockControls.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { JSX } from 'react';
 import type { CodeBlockItems } from '../../components/CodeBlock/CodeBlock';
-import { ReportButtonProps } from '../../core/hooks';
+import type { ReportButtonProps } from '../../core/hooks';
 export type CodeBlockControlsProps = {
     children?: React.ReactNode;
     className?: string;

package/lib/components/Dropdown/Dropdown.js

@@ -77,12 +77,18 @@ exports.Dropdown = (0, react_1.forwardRef)(({ children, className, active, trigg
         }
     };
     const updateMenuPosition = (0, react_1.useCallback)(() => {
+        var _a;
+        var _b;
         const wrapper = wrapperRef.current;
         if (!wrapper)
             return;
         const rect = wrapper.getBoundingClientRect();
+        const menuHeight = (_b = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 0;
+        const fitsBelow = rect.bottom + menuHeight <= window.innerHeight;
+        const fitsAbove = rect.top - menuHeight >= 0;
+        const openUpward = placement === 'top' ? fitsAbove || !fitsBelow : !fitsBelow && fitsAbove;
         const style = { minWidth: rect.width };
-        if (placement === 'top') {
+        if (openUpward) {
             style.bottom = window.innerHeight - rect.top;
         }
         else {

package/lib/components/Filter/FilterOptionLabel.d.ts

@@ -1,4 +1,4 @@
-import { type PropsWithChildren, JSX } from 'react';
+import { type JSX, type PropsWithChildren } from 'react';
 export type FilterOptionLabelProps = PropsWithChildren<{
     className?: string;
 }>;

package/lib/components/LoadMore/LoadMore.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'react';
+import type { JSX } from 'react';
 export declare function LoadMore({ icon, onClick, disabled, blinking, label, }: {
     icon: JSX.Element;
     onClick: () => void;

package/lib/components/MCP/McpConnectionTabs.js

@@ -113,8 +113,8 @@ function renderTabContent(option, connection, translate, snippetHeader) {
                 {
                     headline: translate('page.mcpNotAllowed.snippets.claudeDesktop.headline', 'Claude Desktop'),
                     content: (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(TabHint, null, translate('page.mcpNotAllowed.snippets.claudeDesktop.instruction', 'In Claude Desktop, open Settings → Developer → Edit Config, add this to the configuration file, and restart Claude Desktop:')),
-                        react_1.default.createElement(CodeBlock_1.CodeBlock, { lang: "json", source: (0, utils_1.generateClaudeDesktopConfig)(connection), header: snippetHeader(option, 'claude-desktop') }))),
+                        react_1.default.createElement(TabHint, null, translate('page.mcpNotAllowed.snippets.claudeDesktop.instruction', 'Open Customize → Connectors → Add custom connector and paste this server URL:')),
+                        react_1.default.createElement(CodeBlock_1.CodeBlock, { lang: "text", source: connection.url, header: snippetHeader(option, 'claude-desktop') }))),
                 },
             ]);
         case 'chatgpt':

package/lib/components/PageActions/PageActions.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from 'react';
-import { PageActionType } from '../../core/hooks';
+import type { PageActionType } from '../../core/hooks';
 type PageActionProps = {
     pageSlug?: string;
     mcpUrl?: string;

package/lib/components/Search/SearchAiDialog.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { JSX } from 'react';
 import type { AiSearchConversationItem, SearchAiMessageResource, ToolCall, ContentSegment } from '../../core/types';
-import { AiSearchError } from '../../core/constants';
+import type { AiSearchError } from '../../core/constants';
 export type SearchAiDialogProps = {
     response: string | undefined;
     isGeneratingResponse: boolean;

package/lib/components/Search/SearchAiMessage.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { JSX } from 'react';
+import React, { type JSX } from 'react';
 import { FeedbackType, type SearchAiMessageResource, type ToolCall, type ContentSegment } from '../../core/types';
 import { AiSearchConversationRole } from '../../core/constants';
 export type SearchAiMessageProps = {

package/lib/components/Search/SearchAiMessage.js

@@ -41,10 +41,8 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const types_1 = require("../../core/types");
 const constants_1 = require("../../core/constants");
-const types_2 = require("../../core/types");
 const Link_1 = require("../../components/Link/Link");
 const Tag_1 = require("../../components/Tag/Tag");
-const constants_2 = require("../../core/constants");
 const hooks_1 = require("../../core/hooks");
 const Markdown_1 = require("../../components/Markdown/Markdown");
 const DocumentIcon_1 = require("../../icons/DocumentIcon/DocumentIcon");
@@ -70,7 +68,7 @@ function getExecuteDescription(args) {
 }
 function getToolCallDisplayText(toolCall) {
     var _a;
-    if (toolCall.name === types_2.ToolCallName.Execute) {
+    if (toolCall.name === types_1.ToolCallName.Execute) {
         const description = getExecuteDescription(toolCall.args);
         if (description) {
             return { inProgressText: description, completedText: description };
@@ -123,8 +121,8 @@ function SearchAiMessageComponent({ role, content, isThinking, resources, classN
         }
     };
     return (react_1.default.createElement(SearchAiMessageWrapper, { "data-component-name": "Search/SearchAiMessage", $role: role, className: className, "data-testid": "search-ai-message" },
-        role === constants_2.AiSearchConversationRole.ASSISTANT && (react_1.default.createElement(AiStarsIcon_1.AiStarsIcon, { size: "32px", background: "var(--search-ai-icon-bg-color)", borderRadius: "var(--border-radius-lg)", color: "var(--search-ai-icon-color)", margin: "0 var(--spacing-xs) 0 0" })),
-        react_1.default.createElement(MessageContentWrapper, null, role === constants_2.AiSearchConversationRole.ASSISTANT ? (react_1.default.createElement(react_1.default.Fragment, null,
+        role === constants_1.AiSearchConversationRole.ASSISTANT && (react_1.default.createElement(AiStarsIcon_1.AiStarsIcon, { size: "32px", background: "var(--search-ai-icon-bg-color)", borderRadius: "var(--border-radius-lg)", color: "var(--search-ai-icon-color)", margin: "0 var(--spacing-xs) 0 0" })),
+        react_1.default.createElement(MessageContentWrapper, null, role === constants_1.AiSearchConversationRole.ASSISTANT ? (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(MessageWrapper, { $role: role },
                 contentSegments.map((segment, index) => {
                     if (segment.type === 'tool') {
@@ -189,7 +187,7 @@ const SearchAiMessageWrapper = styled_components_1.default.div `
   flex-direction: row;
   align-items: flex-start;
   width: 100%;
-  justify-content: ${({ $role }) => $role === constants_2.AiSearchConversationRole.USER ? 'flex-end' : 'flex-start'};
+  justify-content: ${({ $role }) => $role === constants_1.AiSearchConversationRole.USER ? 'flex-end' : 'flex-start'};
 `;
 const MessageContentWrapper = styled_components_1.default.div `
   display: flex;
@@ -215,7 +213,7 @@ const ResponseText = (0, styled_components_1.default)(Markdown_1.Markdown) `
   }
 `;
 const MessageWrapper = styled_components_1.default.div `
-  padding: ${({ $role }) => $role === constants_2.AiSearchConversationRole.USER
+  padding: ${({ $role }) => $role === constants_1.AiSearchConversationRole.USER
     ? 'var(--spacing-sm)'
     : 'var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)'};
   border-radius: var(--border-radius-xl);
@@ -223,11 +221,11 @@ const MessageWrapper = styled_components_1.default.div `
   max-width: 100%;
   word-wrap: break-word;
   white-space: pre-wrap;
-  background-color: ${({ $role }) => $role === constants_2.AiSearchConversationRole.USER
+  background-color: ${({ $role }) => $role === constants_1.AiSearchConversationRole.USER
     ? 'var(--search-ai-user-bg-color)'
     : 'var(--search-ai-assistant-bg-color)'};
-  border: ${({ $role }) => $role === constants_2.AiSearchConversationRole.USER ? 'none' : 'var(--search-ai-assistant-border)'};
-  color: ${({ $role }) => $role === constants_2.AiSearchConversationRole.USER
+  border: ${({ $role }) => $role === constants_1.AiSearchConversationRole.USER ? 'none' : 'var(--search-ai-assistant-border)'};
+  color: ${({ $role }) => $role === constants_1.AiSearchConversationRole.USER
     ? 'var(--search-ai-user-text-color)'
     : 'var(--search-ai-assistant-text-color)'};
 `;

package/lib/components/Search/SearchAiResponse.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from 'react';
-import { AiSearchError } from '../../core/constants';
+import type { AiSearchError } from '../../core/constants';
 export type SearchAiResponseProps = {
     question: string;
     isGeneratingResponse: boolean;

package/lib/components/Search/SearchGroups.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from 'react';
-import { type SearchFacet, type SearchFilterItem } from '../../core/types';
+import type { SearchFacet, SearchFilterItem } from '../../core/types';
 type SearchGroupsProps = {
     facets: SearchFacet[];
     searchFilter: SearchFilterItem[];

package/lib/core/constants/markdown.d.ts

@@ -1 +1,3 @@
 export declare const MARKDOWN_CLASS_NAME = "md";
+export declare const MARKDOC_EXAMPLE_TAG = "markdoc-example";
+export declare const EXAMPLE_CONTENT_ATTRIBUTE = "exampleContent";

package/lib/core/constants/markdown.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MARKDOWN_CLASS_NAME = void 0;
+exports.EXAMPLE_CONTENT_ATTRIBUTE = exports.MARKDOC_EXAMPLE_TAG = exports.MARKDOWN_CLASS_NAME = void 0;
 exports.MARKDOWN_CLASS_NAME = 'md';
+exports.MARKDOC_EXAMPLE_TAG = 'markdoc-example';
+exports.EXAMPLE_CONTENT_ATTRIBUTE = 'exampleContent';
 //# sourceMappingURL=markdown.js.map

package/lib/core/hooks/catalog/use-catalog-entity-schema.d.ts

@@ -1,4 +1,4 @@
-import { BffCatalogEntity, BffCatalogRelatedEntity } from '../../types';
+import type { BffCatalogEntity, BffCatalogRelatedEntity } from '../../types';
 type CatalogEntitySchemaProps = {
     entity: BffCatalogEntity;
     relatedEntity: BffCatalogRelatedEntity | null;

package/lib/core/hooks/catalog/use-catalog-table-header-cell-actions.d.ts

@@ -1,4 +1,4 @@
-import { BaseEntity, CatalogColumn } from '../../../components/Catalog/CatalogTableView/CatalogTableView';
+import type { BaseEntity, CatalogColumn } from '../../../components/Catalog/CatalogTableView/CatalogTableView';
 type CatalogTableHeaderCellActionsProps<T extends BaseEntity> = {
     column: CatalogColumn<T>;
     currentSortOption?: string | null;

package/lib/core/hooks/catalog/use-graph.d.ts

@@ -1,6 +1,6 @@
-import { type Node, type Edge, type Connection, OnNodesChange, OnEdgesChange } from '@xyflow/react';
-import { type CatalogEntityNodeData } from '../../../components/Catalog/CatalogEntity/CatalogEntityGraph/CatalogEntityRelationsNode';
-import { BffCatalogEntity, BffCatalogRelatedEntity } from '../../types';
+import { type OnNodesChange, type OnEdgesChange, type Node, type Edge, type Connection } from '@xyflow/react';
+import type { CatalogEntityNodeData } from '../../../components/Catalog/CatalogEntity/CatalogEntityGraph/CatalogEntityRelationsNode';
+import type { BffCatalogEntity, BffCatalogRelatedEntity } from '../../types';
 export type UseGraphProps = {
     entity: BffCatalogEntity;
     relations: BffCatalogRelatedEntity[];

package/lib/core/hooks/use-active-section-id.js

@@ -32,6 +32,8 @@ function useActiveSectionId(location, hasOverviewPage = false, withNavbar = true
             const section = sections[i];
             const rect = section.getBoundingClientRect();
             if (rect.y < heightOffset && rect.bottom > heightOffset) {
+                if (isSkippedContent(section))
+                    continue;
                 setItemId(section.getAttribute('data-section-id') || '');
                 return;
             }
@@ -56,4 +58,8 @@ function useActiveSectionId(location, hasOverviewPage = false, withNavbar = true
     }, [location, heightOffset, scrollListener]);
     return itemId;
 }
+function isSkippedContent(element) {
+    return (typeof element.checkVisibility === 'function' &&
+        !element.checkVisibility({ contentVisibilityAuto: true }));
+}
 //# sourceMappingURL=use-active-section-id.js.map

package/lib/core/hooks/use-element-size.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import type { RefObject } from 'react';
 type Size = {
     width: number;
     height: number;

package/lib/core/types/catalog.d.ts

@@ -1,6 +1,5 @@
-import { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
-import { ENTITY_RELATION_TYPES } from '@redocly/config';
-import type { CatalogEntityConfig, EntitiesCatalogConfig, LayoutVariant } from '@redocly/config';
+import type { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
+import type { ENTITY_RELATION_TYPES, CatalogEntityConfig, EntitiesCatalogConfig, LayoutVariant } from '@redocly/config';
 import type { CatalogFilterConfig } from '../../config';
 export type FilterResult = {
     value: string;

package/lib/core/types/common.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import { DEFAULT_COLOR_MODES } from '../constants';
+import type { DEFAULT_COLOR_MODES } from '../constants';
 export type Plural<T extends string> = `${T}s`;
 export type ColorMode = (typeof DEFAULT_COLOR_MODES)[keyof typeof DEFAULT_COLOR_MODES];
 export type RenderableChildren<Context> = React.ReactNode | ((context: Context) => React.ReactNode);

package/lib/core/types/hooks.d.ts

@@ -1,21 +1,18 @@
-import type { ResolvedBannerConfig } from '@redocly/config';
+import type { ResolvedBannerConfig, PageData, PageProps, ResolvedNavItemWithLink, Version } from '@redocly/config';
 import type { AsyncApiRealmUI } from '@redocly/realm-asyncapi-sdk';
-import type { PageData, PageProps, ResolvedNavItemWithLink, Version } from '@redocly/config';
 import type { ShikiTransformer } from '@shikijs/types';
 import type { Callback, TFunction as TFunc } from 'i18next';
 import type { To, Location, NavigateFunction } from 'react-router';
 import type { UseQueryResult } from '@tanstack/react-query';
 import type { CatalogConfig, ProductUiConfig } from '../../config';
-import type { UseCatalogResponse, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse, UseCatalogProps, CatalogApiParams, CatalogApiResults } from './catalog';
+import type { UseCatalogResponse, FilteredCatalog, UseCatalogSortResponse, UseCatalogSearchResponse, UseCatalogProps, CatalogApiParams, CatalogApiResults, BffCatalogEntity, BffCatalogEntityList, BffCatalogRelatedEntity, BffCatalogRelatedEntityList, BffCatalogEntityRevision, BffCatalogEntityRevisionList } from './catalog';
 import type { UserMenuData } from './user-menu';
-import type { ItemState } from './sidebar';
+import type { ItemState, DrilldownMenuItemDetails } from './sidebar';
 import type { SearchItemData, SearchFacet, SearchFilterItem, SearchFacetQuery, AiSearchConversationItem, ContentSegment, ToolCall } from './search';
 import type { SubmitFeedbackParams } from './feedback';
 import type { TFunction } from './l10n';
 import type { BreadcrumbItem } from './breadcrumb';
-import type { DrilldownMenuItemDetails } from './sidebar';
-import { BffCatalogEntity, BffCatalogEntityList, BffCatalogRelatedEntity, BffCatalogRelatedEntityList, BffCatalogEntityRevision, BffCatalogEntityRevisionList } from './catalog';
-import { AiSearchError } from '../constants/search';
+import type { AiSearchError } from '../constants/search';
 export type ThemeHooks = {
     useAnchorPositioning: () => {
         isSupported: boolean;

package/lib/core/utils/mcp.d.ts

@@ -1,7 +1,6 @@
 import type { MCPClientType, McpConnectionParams } from '../types';
 export declare function generateMCPDeepLink(clientType: MCPClientType, config: McpConnectionParams): string;
 export declare function slugifyMcpServerName(name: string): string;
-export declare function generateClaudeDesktopConfig(config: McpConnectionParams): string;
 export declare function generateClaudeCodeCommand(config: McpConnectionParams): string;
 export declare function generateCodexCommand(config: McpConnectionParams): string;
 export declare function generateMcpInstallPrompt(config: McpConnectionParams): string;

package/lib/core/utils/mcp.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateMCPDeepLink = generateMCPDeepLink;
 exports.slugifyMcpServerName = slugifyMcpServerName;
-exports.generateClaudeDesktopConfig = generateClaudeDesktopConfig;
 exports.generateClaudeCodeCommand = generateClaudeCodeCommand;
 exports.generateCodexCommand = generateCodexCommand;
 exports.generateMcpInstallPrompt = generateMcpInstallPrompt;
@@ -41,18 +40,6 @@ function slugifyMcpServerName(name) {
         .replace(/[^a-z0-9_-]+/g, '-')
         .replace(/^-+|-+$/g, '');
 }
-// Claude Desktop's config file only launches stdio commands, so remote servers
-// connect through the mcp-remote bridge.
-function generateClaudeDesktopConfig(config) {
-    return JSON.stringify({
-        mcpServers: {
-            [slugifyMcpServerName(config.serverName)]: {
-                command: 'npx',
-                args: ['-y', 'mcp-remote', config.url],
-            },
-        },
-    }, null, 2);
-}
 function generateClaudeCodeCommand(config) {
     return `claude mcp add --transport http ${slugifyMcpServerName(config.serverName)} ${config.url}`;
 }

package/lib/core/utils/menu.d.ts

@@ -1,7 +1,7 @@
 import type { ResolvedNavItem, Version } from '@redocly/config';
 import type { Location } from 'react-router';
-import { type Locale, type TFunction } from '../types/l10n';
-import { type ItemState } from '../types/sidebar';
+import type { Locale, TFunction } from '../types/l10n';
+import type { ItemState } from '../types/sidebar';
 import { MenuItemType } from '../constants/common';
 export declare const mapNavbarItems: (items: ResolvedNavItem[], defaultLocale: string, currentLocale: string, locales: Locale[], location: Location) => ItemState[];
 export declare const isItemActive: (item: ResolvedNavItem, defaultLocale: string, currentLocale: string, locales: Locale[], location: Location) => boolean;

package/lib/core/utils/urls.js

@@ -18,9 +18,7 @@ const common_1 = require("../constants/common");
 function combineUrls(baseURL, ...relativeURLs) {
     let res = baseURL;
     for (let relativeURL of relativeURLs) {
-        res = relativeURL
-            ? res.replace(/[\/\\]+$/, '') + '/' + relativeURL.replace(/^[\/\\]+/, '')
-            : res;
+        res = relativeURL ? res.replace(/[/\\]+$/, '') + '/' + relativeURL.replace(/^[/\\]+/, '') : res;
     }
     return res;
 }

package/lib/ext/use-configure-replay.d.ts

@@ -1,4 +1,4 @@
-import { type ConfigureRequestValues, type ConfigureServerRequestValues } from '../ext/configure';
+import type { ConfigureRequestValues, ConfigureServerRequestValues } from '../ext/configure';
 import type { UserClaims, OpenAPIServer, OpenAPIInfo } from '../core/types';
 type ContextProps = {
     operation: {

package/lib/layouts/OIDCForbidden.js

@@ -47,7 +47,7 @@ function OIDCForbidden() {
     const [searchParams, setSearchParams] = (0, react_router_1.useSearchParams)();
     const [errorDescription, setErrorDescription] = (0, react_1.useState)('');
     // use whatever you want here
-    const URL_REGEX = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/;
+    const URL_REGEX = /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
     const renderText = (text) => text.split(' ').map((part) => URL_REGEX.test(part) ? (react_1.default.createElement(ErrorDescriptionLink, { key: part, href: part },
         part,
         ' ')) : (part + ' '));

package/lib/markdoc/components/CodeWalkthrough/CodePanelPreview.d.ts

@@ -1,3 +1,2 @@
-import { PropsWithChildren } from 'react';
-import type { JSX } from 'react';
+import type { JSX, PropsWithChildren } from 'react';
 export declare function CodePanelPreview({ children }: PropsWithChildren): JSX.Element;

package/lib/markdoc/components/Diagram/Diagram.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react';
+import { type JSX } from 'react';
 type DiagramProps = {
     id?: string;
     diagramHtml: string;

package/lib/markdoc/components/Diagram/Diagram.js

@@ -41,10 +41,9 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("../../../core/utils");
 const hooks_1 = require("../../../core/hooks");
-const hooks_2 = require("../../../core/hooks");
 const SvgViewer_1 = require("../../../components/SvgViewer/SvgViewer");
 function Diagram({ id, diagramHtml, diagramHtmlDark, diagramError, diagramType, align, width, 'data-source': dataSource, 'data-hash': dataHash, className, }) {
-    const { useTranslate } = (0, hooks_2.useThemeHooks)();
+    const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const { activeColorMode } = (0, hooks_1.useColorSwitcher)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);

package/lib/markdoc/components/Tabs/Tab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { JSX } from 'react';
-import { TabsSize } from '../../../markdoc/components/Tabs/Tabs';
+import type { TabsSize } from '../../../markdoc/components/Tabs/Tabs';
 export type TabProps = {
     tabId: string;
     label: string;

package/lib/markdoc/components/Tabs/TabList.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { JSX } from 'react';
 import type { TabItemProps } from '../../../markdoc/components/Tabs/TabItemFragment';
-import { TabsSize } from '../../../markdoc/components/Tabs/Tabs';
+import type { TabsSize } from '../../../markdoc/components/Tabs/Tabs';
 type TabListProps = {
     childrenArray: React.ReactElement<TabItemProps>[];
     size: TabsSize;

package/lib/markdoc/tags/code-walkthrough.d.ts

@@ -1,4 +1,4 @@
-import { Node, RenderableTreeNode } from '@markdoc/markdoc';
+import type { Node, RenderableTreeNode } from '@markdoc/markdoc';
 import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
 import type { CodeWalkthroughConditions, CodeWalkthroughFilter, TogglesMarkdocAttr, InputsMarkdocAttr } from '@redocly/config';
 export declare const codeWalkthrough: MarkdocSchemaWrapper;