@redocly/theme 0.66.0-next.2 → 0.66.0-next.3

package/lib/components/Typography/Typography.d.ts

@@ -1,4 +1,4 @@
-export interface TypographyProps {
+export type TypographyProps = {
     color?: string;
     fontFamily?: string;
     fontSize?: string;
@@ -9,5 +9,6 @@ export interface TypographyProps {
     marginBottom?: string;
     marginTop?: string;
     textAlign?: string;
-}
-export declare const Typography: import("styled-components").StyledComponent<"span", any, TypographyProps, never>;
+    'data-component-name'?: string;
+};
+export declare const Typography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof TypographyProps> & TypographyProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginTop" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "textAlign" | "title" | "translate" | "typeof" | "unselectable" | "vocab"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof TypographyProps> & TypographyProps, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "data-component-name" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "exportparts" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "hidden" | "id" | "inert" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "key" | "lang" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginTop" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "ref" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "textAlign" | "title" | "translate" | "typeof" | "unselectable" | "vocab">>> & string;

package/lib/components/UserMenu/LoginButton.d.ts

@@ -9,4 +9,4 @@ export type LoginButtonProps = {
     labelTranslationKey?: string;
     ['data-component-name']?: string;
 };
-export declare function LoginButton({ href, className, variant, size, label, labelTranslationKey, 'data-component-name': componentName, }: LoginButtonProps): React.JSX.Element;
+export declare function LoginButton({ href, className, variant, size, label, labelTranslationKey, 'data-component-name': componentName }: LoginButtonProps): React.JSX.Element;

package/lib/components/UserMenu/UserAvatar.d.ts

@@ -5,4 +5,4 @@ export type UserAvatarProps = {
     height?: `var(${string})` | `${number}px`;
     width?: `var(${string})` | `${number}px`;
 };
-export declare function UserAvatar({ picture, className, height, width, }: UserAvatarProps): JSX.Element;
+export declare function UserAvatar({ picture, className, height, width }: UserAvatarProps): JSX.Element;

package/lib/components/UserMenu/UserInfoMenuItem.d.ts

@@ -5,4 +5,4 @@ export type UserInfoMenuItemProps = {
     picture?: string;
     className?: string;
 };
-export declare function UserInfoMenuItem({ name, picture, email, className, }: UserInfoMenuItemProps): JSX.Element;
+export declare function UserInfoMenuItem({ name, picture, email, className }: UserInfoMenuItemProps): JSX.Element;

package/lib/components/UserMenu/UserMenu.js

@@ -49,20 +49,20 @@ const UserMenuWrapper = styled_components_1.default.div `
     display: block;
   }
 `;
-const UserMenuTrigger = styled_components_1.default.div.attrs(() => ({
+const UserMenuTrigger = styled_components_1.default.div.attrs({
     'data-testid': 'user-menu-button',
-})) `
+}) `
   display: flex;
   align-items: center;
   cursor: pointer;
   width: auto;
   padding: 0;
 `;
-const StyledDropdown = (0, styled_components_1.default)(Dropdown_1.Dropdown).attrs(() => ({
+const StyledDropdown = (0, styled_components_1.default)(Dropdown_1.Dropdown).attrs({
     dataAttributes: {
         'data-testid': 'user-menu-dropdown',
     },
-})) `
+}) `
   --dropdown-menu-font-size: var(--user-menu-dropdown-font-size);
   --dropdown-menu-font-weight: var(--user-menu-dropdown-font-weight);
   --dropdown-menu-line-height: var(--user-menu-dropdown-line-height);

package/lib/components/UserMenu/variables.d.ts

@@ -1 +1 @@
-export declare const userMenu: import("styled-components").FlattenSimpleInterpolation;
+export declare const userMenu: import("styled-components").RuleSet<object>;

package/lib/components/VersionPicker/VersionPicker.d.ts

@@ -6,4 +6,4 @@ export declare function VersionPicker(props: {
     versions?: Version[];
     onChange: (v: Version) => void;
 }): React.JSX.Element | null;
-export declare const VersionPickerSelect: import("styled-components").StyledComponent<typeof Select, any, SelectProps, never>;
+export declare const VersionPickerSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<SelectProps<unknown>, keyof SelectProps> & SelectProps, never> & Partial<Pick<import("styled-components").FastOmit<SelectProps<unknown>, keyof SelectProps> & SelectProps, never>>> & string & Omit<typeof Select, keyof React.Component<any, {}, any>>;

package/lib/components/VersionPicker/variables.d.ts

@@ -1 +1 @@
-export declare const versionPicker: import("styled-components").FlattenSimpleInterpolation;
+export declare const versionPicker: import("styled-components").RuleSet<object>;

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

@@ -27,6 +27,6 @@ export declare enum MobileMenuType {
     PAGE = "PAGE"
 }
 export declare const DEFAULT_COLOR_MODES: {
-    readonly LIGHT: "light";
-    readonly DARK: "dark";
+    readonly LIGHT: 'light';
+    readonly DARK: 'dark';
 };

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

@@ -7,8 +7,8 @@ export declare enum AiSearchError {
     ErrorProcessingResponse = "error_processing_response"
 }
 export declare const AiSearchConversationRole: {
-    readonly USER: "user";
-    readonly ASSISTANT: "assistant";
+    readonly USER: 'user';
+    readonly ASSISTANT: 'assistant';
 };
 export type AiSearchConversationRole = (typeof AiSearchConversationRole)[keyof typeof AiSearchConversationRole];
 export declare const AI_SEARCH_ERROR_CONFIG: Record<AiSearchError, AiSearchErrorConfig>;

package/lib/core/contexts/Toast/ToastProvider.js

@@ -52,11 +52,8 @@ function toastReducer(state, action) {
         case 'remove':
             return state.filter((toast) => toast.id !== action.payload.id);
         case 'update':
-            return state.map((toast) => {
-                var _a;
-                return toast.id === action.payload.id
-                    ? Object.assign(Object.assign(Object.assign({}, toast), action.payload.updates), { type: (_a = action.payload.updates.type) !== null && _a !== void 0 ? _a : toast.type }) : toast;
-            });
+            return state.map((toast) => { var _a; return toast.id === action.payload.id
+                ? Object.assign(Object.assign(Object.assign({}, toast), action.payload.updates), { type: (_a = action.payload.updates.type) !== null && _a !== void 0 ? _a : toast.type }) : toast; });
         default:
             return state;
     }

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

@@ -7,7 +7,7 @@ type Props = {
     version?: string | null;
 };
 type BaseEntity = Pick<BffCatalogEntity, 'key' | 'type'>;
-export declare function useCatalogEntityDetails({ catalogConfig, entitiesCatalogConfig, revision, version, }: Props): {
+export declare function useCatalogEntityDetails({ catalogConfig, entitiesCatalogConfig, revision, version }: Props): {
     getEntityDetailsLink: (entity: BaseEntity) => string;
 };
 export {};

package/lib/core/hooks/catalog/use-catalog-entity-link.js

@@ -7,7 +7,8 @@ function isEntityExcluded(excludes, entityKey) {
     return (_a = excludes === null || excludes === void 0 ? void 0 : excludes.some((ex) => ex.key === entityKey)) !== null && _a !== void 0 ? _a : false;
 }
 function doesCatalogIncludeEntityType(config, entityType) {
-    var _a, _b;
+    var _a;
+    var _b;
     const hasNoIncludes = !config.includes || config.includes.length === 0;
     if (hasNoIncludes)
         return true;

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

@@ -5,7 +5,7 @@ type CatalogTableHeaderCellActionsProps<T extends BaseEntity> = {
     handleSortClick: (sortKey: string, direction: 'asc' | 'desc') => void;
     isColumnSorted: (sortKey: string, direction: 'asc' | 'desc') => boolean;
 };
-export declare function useCatalogTableHeaderCellActions<T extends BaseEntity>({ column, currentSortOption, handleSortClick, isColumnSorted, }: CatalogTableHeaderCellActionsProps<T>): {
+export declare function useCatalogTableHeaderCellActions<T extends BaseEntity>({ column, currentSortOption, handleSortClick, isColumnSorted }: CatalogTableHeaderCellActionsProps<T>): {
     handleCellClick: () => void;
     sortKey: string | undefined;
     isUpActive: boolean;

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-controls.js

@@ -20,16 +20,17 @@ function useCodeWalkthroughControls(filters, inputs, toggles, enableDeepLink) {
     const inputsRef = (0, react_1.useRef)(inputs);
     const togglesRef = (0, react_1.useRef)(toggles);
     const getInitialState = () => {
-        var _a, _b, _c, _d;
+        var _a, _b;
+        var _c, _d;
         const state = {};
         for (const [id, toggle] of Object.entries(toggles)) {
             state[id] = Object.assign(Object.assign({}, toggle), { render: true, type: 'toggle', value: enableDeepLink ? searchParams.get(id) === 'true' : false });
         }
         for (const [id, input] of Object.entries(inputs)) {
-            state[id] = Object.assign(Object.assign({}, input), { render: true, type: 'input', value: enableDeepLink ? ((_a = searchParams.get(id)) !== null && _a !== void 0 ? _a : input.value) : input.value });
+            state[id] = Object.assign(Object.assign({}, input), { render: true, type: 'input', value: enableDeepLink ? ((_c = searchParams.get(id)) !== null && _c !== void 0 ? _c : input.value) : input.value });
         }
         for (const [id, filter] of Object.entries(filters)) {
-            const defaultValue = ((_c = (_b = filter === null || filter === void 0 ? void 0 : filter.items) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.value) || '';
+            const defaultValue = ((_b = (_a = filter === null || filter === void 0 ? void 0 : filter.items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value) || '';
             state[id] = Object.assign(Object.assign({}, filter), { render: true, type: 'filter', value: enableDeepLink ? ((_d = searchParams.get(id)) !== null && _d !== void 0 ? _d : defaultValue) : defaultValue });
         }
         return state;

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-steps.d.ts

@@ -9,5 +9,5 @@ type Params = {
     enableDeepLink: boolean;
     root: React.RefObject<HTMLDivElement | null>;
 };
-export declare function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }: Params): WalkthroughStepsState;
+export declare function useCodeWalkthroughSteps({ steps, enableDeepLink, root }: Params): WalkthroughStepsState;
 export {};

package/lib/core/hooks/code-walkthrough/use-code-walkthrough-steps.js

@@ -38,13 +38,14 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
     const [visibleSteps, setVisibleSteps] = (0, react_1.useState)([]);
     const [markers, setMarkers] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c;
+        var _d, _e;
         if (!root.current || !visibleSteps.length || !options) {
             return;
         }
         const markersMinTopOffset = options.filtersElementHeight + options.navbarHeight;
-        const rootHeight = (_b = (_a = root.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0;
-        const lastStepOffset = (_e = (_d = (_c = visibleSteps[visibleSteps.length - 1]) === null || _c === void 0 ? void 0 : _c.compRef) === null || _d === void 0 ? void 0 : _d.offsetTop) !== null && _e !== void 0 ? _e : 0;
+        const rootHeight = (_d = (_a = root.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _d !== void 0 ? _d : 0;
+        const lastStepOffset = (_e = (_c = (_b = visibleSteps[visibleSteps.length - 1]) === null || _b === void 0 ? void 0 : _b.compRef) === null || _c === void 0 ? void 0 : _c.offsetTop) !== null && _e !== void 0 ? _e : 0;
         const deficit = Math.max(lastStepOffset - (rootHeight - window.innerHeight), 0);
         const groups = getGroups(visibleSteps);
         let markers = groups.flatMap((group) => getGroupMarkers(group));
@@ -163,13 +164,14 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
         observerRef.current = newObserver;
     }, [observerCallback, markers, options]);
     (0, react_1.useEffect)(() => {
-        var _a, _b, _c;
+        var _a, _b;
+        var _c;
         if (!options) {
             return;
         }
-        const rootTopOffset = (_b = (_a = root.current) === null || _a === void 0 ? void 0 : _a.offsetTop) !== null && _b !== void 0 ? _b : 0;
+        const rootTopOffset = (_c = (_a = root.current) === null || _a === void 0 ? void 0 : _a.offsetTop) !== null && _c !== void 0 ? _c : 0;
         if (!activeStep && rootTopOffset <= options.navbarHeight) {
-            setActiveStep(((_c = visibleSteps[0]) === null || _c === void 0 ? void 0 : _c.id) || null);
+            setActiveStep(((_b = visibleSteps[0]) === null || _b === void 0 ? void 0 : _b.id) || null);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [activeStep, root.current, options, visibleSteps]);
@@ -217,13 +219,14 @@ function useCodeWalkthroughSteps({ steps, enableDeepLink, root, }) {
  *          and the steps themselves with relative offset and height.
  */
 function getGroups(steps) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _j, _k, _l, _m, _o;
     if (!steps.length) {
         return [];
     }
-    const firstStepOffset = (_c = (_b = (_a = steps[0]) === null || _a === void 0 ? void 0 : _a.compRef) === null || _b === void 0 ? void 0 : _b.offsetTop) !== null && _c !== void 0 ? _c : 0;
-    const firstStepHeight = (_f = (_e = (_d = steps[0]) === null || _d === void 0 ? void 0 : _d.compRef) === null || _e === void 0 ? void 0 : _e.clientHeight) !== null && _f !== void 0 ? _f : 0;
-    const secondStepOffset = (_j = (_h = (_g = steps[1]) === null || _g === void 0 ? void 0 : _g.compRef) === null || _h === void 0 ? void 0 : _h.offsetTop) !== null && _j !== void 0 ? _j : 0;
+    const firstStepOffset = (_j = (_b = (_a = steps[0]) === null || _a === void 0 ? void 0 : _a.compRef) === null || _b === void 0 ? void 0 : _b.offsetTop) !== null && _j !== void 0 ? _j : 0;
+    const firstStepHeight = (_k = (_d = (_c = steps[0]) === null || _c === void 0 ? void 0 : _c.compRef) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _k !== void 0 ? _k : 0;
+    const secondStepOffset = (_l = (_f = (_e = steps[1]) === null || _e === void 0 ? void 0 : _e.compRef) === null || _f === void 0 ? void 0 : _f.offsetTop) !== null && _l !== void 0 ? _l : 0;
     const margin = Math.max(secondStepOffset - firstStepOffset - firstStepHeight, 0);
     let groupIndex = 0;
     const groups = [
@@ -237,8 +240,8 @@ function getGroups(steps) {
     for (let i = 0; i < steps.length; i++) {
         let currentGroup = groups[groupIndex];
         const step = steps[i];
-        const stepHeight = (_l = (_k = step.compRef) === null || _k === void 0 ? void 0 : _k.clientHeight) !== null && _l !== void 0 ? _l : 0;
-        const stepOffset = (_o = (_m = step.compRef) === null || _m === void 0 ? void 0 : _m.offsetTop) !== null && _o !== void 0 ? _o : 0;
+        const stepHeight = (_m = (_g = step.compRef) === null || _g === void 0 ? void 0 : _g.clientHeight) !== null && _m !== void 0 ? _m : 0;
+        const stepOffset = (_o = (_h = step.compRef) === null || _h === void 0 ? void 0 : _h.offsetTop) !== null && _o !== void 0 ? _o : 0;
         const prevStepOffset = currentGroup.freeSpace + currentGroup.usedSpace;
         if (prevStepOffset !== Math.max(stepOffset - currentGroup.offset, 0)) {
             const offset = currentGroup.offset + currentGroup.freeSpace + currentGroup.usedSpace;

package/lib/core/hooks/menu/use-collapse.d.ts

@@ -9,7 +9,7 @@ export interface UseCollapseProps {
     collapseElRef: React.RefObject<HTMLElement | null>;
     onTransitionStateChange?: (state: 'collapseEnd' | 'expandEnd' | 'collapseStart' | 'expandStart' | 'collapsing' | 'expanding') => void;
 }
-export declare function useCollapse({ isExpanded, collapseElRef, onTransitionStateChange: configOnTransitionStateChange, }: UseCollapseProps): {
+export declare function useCollapse({ isExpanded, collapseElRef, onTransitionStateChange: configOnTransitionStateChange }: UseCollapseProps): {
     isExpanded: boolean | undefined;
     style: {
         display: string;

package/lib/core/hooks/menu/use-collapse.js

@@ -124,7 +124,8 @@ function getAutoHeightDuration(height) {
     return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
 }
 function getElementHeight(el) {
-    var _a, _b;
+    var _a;
+    var _b;
     // scrollHeight will give us the height of the element, even if it's not visible.
     // clientHeight, offsetHeight, nor getBoundingClientRect().height will do so
     return (_b = (_a = el.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) !== null && _b !== void 0 ? _b : 0;

package/lib/core/hooks/menu/use-mobile-menu-items.d.ts

@@ -1,8 +1,8 @@
 import { MobileMenuType } from '../../constants/common';
 export declare const useMobileMenuItems: (menuType: MobileMenuType) => {
-    items: import("../..").ItemState[];
+    items: import("../../../index.js").ItemState[];
     popDrilldownState: () => void;
-    pushDrilldownState: (drilldownDetails: import("../..").DrilldownMenuItemDetails) => void;
+    pushDrilldownState: (drilldownDetails: import("../../../index.js").DrilldownMenuItemDetails) => void;
     backLink: {
         slug?: string;
         label?: string;

package/lib/core/hooks/search/use-search-dialog.js

@@ -11,7 +11,8 @@ const use_theme_hooks_1 = require("../use-theme-hooks");
 const use_theme_config_1 = require("../use-theme-config");
 const contexts_1 = require("../../contexts");
 function useSearchDialog() {
-    var _a, _b;
+    var _a;
+    var _b;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const themeSettings = (0, use_theme_config_1.useThemeConfig)();
     const location = (0, react_router_dom_1.useLocation)();

package/lib/core/hooks/use-codeblock-tabs-controls.js

@@ -5,12 +5,9 @@ const react_1 = require("react");
 function useCodeBlockTabsControls({ tabs, containerRef, tabRefs }) {
     var _a;
     const [showControls, setShowControls] = (0, react_1.useState)(false);
-    const tabsWidth = (0, react_1.useMemo)(() => {
-        var _a;
-        return ((_a = tabRefs === null || tabRefs === void 0 ? void 0 : tabRefs.current) === null || _a === void 0 ? void 0 : _a.reduce((acc, tabRef) => {
-            return tabRef ? acc + tabRef.offsetWidth : acc;
-        }, 0)) || 0;
-    }, 
+    const tabsWidth = (0, react_1.useMemo)(() => { var _a; return ((_a = tabRefs === null || tabRefs === void 0 ? void 0 : tabRefs.current) === null || _a === void 0 ? void 0 : _a.reduce((acc, tabRef) => {
+        return tabRef ? acc + tabRef.offsetWidth : acc;
+    }, 0)) || 0; }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [(_a = tabRefs === null || tabRefs === void 0 ? void 0 : tabRefs.current) === null || _a === void 0 ? void 0 : _a.length]);
     const { currentIndex, isFirstTab, isLastTab } = (0, react_1.useMemo)(() => {

package/lib/core/hooks/use-connect-mcp-button.d.ts

@@ -10,4 +10,4 @@ export type McpButtonSettings = {
     visibleOptions: MCPOption[];
     handleAction: (action: MCPOption) => void;
 };
-export declare function useConnectMCPButton({ options, }?: McpButtonOptions): McpButtonSettings;
+export declare function useConnectMCPButton({ options }?: McpButtonOptions): McpButtonSettings;

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

@@ -3,7 +3,7 @@ type Size = {
     width: number;
     height: number;
 };
-export declare function useElementSize<T extends HTMLElement = HTMLElement>({ delay, detectSizes, }?: {
+export declare function useElementSize<T extends HTMLElement = HTMLElement>({ delay, detectSizes }?: {
     delay?: number;
     detectSizes?: 'width' | 'height' | 'both';
 }): [

package/lib/core/hooks/use-input-key-commands.js

@@ -38,11 +38,12 @@ function useInputKeyCommands(actionHandlers) {
         },
         {
             match: (event) => {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d;
+                var _e, _f;
                 if (!((_a = event.currentTarget) === null || _a === void 0 ? void 0 : _a.value))
                     return false;
-                const selectionLength = ((_c = (_b = event.currentTarget) === null || _b === void 0 ? void 0 : _b.selectionEnd) !== null && _c !== void 0 ? _c : 0) - ((_e = (_d = event.currentTarget) === null || _d === void 0 ? void 0 : _d.selectionStart) !== null && _e !== void 0 ? _e : 0);
-                const isFullValueSelected = ((_f = event.currentTarget) === null || _f === void 0 ? void 0 : _f.value.length) === selectionLength;
+                const selectionLength = ((_e = (_b = event.currentTarget) === null || _b === void 0 ? void 0 : _b.selectionEnd) !== null && _e !== void 0 ? _e : 0) - ((_f = (_c = event.currentTarget) === null || _c === void 0 ? void 0 : _c.selectionStart) !== null && _f !== void 0 ? _f : 0);
+                const isFullValueSelected = ((_d = event.currentTarget) === null || _d === void 0 ? void 0 : _d.value.length) === selectionLength;
                 const isModifyAction = isPrintableCharacter(event) || isPaste(event) || isDelete(event);
                 return isFullValueSelected && isModifyAction;
             },

package/lib/core/hooks/use-page-actions.js

@@ -69,7 +69,8 @@ function usePageActions(pageSlug, mcpUrl, actions) {
         });
     }, [mcpUrl, mcpConfig, translate, telemetry, pageSlug]);
     const result = (0, react_1.useMemo)(() => {
-        var _a, _b, _c;
+        var _a, _b;
+        var _c;
         const hideActionContext = {
             pageProps,
             themeConfig,
@@ -80,7 +81,7 @@ function usePageActions(pageSlug, mcpUrl, actions) {
         };
         const origin = dom_1.IS_BROWSER
             ? window.location.origin
-            : ((_a = globalThis['SSR_HOSTNAME']) !== null && _a !== void 0 ? _a : '');
+            : ((_c = globalThis['SSR_HOSTNAME']) !== null && _c !== void 0 ? _c : '');
         const pathname = (0, urls_1.addTrailingSlash)(pageSlug);
         const pageUrl = (0, urls_1.combineUrls)(origin, pathname);
         const isRoot = (0, urls_1.withoutPathPrefix)(pathname) === '/';
@@ -159,7 +160,7 @@ function usePageActions(pageSlug, mcpUrl, actions) {
                 };
             },
         };
-        return (((_c = (_b = themeConfig.navigation) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.items) || actions || DEFAULT_ENABLED_ACTIONS)
+        return (((_b = (_a = themeConfig.navigation) === null || _a === void 0 ? void 0 : _a.actions) === null || _b === void 0 ? void 0 : _b.items) || actions || DEFAULT_ENABLED_ACTIONS)
             .filter((action) => !shouldHideAction(action, hideActionContext))
             .map((action) => actionHandlers[action]());
     }, [

package/lib/core/hooks/use-product-picker.d.ts

@@ -1,5 +1,5 @@
 export declare function useProductPicker(): {
-    currentProduct: import("../..").ProductUiConfig | undefined;
-    products: import("../..").ProductUiConfig[];
-    setProduct: (product: import("../..").ProductUiConfig | undefined) => void;
+    currentProduct: import("../../index.js").ProductUiConfig | undefined;
+    products: import("../../index.js").ProductUiConfig[];
+    setProduct: (product: import("../../index.js").ProductUiConfig | undefined) => void;
 };

package/lib/core/hooks/use-store.d.ts

@@ -12,6 +12,6 @@ type CreateStoreProps<T> = {
         serialize: (value: T) => string;
     };
 };
-export declare function createStore<T>({ storageKey, storageType, serializer, }: CreateStoreProps<T>): Store<T>;
+export declare function createStore<T>({ storageKey, storageType, serializer }: CreateStoreProps<T>): Store<T>;
 export declare function useStore<T>(store: Store<T>, defaultValue: T): readonly [T, (next: T) => void];
 export {};

package/lib/core/hooks/use-tabs.d.ts

@@ -16,7 +16,7 @@ type UseActiveTabProps = {
     initialTab: string;
     tabsId?: string;
 };
-export declare function useTabs({ activeTab, onTabChange, totalTabs, containerRef, }: UseTabsProps): UseTabsReturn;
+export declare function useTabs({ activeTab, onTabChange, totalTabs, containerRef }: UseTabsProps): UseTabsReturn;
 export declare const useActiveTab: ({ initialTab, tabsId }: UseActiveTabProps) => {
     activeTab: string;
     setActiveTab: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;

package/lib/core/hooks/use-toast-logic.d.ts

@@ -14,5 +14,5 @@ interface UseToastLogicReturn {
     ariaRole: 'alert' | 'status';
     ariaLive: 'assertive' | 'polite';
 }
-export declare function useToastLogic({ toast, onDismiss, stackIndex, }: UseToastLogicOptions): UseToastLogicReturn;
+export declare function useToastLogic({ toast, onDismiss, stackIndex }: UseToastLogicOptions): UseToastLogicReturn;
 export {};

package/lib/core/hooks/use-tooltip-fallback-placement.d.ts

@@ -11,5 +11,5 @@ type TooltipFallbackPlacementResult = {
     activePlacement: TooltipPlacement;
     activeArrowPosition: TooltipProps['arrowPosition'];
 };
-export declare function useTooltipFallbackPlacement({ isOpened, placement, arrowPosition, fallbackPlacements, tooltipBodyRef, }: TooltipFallbackPlacementParams): TooltipFallbackPlacementResult;
+export declare function useTooltipFallbackPlacement({ isOpened, placement, arrowPosition, fallbackPlacements, tooltipBodyRef }: TooltipFallbackPlacementParams): TooltipFallbackPlacementResult;
 export {};

package/lib/core/styles/dark.d.ts

@@ -1,3 +1 @@
-export declare const darkMode: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    palette?: string;
-}, any>>;
+export declare const darkMode: import("styled-components").RuleSet<object>;

package/lib/core/styles/global.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+export declare const styles: import("styled-components").RuleSet<NoInfer<{
     palette?: string;
-}, any>>;
-export declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{
+}>>;
+export declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
     palette?: string;
-}, import("styled-components").DefaultTheme>;
+}>;

package/lib/core/styles/palette.d.ts

@@ -1,6 +1,7 @@
+import { type RuleSet } from 'styled-components';
 /**
  * @tokens Palette
  */
-export declare const activeBrandPaletteLight: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+export declare const activeBrandPaletteLight: RuleSet<NoInfer<{
     palette?: string;
-}, any>>;
+}>>;

package/lib/core/styles/palette.dark.d.ts

@@ -1,3 +1,4 @@
-export declare const activeBrandPaletteDark: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+import { type RuleSet } from 'styled-components';
+export declare const activeBrandPaletteDark: RuleSet<NoInfer<{
     palette?: string;
-}, any>>;
+}>>;

package/lib/core/styles/xyflow.d.ts

@@ -1 +1 @@
-export declare const xyflow: import("styled-components").FlattenSimpleInterpolation;
+export declare const xyflow: import("styled-components").RuleSet<object>;

package/lib/core/utils/get-operation-color.d.ts

@@ -3,5 +3,5 @@ type OperationColorProps = {
     isAdditionalOperation?: boolean;
     httpVerb: string;
 };
-export declare function getOperationColor({ deprecated, isAdditionalOperation, httpVerb, }: OperationColorProps): string;
+export declare function getOperationColor({ deprecated, isAdditionalOperation, httpVerb }: OperationColorProps): string;
 export {};

package/lib/core/utils/load-and-navigate.d.ts

@@ -1,6 +1,6 @@
 import type { NavigateFunction, NavigateOptions } from 'react-router-dom';
 export type HistoryOrigin = 'pm' | 'browser';
-export declare function loadAndNavigate({ navigate, to, origin, options, }: {
+export declare function loadAndNavigate({ navigate, to, origin, options }: {
     navigate: NavigateFunction;
     to: string;
     origin?: HistoryOrigin;

package/lib/core/utils/load-and-navigate.js

@@ -16,7 +16,8 @@ let lastNavigatedPath;
 // this is copy from portal/src/client/app/utils/loadAndNavigate.ts, for case when we need to run Redoc without Realm
 function loadAndNavigate(_a) {
     return __awaiter(this, arguments, void 0, function* ({ navigate, to, origin = 'browser', options, }) {
-        var _b, _c;
+        var _b;
+        var _c;
         lastNavigatedPath = to;
         const { pathname, hash, search } = new URL(to, window.location.origin + window.location.pathname);
         // use window-shared loader instead of importing to prevent circular import issue

package/lib/core/utils/menu.js

@@ -8,13 +8,10 @@ const TRANSLATION_KEYS = {
     version: 'mobileMenu.version',
 };
 const mapNavbarItems = (items, defaultLocale, currentLocale, locales, location) => {
-    return items.map((navItem) => {
-        var _a;
-        return (Object.assign(Object.assign(Object.assign(Object.assign({}, navItem), (navItem.items && {
-            items: (0, exports.mapNavbarItems)(navItem.items, defaultLocale, currentLocale, locales, location),
-        })), ('link' in navItem && { link: navItem.link || '/' })), { active: 'link' in navItem &&
-                (0, exports.isItemActive)(navItem, defaultLocale, currentLocale, locales, location), hasActiveSubItem: !!((_a = navItem.items) === null || _a === void 0 ? void 0 : _a.find((item) => (0, exports.isItemActive)(item, defaultLocale, currentLocale, locales, location))) }));
-    });
+    return items.map((navItem) => { var _a; return (Object.assign(Object.assign(Object.assign(Object.assign({}, navItem), (navItem.items && {
+        items: (0, exports.mapNavbarItems)(navItem.items, defaultLocale, currentLocale, locales, location),
+    })), ('link' in navItem && { link: navItem.link || '/' })), { active: 'link' in navItem &&
+            (0, exports.isItemActive)(navItem, defaultLocale, currentLocale, locales, location), hasActiveSubItem: !!((_a = navItem.items) === null || _a === void 0 ? void 0 : _a.find((item) => (0, exports.isItemActive)(item, defaultLocale, currentLocale, locales, location))) })); });
 };
 exports.mapNavbarItems = mapNavbarItems;
 const isItemActive = (item, defaultLocale, currentLocale, locales, location) => {

package/lib/core/utils/theme-helpers.d.ts

@@ -1,4 +1,4 @@
-import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { RuleSet } from 'styled-components';
 export declare function getTypographyCssRulesByComponentName(componentName: string, fallbackName?: string): Record<string, string>;
-export declare function typography(componentName: string, fallbackName?: string): FlattenSimpleInterpolation;
-export declare function generateCodeBlockTokens(): FlattenSimpleInterpolation | string;
+export declare function typography(componentName: string, fallbackName?: string): RuleSet<object>;
+export declare function generateCodeBlockTokens(): RuleSet<object> | string;

package/lib/core/utils/tooltip-placement.d.ts

@@ -14,7 +14,7 @@ type FitsInViewportParams = {
     placement: TooltipPlacement;
     arrowPosition: TooltipProps['arrowPosition'];
 };
-export declare function fitsInViewport({ anchor, tooltipWidth, tooltipHeight, placement, arrowPosition, }: FitsInViewportParams): boolean;
+export declare function fitsInViewport({ anchor, tooltipWidth, tooltipHeight, placement, arrowPosition }: FitsInViewportParams): boolean;
 type ResolvePlacementParams = {
     triggerRect: DOMRect;
     tooltipWidth: number;
@@ -28,5 +28,5 @@ type ResolvePlacementParams = {
  * fallback list, returns the first placement that keeps the tooltip fully
  * inside the viewport. Falls back to the primary when nothing fits.
  */
-export declare function resolvePlacement({ triggerRect, tooltipWidth, tooltipHeight, placement, arrowPosition, fallbackPlacements, }: ResolvePlacementParams): TooltipPlacement;
+export declare function resolvePlacement({ triggerRect, tooltipWidth, tooltipHeight, placement, arrowPosition, fallbackPlacements }: ResolvePlacementParams): TooltipPlacement;
 export {};

package/lib/core/utils/transform-revisions-to-version-history.d.ts

@@ -5,4 +5,4 @@ export type TransformRevisionsToVersionHistoryParams = {
     currentVersion?: string | null;
     locale?: string;
 };
-export declare function transformRevisionsToVersionHistory({ revisions, currentRevisionDate, currentVersion, locale, }: TransformRevisionsToVersionHistoryParams): CatalogEntityVersionHistoryGroup[];
+export declare function transformRevisionsToVersionHistory({ revisions, currentRevisionDate, currentVersion, locale }: TransformRevisionsToVersionHistoryParams): CatalogEntityVersionHistoryGroup[];